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
Una web que trabaje mientras tú no estás.
Una web que trabaje mientras tú no estás.Primera conversación gratis. Sin formularios de 20 campos. Solo cuéntame qué necesitas.