Servicios

Agencia de diseño web en Barcelona

Diseñamos y desarrollamos webs a medida, rápidas y pensadas para posicionar desde el primer día. Sin plantillas: arquitectura, diseño UX/UI, rendimiento y SEO técnico integrados en un solo proceso. Te entregamos una web que carga rápido, convierte y es fácil de mantener.

¿Tu diseño web dice quién eres?

Tu negocio ha crecido y tu web se quedó atrás. El cliente entra, duda de si eres tú, y se va. O peor: llega, le gusta, pero no encuentra el camino hacia el contacto.

El diseño web es la traducción visual de tu propuesta de valor: qué haces, para quién y por qué a ti. Un buen diseño se nota en tres cosas medibles: el visitante entiende tu oferta en segundos, encuentra su camino sin pensar, y la web mantiene la coherencia cuando pasa de cinco páginas a cincuenta.

¿Tu diseño web dice quién eres?

Qué incluye el diseño de tu web

Cada proyecto se adapta al tamaño, el sector y los objetivos de la marca. Estos son los frentes que cubrimos en un proyecto completo.

Identidad aplicada

Tu marca ya existe: la web debe sonar a ella en cada pantalla. Trasladamos tu identidad —o la afinamos si lo necesita— a un lenguaje visual propio: color, tipografía, ritmo, tono. Que quien te conozca te reconozca, y quien no, te recuerde.

Arquitectura de la información

Tu cliente llega con una pregunta. La estructura de la web decide si la responde en dos clics o abandona en tres. Ordenamos contenidos, navegación y jerarquías desde las preguntas reales de tu cliente, no desde tu organigrama.

Diseño de conversión

Cada página tiene un trabajo: que el visitante dé el siguiente paso. Diseñamos jerarquía visual, llamadas a la acción y flujos con un criterio claro — qué debe mirar primero, qué debe entender y qué debe hacer.

Sistema de diseño

Una web crece: más servicios, más casos, más páginas. Un sistema de tokens y componentes documentados mantiene la coherencia sin depender de la memoria de nadie. Tu página cincuenta se verá tan tuya como la primera.

Tipografía y jerarquía

El 95% de tu web es texto. La elección tipográfica, los tamaños y los espacios deciden si tu contenido se lee o se sobrevuela. Diseñamos para la lectura real: en móvil, con prisa, a pleno sol.

Movimiento y microinteracciones

El movimiento dirige la atención cuando tiene propósito y la dispersa cuando es adorno. Animamos transiciones, scroll y microinteracciones para guiar al usuario hacia lo que importa — con respeto al rendimiento y a quien prefiere movimiento reducido.

Diseño y optimización

Las decisiones de diseño pesan — literalmente. Formatos de imagen, carga de fuentes y estabilidad visual se deciden en el diseño, no se parchean después. Tu web bonita también será tu web rápida.

Accesibilidad

Un diseño accesible llega a más clientes: contraste suficiente, textos legibles, navegación clara. Más mercado y mejor posicionamiento con las mismas pantallas.

Rediseño sin perder posicionamiento

Si tu web ya trae clientes desde Google, rediseñar da miedo — con razón. Auditamos qué posiciona antes de tocar nada, conservamos URLs y estructura que funcionan, y migramos con redirecciones verificadas. Estrenas diseño sin estrenar caídas de tráfico.

  1. Cómo trabajamos tu diseño

  2. 01

    Descubrimiento

    Entendemos tu negocio, tu cliente y tu competencia antes de abrir el editor. Qué debe comunicar la web y qué debe conseguir.

    Día 1
  3. 02

    Arquitectura y contenidos

    Definimos el mapa: qué páginas, qué cuenta cada una, en qué orden. El contenido manda; el diseño lo sirve.

    Días 2 a 5
  4. 03

    Concepto y dirección

    Te presentamos una dirección visual argumentada — no tres opciones para que elijas a ciegas, sino una propuesta con razones que puedes discutir.

    Días 4 a 8
  5. 04

    Diseño sobre páginas reales

    Diseñamos con tus textos y tus casos, no con lorem ipsum. Ves tu web de verdad en staging, en tu móvil, con tu contenido.

    Días 7 a 10
  6. 05

    Entrega implementada

    El diseño se entrega funcionando: web publicada, sistema documentado, componentes listos para crecer. Sin PDFs que alguien tendrá que interpretar.

    Día 10 a 15

Con qué diseñamos

Figma para el sistema y las decisiones, staging real para validar sobre contenido verdadero, GSAP cuando el proyecto pide movimiento, y medición desde el primer día para comprobar que el diseño hace su trabajo. El entregable no es un archivo: es tu web publicada con su sistema documentado.

Precio y plazos

Cada auditoría se cotiza tras un briefing inicial gratuito de 30 minutos en el que entendemos el alcance del proyecto. Estos son los rangos orientativos según tipo y tamaño.

Rediseño

Desde 1600€

5-7 días

Para webs que ya funcionan pero ya no te representan. Auditoría previa de posicionamiento incluida.

Sistema completo

Desde 5000€

Revisión trimestral

Para webs que van a crecer: sistema de diseño documentado, componentes y reglas editoriales para escalar sin perder coherencia.

Preguntas frecuentes sobre diseño web

¿Cuánto cuesta diseñar una página web?

El diseño normalmente no se presupuesta aparte, sino que forma parte del presupuesto de la web, y dentro de él, las partidas de diseño (UX, diseño visual, sistema y maquetación) son las que más varían según lo que necesites. Tres variables mueven el precio: cuántas plantillas de página distintas hay que diseñar, el estado de tu identidad (si está definida se aplica; si no, hay que trabajarla antes) y el contenido disponible. La partida que más diferencia el resultado final es el sistema de diseño: definir las reglas que se aplicarán a toda la web añade entre un mínimo de 20 horas al presupuesto, y es lo que hace que tu página cincuenta se vea tan tuya como la primera. Publicamos una guía de precios completa con el desglose de cada partida para que sepas qué estás comparando.

Ver cuanto cuesta hacer una página web

¿Cuánto se tarda en diseñar una web?

Dentro de un proyecto completo de 8 a 14 semanas, las fases de diseño (arquitectura, concepto, sistema y maquetación de pantallas) ocupan aproximadamente la primera mitad, solapándose con el desarrollo a partir del sistema aprobado. Un rediseño sobre identidad existente va más rápido que una web que estrena lenguaje visual. Tres cosas aceleran cualquier calendario: contenido listo, identidad definida y un interlocutor con capacidad de decidir en cada validación.

¿Plantilla o diseño a medida?

Las dos son opciones legítimas para situaciones distintas. Una plantilla cuesta 50–80 € y trae un sistema visual ya resuelto estándar que tienen multitud de webs más. Un sistema propio traduce tu marca a un lenguaje que solo tú tienes. La pregunta que decide no es de presupuesto sino de competencia: si tu producto se parece al de tus competidores y la diferenciación es parte de cómo vendes, la singularidad visual rinde más que casi cualquier otra inversión de la web.

¿Qué recibo exactamente al final?

Tu web publicada y funcionando. Con ella, el sistema de diseño documentado en Figma: tokens, componentes, reglas de uso y estados. Ese sistema es lo que te permite crecer sin volver a empezar: cuando quieras añadir una sección, los componentes y las reglas ya existen.

¿El diseño incluye los textos?

Todo proyecto incluye la arquitectura de contenidos: qué cuenta cada página, en qué orden y con qué jerarquía, más un brief claro de qué necesita cada sección. Los textos definitivos puedes escribirlos tú con ese brief (nadie conoce tu negocio como tú) y nosotros los revisamos con criterio editorial y SEO. Si prefieres delegar la redacción profesional, se presupuesta como partida propia.

¿Trabajáis con empresas fuera de Barcelona?

Sí. Las validaciones de diseño se hacen sobre staging real que abres desde tu móvil estés donde estés, y las sesiones de trabajo funcionan igual de bien por videollamada.

¿Empezamos a caminar juntos?

Cuéntanos dónde estás hoy. En 30 minutos te decimos, sin compromiso, si podemos ayudarte y cómo lo haríamos.

Nombre
Email profesional *
Teléfono
Empresa
Facturación anual
¿Qué problema tienes?
Cuéntanos (opcional)