Maraboo
Web de un salón de belleza en Palma de Mallorca: servicios de peluquería, color y pestañas, tarifas, galería y reserva online.
Español · English
Visitar la web: Maraboo (se abre en una pestaña nueva)- Investigación con usuarios
- WCAG 2.2 AA
- Sistemas de diseño
UX/UI · Investigación, interfaz y accesibilidad
Agencia UX/UI para interfaces que todo el mundo puede usar
Somos una agencia UX/UI en Palma de Mallorca: investigamos cómo usan tus clientes tu web o tu producto, rediseñamos lo que les frena y auditamos la accesibilidad según WCAG 2.2 AA para que nadie se quede fuera.
Respuesta personal, Sin compromiso, Español, English
Qué es
UX, UI y accesibilidad: un mismo trabajo
Una agencia UX/UI diseña cómo funciona y cómo se ve tu producto digital. La UX, o experiencia de usuario, define el camino para encontrar, reservar o pagar; la UI, o diseño de interfaz, da forma a cada pantalla y botón. La accesibilidad asegura que ambas funcionen para todas las personas.
Por eso el diseño UX/UI y la accesibilidad web los resuelve un mismo equipo: una interfaz que no se entiende pierde clientes, y una que falla con teclado o lector de pantalla puede incumplir la ley. Empezamos observando a personas reales y terminamos con un sistema de diseño y un plan de corrección.
Para una web nueva completa, el punto de partida es el diseño web. Aquí mejoramos lo que ya existe: un proceso de reserva, un área de clientes, una app, una landing o el checkout de tu tienda online.
En detalle
Ley de accesibilidad: a quién obliga y quién está exento
Desde el 28 de junio de 2025, la Ley 11/2023, que incorpora al derecho español la Ley Europea de Accesibilidad, exige que los servicios de comercio electrónico dirigidos a consumidores, entre otros, sean accesibles. Quedan exentas las microempresas que prestan servicios: menos de 10 personas y una facturación o un balance de hasta 2 millones de euros.
La norma técnica de referencia, EN 301 549, se apoya en las pautas WCAG, y nosotros trabajamos con WCAG 2.2 nivel AA como objetivo. Una auditoría de accesibilidad web combina herramientas automáticas con pruebas manuales de teclado y lector de pantalla, y ordena cada incidencia por gravedad. No es asesoramiento legal: tu asesor confirma si tu empresa está obligada.
En detalle
Interfaces honestas, rápidas y legibles para agentes de IA
Una buena interfaz ayuda a decidir sin engañar. La Ley de Servicios Digitales de la UE prohíbe a las plataformas en línea los diseños engañosos, los llamados dark patterns, y aplicamos ese criterio en todo proyecto. En el aviso de cookies, como pide la guía de la AEPD, «rechazar» va en la misma capa y al mismo nivel que «aceptar».
La interfaz también debe responder rápido: el INP, la métrica de Core Web Vitals que mide cuánto tarda la página en reaccionar a toques, clics y teclas, debe quedar por debajo de 200 milisegundos. Y, según la guía de Google sobre búsqueda con IA, los agentes de navegación pueden leer capturas, el DOM y el árbol de accesibilidad: botones con nombre, campos etiquetados y estados claros ayudan a la vez a un lector de pantalla y a un agente.
Qué incluye
Qué incluye el servicio de UX/UI
Bloques que combinamos según tu punto de partida.
Investigación y consultoría UX
Entrevistas, analítica y pruebas con usuarios para saber dónde se atascan y por qué.
Flujos y arquitectura
Recorridos de usuario y estructura de la información para las tareas clave.
Wireframes y prototipos
Prototipos navegables en Figma, probados con personas antes de programar.
Diseño UI y sistema de diseño
Componentes, tipografía y color accesible, documentados para crecer con coherencia.
Auditoría de accesibilidad
Revisión WCAG 2.2 AA automática y manual, con incidencias por gravedad.
Plan de corrección
Prioridades, especificaciones para desarrollo y una nueva prueba tras corregir.
Cómo trabajamos
Cómo trabajamos, en cuatro pasos
Cada fase sigue nuestro método.
Fase 01 / 04
Entender
Objetivos, datos de uso y una primera revisión de la interfaz.
Fase 02 / 04
Investigar y auditar
Pruebas con usuarios, análisis de embudos y accesibilidad de los flujos críticos.
Fase 03 / 04
Diseñar y probar
Wireframes, prototipo y sistema de diseño, validados con personas.
Fase 04 / 04
Entregar y verificar
Especificaciones, apoyo a tu equipo o al nuestro de desarrollo web y prueba final.
Enfoque SERMAN
Por qué hacer UX/UI con SERMAN
Accesible desde el boceto
Cada componente nace con el contraste, el foco y las etiquetas correctos.
Diseño unido a los datos
Conectado con la analítica y la optimización de la conversión.
Bilingüe de verdad
Interfaces y pruebas en español y en inglés.
Lo que no es
Lo que este servicio no es
- No es un widget ni un «overlay» que promete cumplir la ley con una línea de código: la accesibilidad se diseña, se programa y se prueba.
- No es asesoramiento legal sobre tu caso concreto.
- No es un cambio estético sin datos que lo justifiquen.
- No es una auditoría sin seguimiento: incluye una nueva prueba tras las correcciones.
Qué medimos
Cómo medimos si la interfaz funciona
Antes y después de cada cambio, sin prometer cifras.
Éxito en tareas
Quién completa cada tarea clave en las pruebas y en cuánto tiempo.
Incidencias de accesibilidad
Abiertas y resueltas, por gravedad y criterio WCAG.
Conversión de flujos
Formularios, reservas o compras paso a paso, con una analítica fiable.
Capacidad de respuesta
INP y estabilidad visual con datos de usuarios reales.
Herramientas y plataformas
Herramientas con las que trabajamos
- Figma
- Maze
- Microsoft Clarity
- Google Analytics 4
- axe DevTools
- WAVE
- NVDA
- VoiceOver
Para quién es
Encaja especialmente si…
- Vendes online a consumidores y dudas si cumples la ley de accesibilidad.
- Tu app, tu plataforma SaaS o tu área de clientes genera dudas y llamadas.
- Tu formulario, tu reserva o tu checkout pierden gente.
- Cada pantalla de tu producto parece de una marca distinta.
Cumplimiento
Normas que aplicamos por defecto
No sustituye el asesoramiento legal de tu empresa.
Accesibilidad (Ley 11/2023)
Obligatoria desde el 28 de junio de 2025 para el comercio electrónico dirigido a consumidores, con las microempresas de servicios exentas.
Diseños engañosos (DSA)
Prohibidos en las plataformas en línea; nunca los usamos.
Consentimiento de cookies
«Rechazar» en la misma capa y al mismo nivel que «aceptar», según la guía de la AEPD.
Proyectos
Diseño web en producción
Cada vídeo es una grabación real de la web recorriendo su página de inicio. Las marcadas como vista previa son webs nuevas que todavía revisa el cliente.
Serman Properties
Inmobiliaria en Mallorca: compra, venta y alquiler de pisos, villas y chalets en Palma, con atención en español y alemán.
Español · Deutsch
Visitar la web: Serman Properties (se abre en una pestaña nueva)Serman Exotic Rentals
Alquiler de coches exóticos en Palma de Mallorca: flota de superdeportivos, entrega en villa y puerto, servicio de concierge, chárter de yates y reservas por WhatsApp.
English
Visitar la web: Serman Exotic Rentals (se abre en una pestaña nueva)Serman Rent
Transporte de lujo en Mallorca: vehículos premium, chófer VIP, traslados al aeropuerto y viajes a medida.
English
Visitar la web: Serman Rent (se abre en una pestaña nueva)Preguntas frecuentes
Preguntas frecuentes
¿Qué hace una agencia UX/UI?
Investiga cómo usan las personas tu web o tu producto, rediseña los recorridos y las pantallas que les frenan y documenta un sistema de diseño. Nosotros sumamos la accesibilidad, hoy obligatoria para muchas tiendas online.
¿Qué diferencia hay entre UX y UI?
La UX es la experiencia completa: entender la oferta, encontrar lo que buscas y terminar la tarea. La UI es la capa visible: tipografía, color, botones e iconos. Por eso se diseñan juntas.
¿Qué es la Ley Europea de Accesibilidad y a quién afecta?
Es la norma europea que España aplica con la Ley 11/2023. Desde el 28 de junio de 2025 obliga, entre otros, a los servicios de comercio electrónico dirigidos a consumidores, salvo a las microempresas de servicios. Confirma tu caso con tu asesor.
¿Mi web tiene que cumplir las pautas WCAG?
Si estás obligado, la norma de referencia, EN 301 549, se apoya en WCAG. Si no, seguir WCAG 2.2 AA sigue siendo la forma más fiable de que tu web funcione para todos.
¿Qué incluye una auditoría de accesibilidad web?
Pruebas automáticas, revisión manual con teclado y lectores de pantalla, contraste, formularios, multimedia y flujos críticos, y un informe con cada incidencia, su gravedad y su solución. Tras corregir, volvemos a probar.
¿Una web accesible convierte mejor?
Nadie puede garantizar cifras, pero muchas barreras de accesibilidad frenan a cualquiera: botones pequeños, poco contraste o errores confusos. Al quitarlas, más personas terminan la tarea, y lo medimos.
Servicios relacionados
Se combina bien con
Diseño web
Webs premium y bilingües con motion design, accesibles por defecto y rápidas desde el diseño, pensadas para personas, Google y agentes de IA.
Optimización de la conversión (CRO)
Investigación, test A/B y mejoras de UX para que más visitas se conviertan en clientes, sin patrones oscuros y con la accesibilidad como palanca.
Desarrollo web a medida
Ingeniería web a medida con Next.js y headless: rendimiento medible, integraciones con tus sistemas y mantenimiento que protege tu web.
Tiendas online y ecommerce
Creamos y hacemos crecer tiendas online en Shopify, WooCommerce o headless: accesibles, rápidas y con datos de producto listos para Google y la IA.
Analítica, datos propios y tracking server-side
GA4, datos propios, tracking server-side y Consent Mode v2 bien montados: datos fiables, legales y tuyos, la base de tus campañas e informes.
Insights
Para profundizar
1 oct 2026 · 13 min de lectura · Diseño, web y motion
Comercio agéntico: qué es y cómo preparar tu web para los agentes de IA
Qué es el comercio agéntico, qué funciona ya en España y cómo preparar tu web y tu tienda para que un agente de IA pueda leerte, compararte y comprarte.
Contacto
Empieza por una revisión UX y de accesibilidad
Probamos tus flujos clave con teclado, lector de pantalla y datos reales, y te decimos qué corregir primero.
Respuesta personal, Sin compromiso, Español, English
Empieza con SERMAN
Cuéntanos tu proyecto
Primera conversación
Diagnóstico y propuesta