Servicios / Websites & Conversion / Diseño Web & UX
Diseño que resuelve tareas de usuario — no solo gana premios.
Investigación UX, arquitectura de información y diseño UI orientados a tareas reales de los usuarios. La accesibilidad (BFSG) y el mobile-first son parte obligatoria, no una opción con recargo.
Centrado en tareas
Cada pantalla resuelve una tarea real del usuario. No todo lo que es posible tiene sentido.
Mobile-first 2026
Un 60–75 % de tráfico móvil es la realidad. Diseñamos primero para móvil, el escritorio es la extensión.
Conforme a BFSG
La ley alemana de accesibilidad (BFSG) es obligatoria desde junio de 2025. Diseñamos según WCAG 2.2 AA desde el principio.
Lo que puedes contratar
Seis bloques, sueltos o como paquete
Solemos empezar con el audit UX + investigación de usuarios. El diseño UI llega solo cuando las tareas están claras.
Audit UX
Evaluación heurística, caídas de embudo, debilidades en móvil, audit BFSG. Resultado: mapa de problemas.
Investigación de usuarios
Entrevistas de usuario, diary studies, tests de usabilidad (moderados/no moderados). Resultado: mapa de tareas.
Arquitectura de información
Sitemap, lógica de navegación, jerarquía de contenido, lógica de búsqueda, validación con card sorting.
Diseño UI
Mockups móvil y escritorio, microinteracciones, tipografía, códigos de marca integrados.
Sistema de diseño
Librería de componentes, tokens, theming, documentación en Figma. Para equipos que quieren seguir diseñando por su cuenta.
Capa de accesibilidad
WCAG 2.2 AA, conforme a BFSG, tests con lectores de pantalla, navegación por teclado, comprobaciones de contraste.
¿En qué nos diferenciamos?
Tres formas de comprar UX
Agencia de diseño top, estudio boutique u operador sénior — las tres tienen su público. Aquí la comparación honesta.
| Agencia de diseño top Edenspiekermann, KMS Team | Estudio boutique Estudios de diseño de Berlín | Truong Suarez Centrado en tareas + puente de performance | |
|---|---|---|---|
| Identidad de estilo | Muy fuerte, impulsada por el diseño | Firma del estudio visible | Orientada a tu marca, sin marca propia de estudio |
| Investigación de usuarios | Profunda, a menudo 4–8 semanas de discovery | Rara vez formal, más basada en workshops | Enfocada (5–8 entrevistas), rápidamente aprovechable |
| BFSG / accesibilidad | Puede ser un add-on | A menudo fuera del alcance principal | Parte obligatoria sin recargo |
| Vínculo con performance | Raro, traspaso técnico | Centrado en diseño, performance secundaria | El diseño se alinea con la lógica de embudo y tracking |
| Mejor fase para ti | Brand refresh, enterprise | Marcas premium, empuje de imagen | Mediana empresa con stack de performance que necesita la UX como palanca |
La comparación se basa en información pública disponible, a fecha de 2026. Si tu situación encajara mejor en otro sitio, te lo diré en la primera consulta.
Cómo trabajamos
Cinco fases, un único interlocutor
Entender las tareas, luego diseñar. No al revés.
Audit UX
Heurística, heatmaps, estado BFSG, comprobación móvil. Resultado: mapa de problemas.
Investigación
5–8 entrevistas de usuario, tests de usabilidad. Resultado: mapa de tareas + pain points.
IA + wireframe
Sitemap, wireframes lo-fi, validación de navegación. Resultado: plan de estructura.
UI & sistema
Mockups hi-fi, sistema de diseño, librería de componentes. Resultado: librería Figma.
Handover
Traspaso a desarrollo, QA de accesibilidad, tests de navegador, documentación de componentes.
Stack
Con qué trabajamos
Nada de herramientas de caja negra. Todo lo que usamos puedes operarlo tú mismo — si quieres.
Research
- Maze (tests no moderados)
- UserTesting / Lookback
- Hotjar / Microsoft Clarity
- Optimal Workshop (card sorting)
Diseño
- Figma (librería de componentes)
- FigJam (workshops)
- Whimsical (flujos/IA)
- Principle (motion)
Accesibilidad
- WAVE / axe DevTools
- NVDA / VoiceOver
- Stark (plugin de Figma)
- Contrast Checker
Handover
- Figma Dev Mode
- Zeplin (legacy)
- Storybook (documentación de componentes)
- Notion (decisiones de diseño)
Punto de entrada recomendado
Dos caminos, según dónde estés
¿Mejorar la UX de un sitio existente o una reconstrucción completa? Eso cambia la profundidad.
Para ti si
Mejorar un sitio existente
Tienes problemas de UX (caídas de embudo, debilidades en móvil, lagunas BFSG) y quieres abordarlos de forma estructurada sin un relanzamiento completo.
7–10 días · informe + llamada de 60 min
Auditoría Esencial / Renovar lo existente
- – Evaluación heurística de todas las plantillas principales
- – Audit móvil + estado BFSG
- – Análisis de caídas de embudo
- – Hoja de ruta de mejoras priorizada
Para ti si
Diseñar completamente de nuevo
Un sitio nuevo, una sección nueva o una reconstrucción UX completa. Necesitas research + IA + sistema de diseño desde el principio.
7–10 días · informe + llamada de 60 min
Auditoría Esencial / Construir de nuevo
- – Plan de research (guía de entrevistas)
- – Boceto de IA + concepto de sitemap
- – Recomendación de sistema de diseño
- – Plan de cumplimiento BFSG
¿No estás seguro? El triaje de síntomas en la página de audits ayuda a elegir. El precio del audit se descuenta de un proyecto posterior.
Cuándo se vuelve relevante
Puntos de partida típicos
Tres situaciones recurrentes en las que Diseño Web & UX es la herramienta adecuada.
Compliance
BFSG 2025 — accesibilidad
La ley alemana de accesibilidad: qué es obligatorio y qué hacemos en concreto al respecto.
Relanzamiento
Relanzamiento sin perder SEO
Cómo un refresh de UX y una migración SEO van en un mismo workstream sin que uno destruya al otro.
Lanzamiento
Lanzamiento con landing pages
Cuando se acerca un lanzamiento y las landing pages deben construirse para tareas reales de usuario y conversión.
FAQ
Lo que los clientes suelen preguntar antes de la primera colaboración
¿Cuánta investigación de usuarios necesitamos realmente?
Un mínimo pragmático: 5–8 entrevistas en profundidad + 1–2 tests de usabilidad no moderados por flujo crítico. Eso cubre el 80 % de los insights — todo lo que supere eso es premium para complejidad enterprise. En B2B suele ser datos de customer success + 3–5 entrevistas con power users.
¿Qué significa la obligación BFSG en concreto para nuestro sitio?
Obligatorio desde junio de 2025 para sitios B2C con venta online, función de reserva o de cuenta. WCAG 2.2 AA como estándar mínimo: contrastes, navegación por teclado, lectores de pantalla, etiquetas ARIA, textos alternativos. El B2B está (aún) exento, pero debería seguir en 2026 con la directiva AccessibleEU. Construimos todo según WCAG 2.2 AA por defecto.
¿Necesitamos realmente un sistema de diseño?
Para sitios de marketing de una sola página: no, basta con una librería de componentes en Figma. Para sitios con > 20 plantillas o varios equipos de marketing/producto: sí, los tokens de diseño + componentes documentados ahorran mucho tiempo y consistencia a largo plazo.
Mobile-first — ¿significa eso que el escritorio es secundario?
No secundario — pero: el diseño móvil obliga a una claridad de jerarquía que luego beneficia al escritorio. Quien diseña primero para escritorio acaba a menudo con layouts sobrecargados que no funcionan en móvil. Diseñamos ambos en paralelo, pero siempre empezamos los wireframes en el breakpoint móvil.
¿Recibimos archivos de Figma o un producto final?
Ambos son posibles. Engagement solo de UX/diseño: recibes archivos de Figma documentados + sistema de diseño, y tu equipo de desarrollo construye. End-to-end: también asumimos el build (ver relanzamiento de web + landing pages). En el audit aclaramos qué encaja mejor.
Hablemos
Tres caminos — según donde estés.