Que entre y entienda.
Diseño que funciona, no solo que se ve bien.
Diseño web y UX/UI: arquitectura, interfaz y desarrollo de una web que explica a qué te dedicas y por qué le importa a quien acaba de llegar.
Tu web no es un portafolio. Es la primera conversación con alguien que aún no te conoce.
Hay webs que existen, reciben visitas y no pasa nada. Casi siempre están escritas desde dentro: el organigrama, la historia de la empresa, una lista de adjetivos. Nadie llega a una web a leer eso. Llega con una pregunta.
Pienso primero la arquitectura y el mensaje: qué páginas hacen falta, en qué orden se leen y qué tiene que entender alguien en los primeros diez segundos. Después viene el diseño, y después el desarrollo en la plataforma que le encaje al proyecto y al equipo que va a mantenerla. Te entrego el manual y los accesos, y te explico cómo usarlos.
Una web explica y convence. Si lo que buscas es la herramienta con la que trabajas el lunes por la mañana, eso es Producto digital a medida.
- Solo diseño, entregado en Figma para que lo desarrolle tu equipo
- Diseño y desarrollo completo, con la web funcionando y en tu dominio
- Rediseño de una web que ya existe, conservando o migrando el contenido
- Una landing de campaña o de lanzamiento
- Un CMS para que el contenido lo edite tu equipo sin escribirme
- Necesitas una herramienta con la que trabajar cada día, no una página que explique → Producto digital a medida
- La marca todavía no tiene identidad visual: la web la heredaría → Branding e identidad visual
- Quieres una plantilla montada en dos semanas y con el contenido resuelto por el camino
Web o producto digital: dónde está la frontera
Una web explica. Un producto digital opera.
Muchos proyectos necesitan las dos cosas. Se hacen en ese orden y comparten el mismo sistema visual.
Proceso
-
Briefing y objetivos
Para qué existe esta web, quién la va a usar y qué tiene que conseguir el negocio con ella. Sin eso, todo lo demás es decoración cara.
-
Arquitectura y flujos
Mapa del sitio, recorridos de usuario y estructura de contenidos. Antes de pensar cómo se ve, pienso cómo funciona.
-
Wireframes
El esqueleto de las páginas clave, sin color y sin estética. Solo estructura y jerarquía, para validar antes de invertir en diseño.
-
Diseño visual
Aplico la identidad al diseño de interfaz. Todas las páginas y todos los estados: vacío, error, cargando, lleno.
-
Desarrollo
Maquetación en la plataforma acordada, contenidos, formularios, SEO técnico básico y comportamiento en móvil.
-
QA y lanzamiento
Revisión en dispositivos y navegadores, salida a producción y briefing para que tu equipo pueda gestionarla sin mí.
Qué recibes
Qué puede incluir el alcance. El alcance se define en la propuesta. Cada web es distinta; estas son las piezas con las que se arma.
- Mapa del sitio y arquitectura de contenidos
- Recorridos de usuario y wireframes de las páginas clave
- Estrategia de conversión: qué se pide, dónde y por qué
- SEO on-page y SEO técnico básico
- Diseño UX y UI de todas las páginas
- Estados de interfaz: vacío, error, cargando
- Diseño adaptado a móvil, tablet y escritorio
- Entrega en Figma si desarrolla otro equipo
- Desarrollo en la plataforma acordada
- CMS editable por tu equipo
- Formularios e integraciones con las herramientas que ya usáis
- Formación de gestión y traspaso de accesos
Si la marca aún no tiene identidad visual definida, hago el branding antes o los dos en paralelo, coordinados.
Tiempos
-
SEM 1: Briefing, arquitectura y contenidos
Objetivos, mapa del sitio, estructura de páginas y recopilación del contenido que aportas.
-
SEM 2: Wireframes
Estructura visual de las páginas principales. Se valida la arquitectura antes de diseñar.
-
SEM 3–4: Diseño visual
Diseño de todas las páginas, revisión y aprobación antes de pasar a desarrollo.
-
SEM 5–6: Desarrollo
Construcción en la plataforma, contenidos, comportamiento responsive y revisiones.
-
SEM 7: QA, ajustes y lanzamiento
Revisión en dispositivos, ajustes finales y salida a producción. La web es tuya.
La variable que más mueve el calendario es el contenido. Si los textos y las fotos llegan tarde, el proyecto espera.
Cómo trabajamos
- Briefing, arquitectura de contenidos y recorridos de usuario
- Wireframes y validación de estructura
- Diseño UX y UI de todas las páginas y sus estados
- Desarrollo en la plataforma acordada y adaptación a móvil
- SEO técnico básico y on-page
- QA en dispositivos y navegadores, lanzamiento y briefing de gestión
- El dominio, el hosting y las licencias, siempre a tu nombre
- La redacción de los textos y la fotografía
- La identidad visual, si aún no existe → Branding e identidad visual
- Las funcionalidades a medida y los paneles de gestión propios → Producto digital a medida
- El sistema con el que después se publica contenido → Dirección de arte de contenido
- El mantenimiento posterior, que se acuerda al terminar
Cómo se presupuesta. Llamada de descubrimiento y propuesta cerrada por alcance, con el número de páginas y las integraciones escritas dentro.
Preguntas frecuentes
- ¿Con qué plataforma trabajas?
- Con la que le convenga al proyecto y al equipo que va a mantenerlo: Webflow, WordPress, Astro u otras. La decisión se toma en el briefing, con el alcance delante, no antes.
- ¿Podré editar la web yo mismo?
- Sí. Se entrega con un CMS y una sesión de formación. El objetivo es que puedas cambiar un texto o subir una entrada sin escribirme.
- ¿Escribes tú los textos?
- El copy de web se contrata aparte. Sí entra la estructura del mensaje: qué se dice en cada página y en qué orden.
- ¿Y si no tengo identidad de marca?
- Hago el branding antes o en paralelo. Diseñar una web sobre una identidad que no existe obliga a inventarla por el camino, y sale peor y más cara.
- ¿Puedes rediseñar solo una parte?
- Sí, si el resto aguanta. Lo audito primero y te digo qué se toca y qué no. A veces la respuesta honesta es que sale mejor rehacerla.
- ¿Qué pasa después del lanzamiento?
- Hay un período de garantía para corregir errores. El mantenimiento evolutivo se acuerda al terminar, cuando ya sabemos qué necesita de verdad.
Los otros servicios
Y ahora
Una web que trabaje mientras tú no estás.Primera conversación gratis. Sin formularios de 20 campos. Solo cuéntame qué necesitas.