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)Diseño web · Motion, rendimiento y accesibilidad
Como agencia de diseño web en Mallorca, creamos webs premium que funcionan igual de bien en un móvil, en Google y en los asistentes de IA: motion design con propósito, accesibilidad desde la primera línea de código, español e inglés nativos y un siguiente paso claro en cada página.
Respuesta personal, Sin compromiso, Español, English
Qué es
Un proyecto de diseño web en Mallorca con SERMAN entrega una web lista para trabajar: arquitectura de contenidos, diseño de interfaz y de movimiento, desarrollo rápido y accesible, textos nativos en español y en inglés, base SEO, textos legales y consentimiento, y medición desde el primer día. Es para empresas de la isla y de fuera que necesitan una web a la altura de su marca.
Hoy tu web la leen personas, el rastreador de Google, los asistentes de IA que citan fuentes y los navegadores con IA que actúan en nombre de alguien. Por eso abordamos el diseño de páginas web como un sistema: lo que se ve, lo que se mueve y el código que hay debajo deben contar la misma historia.
Esta web es nuestra demostración: el movimiento se basa en transformaciones y opacidad y se detiene si tu dispositivo pide reducir el movimiento, el HTML es semántico y cada página existe en los dos idiomas, enlazada con hreflang. La ingeniería a medida y el mantenimiento están en desarrollo web; las tiendas online, en ecommerce.
En detalle
Necesitas una web nueva o un rediseño cuando la actual frena tu negocio: carga despacio, se ve mal en el móvil, no puedes editarla sin ayuda, no transmite lo que vale tu marca o recibe visitas que nunca se convierten en consultas. Antes de rediseñar, medimos lo que ya rinde para no perderlo.
En Mallorca hay motivos propios: muchos clientes deciden desde el extranjero, en inglés y desde el móvil, y la temporada obliga a tener la web lista meses antes. Un diseño web profesional resuelve a la vez el idioma, la velocidad y la confianza.
En detalle
El motion design aporta valor cuando orienta, explica o confirma: revela la jerarquía, enlaza una sección con la siguiente y responde a cada clic. Lo diseñamos como parte del sistema visual, con un presupuesto de rendimiento, nunca como un adorno que retrasa la lectura o la compra.
Partimos de tu identidad o la construimos antes con branding, y creamos un sistema de diseño: tipografía, color accesible, retícula, componentes y una guía de movimiento con curvas, duraciones y reglas de uso, para que cada página nueva mantenga el nivel.
El diseño premium también convierte. Cada plantilla tiene un siguiente paso claro (formulario corto, WhatsApp, reserva o llamada), sin patrones engañosos como las urgencias falsas, y cuando llega el tráfico, la optimización de la conversión lo afina con datos.
En detalle
Una web rápida se decide en el diseño, no al final. Diseñamos y construimos para los umbrales de Core Web Vitals que publica Google: LCP de 2,5 segundos o menos, INP por debajo de 200 milisegundos y CLS inferior a 0,1, que cubren la carga, la respuesta y la estabilidad visual.
INP sustituyó a FID el 12 de marzo de 2024 y mide lo rápido que responde la página cuando tocas, haces clic o escribes. Las tres métricas dependen del diseño: animamos sobre todo transformaciones y opacidad, que no obligan a recalcular la página, reservamos el espacio de cada imagen para que nada salte y cargamos primero lo que se ve primero.
Medimos con datos de laboratorio durante el desarrollo y con datos de usuarios reales tras el lanzamiento, en cuanto hay tráfico suficiente, en PageSpeed Insights, Chrome UX Report y Search Console, porque lo que cuenta son los móviles y las conexiones de tus visitantes.
En detalle
Desde el 28 de junio de 2025, la Ley 11/2023, que traspone al derecho español el Acta Europea de Accesibilidad, exige que los servicios de comercio electrónico para consumidores sean accesibles. Las microempresas que prestan servicios (menos de 10 personas y facturación o balance de hasta 2 millones de euros) están exentas.
Nosotros diseñamos accesible en todos los proyectos, con WCAG y la norma EN 301 549 como referencia: contraste suficiente, navegación completa con teclado, foco visible, textos alternativos, formularios etiquetados, subtítulos y movimiento reducible. Una web accesible es más cómoda para todos, también con prisa o a pleno sol.
Lo comprobamos con herramientas automáticas y, sobre todo, a mano, con teclado y lector de pantalla. Las auditorías de webs existentes se hacen en UX/UI y accesibilidad. Esto no es asesoramiento legal sobre tu caso.
En detalle
Una web preparada para la IA es, ante todo, clara, semántica y accesible. La guía de Google sobre la búsqueda con IA, actualizada en julio de 2026, indica que los navegadores con IA pueden leer capturas de pantalla, el DOM y el árbol de accesibilidad para actuar en nombre de alguien: lo que ayuda a un lector de pantalla ayuda también a un agente.
Usamos HTML semántico, botones y enlaces reales, formularios etiquetados y los datos clave en texto, no en imágenes: servicios, horarios, condiciones y precios, si los publicas. Seguimos las pautas de web.dev para webs preparadas para agentes y solo añadimos los datos estructurados que siguen aportando, como Organization, LocalBusiness o Product.
Sin mitos: Google afirma que no hace falta ningún archivo ni marcado especial para poder aparecer en AI Overviews o en el Modo IA; el requisito es que la página esté indexada y pueda mostrarse con fragmento. Además, definimos contigo una política de acceso para los rastreadores de IA, revisada también en tu CDN.
En detalle
Una web bilingüe de verdad tiene dos versiones escritas para dos públicos, no una traducción. Cada idioma lleva sus propios textos, títulos y URL, enlazados con hreflang para que Google muestre a cada persona la suya, y el selector lleva a la misma página en el otro idioma, no a la portada.
El diseño lo prevé: componentes que aguantan textos más largos o más cortos y ejemplos elegidos para cada mercado. Quien busca en inglés no usa las mismas palabras que quien busca en español, así que las palabras clave se investigan por idioma.
Evitamos traducir en masa sin revisión, algo que Google puede tratar como abuso de contenido a escala. Si vendes en varios países o necesitas un tercer idioma, como el alemán, lo planificamos con SEO internacional.
En detalle
El CMS se elige por cómo trabajará tu equipo, no por costumbre de la agencia. WordPress encaja si quieres un ecosistema conocido y una edición sencilla; un CMS headless con un front-end a medida, si priman la velocidad, la libertad de diseño y los idiomas; y Shopify u otra plataforma de comercio, si lo principal es vender.
La entrega incluye formación grabada, documentación del sistema de diseño y todas las cuentas a nombre de tu empresa: dominio, alojamiento, CMS, analítica y Search Console. El código y los diseños son tuyos.
Si rediseñas una web que ya posiciona, preparamos el mapa de redirecciones y revisamos la indexación tras el lanzamiento como parte del SEO técnico. Las actualizaciones, la seguridad y las copias se gestionan con un plan de mantenimiento dentro de desarrollo web.
Qué incluye
Ocho bloques de trabajo que ajustamos a cada proyecto, de una web corporativa a una plataforma con varios idiomas.
Objetivos, públicos, mapa del sitio, recorridos y palabras clave por idioma, antes de dibujar nada.
La estructura de cada plantilla y un prototipo navegable para validar los recorridos a tiempo.
Tipografía, color con contraste accesible, retícula y componentes documentados para crecer con coherencia.
Guía de movimiento, transiciones y microinteracciones dentro de un presupuesto de rendimiento.
Textos en ambos idiomas, cada uno con sus títulos, metadatos y llamadas a la acción.
HTML semántico, diseño adaptable, objetivos de Core Web Vitals y pruebas con lector de pantalla.
Estructura de aviso legal, privacidad y cookies, CMP configurado y avisos en los formularios, listos para tu asesor.
GA4 con Consent Mode v2, eventos de conversión, Search Console, redirecciones y formación en el CMS.
Cómo trabajamos
Seis fases, cada una con un entregable y tu validación. Los plazos dependen del alcance y se fijan en la propuesta; como el contenido suele marcar el ritmo, lo empezamos el primer día. El detalle está en nuestro método.
Fase 01 / 06
Negocio, públicos, competencia, analítica actual y objetivos, con un inventario de lo que ya funciona.
Fase 02 / 06
Mapa del sitio, recorridos, wireframes y prototipo, validados contigo antes de diseñar.
Fase 03 / 06
Textos nativos, fotografía, vídeo y datos, planificados plantilla a plantilla.
Fase 04 / 06
Dirección de arte, sistema de diseño y guía de movimiento aplicados a las plantillas clave.
Fase 05 / 06
Programación, CMS, rendimiento, accesibilidad, formularios, idiomas y textos legales, probados en dispositivos reales.
Fase 06 / 06
Publicación controlada, redirecciones, medición y una revisión con datos de usuarios reales.
Enfoque SERMAN
Quien diseña el movimiento sabe cómo se construye, así que lo que apruebas es lo que se publica.
Accesibilidad, cookies, aviso legal y privacidad se diseñan desde el inicio, no se añaden al final.
Español e inglés escritos para cada público, sin traducciones automáticas.
Dominio, alojamiento, cuentas, código y diseños son tuyos, sin permanencias.
Lo que no es
Qué medimos
Una web se juzga por cómo rinde después del lanzamiento. Estos indicadores forman parte de la revisión posterior.
LCP, INP y CLS con datos de usuarios reales, por plantilla y dispositivo.
Incidencias de las pruebas automáticas y manuales, y su corrección.
Formularios, clics a WhatsApp, llamadas y reservas, por idioma y página de entrada.
Interacción, profundidad de lectura y salidas en las páginas clave.
Páginas indexadas e impresiones por idioma en Search Console.
Errores 404, redirecciones, formularios fallidos y avisos de seguridad.
Herramientas y plataformas
Para quién es
Cumplimiento
Lo que incorporamos por defecto. No sustituye el asesoramiento legal de tu empresa.
Obligatoria desde el 28 de junio de 2025 para el comercio electrónico dirigido a consumidores, con exención para las microempresas de servicios. Usamos WCAG y EN 301 549 en todos los proyectos.
Denominación social, domicilio, correo y otro contacto directo, datos del Registro Mercantil, NIF, datos de colegiación en profesiones reguladas, precios con impuestos y gastos de envío si los muestras, y códigos de conducta a los que te adhieras.
Ninguna cookie analítica o publicitaria antes del consentimiento, «rechazar» en la misma capa y con el mismo peso que «aceptar», sin muros de cookies, consentimiento de 24 meses como máximo y Consent Mode v2.
Primera capa informativa junto a cada formulario y política completa: responsable, finalidades, base legal, destinatarios, transferencias, conservación, derechos y reclamación ante la AEPD.
Sectores
Marketing para clínicas dentales, estéticas, médicas y de bienestar: búsqueda local, respuestas de IA, reseñas reales y citas en varios idiomas.
Proyectos
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.
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)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)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)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
El precio de un proyecto de diseño web en Mallorca depende de su alcance: plantillas y páginas, idiomas, contenido que hay que crear, nivel de motion e interactividad, integraciones y CMS. Tras una primera conversación te enviamos una propuesta por fases que detalla qué incluye cada una.
Una web corporativa de pocas plantillas se plantea en semanas; una con varios idiomas, muchas plantillas o integraciones, en meses. El contenido (textos, fotos y decisiones) suele marcar el ritmo, así que lo planificamos desde el primer día.
Como mínimo, un aviso legal con los datos del artículo 10 de la LSSI, una política de privacidad conforme al RGPD, información en cada formulario y consentimiento de cookies antes de activar analítica o publicidad, con «rechazar» tan fácil como «aceptar». El comercio electrónico para consumidores necesita además la accesibilidad de la Ley 11/2023, salvo si eres una microempresa de servicios. Tu asesor debe revisar los textos.
Sí, entre otros supuestos, si prestas servicios de comercio electrónico a consumidores: desde el 28 de junio de 2025, según la Ley 11/2023, salvo que seas una microempresa de servicios. Aunque estés exento, compensa: una web accesible llega a más gente y la leen mejor buscadores y agentes de IA.
Depende de quién la editará, cuánto contenido e idiomas tendrá y qué integraciones son clave. WordPress ofrece un ecosistema enorme; una web a medida con un CMS headless suele dar más libertad de diseño, más velocidad y menos mantenimiento de plugins. Te recomendamos lo que encaja con tu caso.
Incluye la base: arquitectura según la intención de búsqueda, URL limpias, metadatos, encabezados, datos estructurados útiles, hreflang, velocidad e indexabilidad. Posicionar de forma sostenida exige un trabajo continuo de contenido y autoridad, que es nuestro servicio de SEO.
Sí. Cada idioma debe tener una versión nativa con sus propias URL, textos y metadatos, enlazada con hreflang. Trabajamos en español y en inglés de forma nativa y sumamos un tercer idioma cuando el negocio lo necesita.
No tiene por qué. Priorizar transformaciones y opacidad, reservar el espacio de cada elemento y cargar los efectos pesados cuando hacen falta mantiene el movimiento compatible con unas Core Web Vitals en verde, y quien activa «reducir movimiento» ve una versión tranquila.
No. Hacemos diseño web en Palma de Mallorca para empresas de toda Baleares, del resto de España y de otros países, en español y en inglés, en persona o en remoto.
Servicios relacionados
Ingeniería web a medida con Next.js y headless: rendimiento medible, integraciones con tus sistemas y mantenimiento que protege tu web.
Investigación, interfaces y sistemas de diseño que se entienden a la primera, con auditorías de accesibilidad WCAG 2.2 AA y un plan de corrección.
Posicionamiento web en Google y en las respuestas de IA: base técnica, contenido bilingüe y autoridad real, en un solo programa medible.
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.
Branding e identidad corporativa: estrategia, naming, voz bilingüe, identidad visual y una marca que la IA describe con precisión.
Contacto
Te mostramos cómo funciona hoy tu web para personas, Google y agentes de IA: velocidad, accesibilidad, idiomas, aspectos legales y conversión, y qué haríamos primero.
Respuesta personal, Sin compromiso, Español, English
Empieza con SERMAN
Cuéntanos tu proyecto
Primera conversación
Diagnóstico y propuesta