Qué es

Una web premium, rápida y bilingüe, de principio a fin

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

¿Cuándo necesitas una web nueva o un rediseño?

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.

  • Tu web tarda en cargar o se mueve mientras la usas.
  • La versión en inglés es una traducción automática o no existe.
  • Cada cambio de texto depende de un proveedor que tarda días.
  • Vendes online a consumidores y no sabes si cumples la ley de accesibilidad.
  • Recibes visitas, pero pocas llamadas, mensajes o reservas.

En detalle

Diseño premium y motion design que guían sin distraer

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.

  • Revelados y transiciones que marcan el orden de lectura.
  • Microinteracciones que confirman cada acción.
  • Storytelling al hacer scroll para productos o procesos complejos.
  • 3D e interactivos solo cuando explican mejor que una imagen.
  • Movimiento reducido para quien lo pide en su dispositivo.

En detalle

Core Web Vitals en verde: el rendimiento se decide en el diseño

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

Webs fáciles de leer para Google, los asistentes y los agentes de IA

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

Diseño web bilingüe: español e inglés nativos con hreflang

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

CMS, entrega y mantenimiento sin ataduras

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

Qué incluye nuestro diseño web

Ocho bloques de trabajo que ajustamos a cada proyecto, de una web corporativa a una plataforma con varios idiomas.

  1. Estrategia y arquitectura

    Objetivos, públicos, mapa del sitio, recorridos y palabras clave por idioma, antes de dibujar nada.

  2. UX, wireframes y prototipo

    La estructura de cada plantilla y un prototipo navegable para validar los recorridos a tiempo.

  3. Sistema de diseño

    Tipografía, color con contraste accesible, retícula y componentes documentados para crecer con coherencia.

  4. Motion design

    Guía de movimiento, transiciones y microinteracciones dentro de un presupuesto de rendimiento.

  5. Textos nativos ES · EN

    Textos en ambos idiomas, cada uno con sus títulos, metadatos y llamadas a la acción.

  6. Desarrollo rápido y accesible

    HTML semántico, diseño adaptable, objetivos de Core Web Vitals y pruebas con lector de pantalla.

  7. Legal y consentimiento

    Estructura de aviso legal, privacidad y cookies, CMP configurado y avisos en los formularios, listos para tu asesor.

  8. Lanzamiento y medición

    GA4 con Consent Mode v2, eventos de conversión, Search Console, redirecciones y formación en el CMS.

Cómo trabajamos

Cómo diseñamos tu web, fase a fase

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.

  1. Fase 01 / 06

    Descubrimiento

    Negocio, públicos, competencia, analítica actual y objetivos, con un inventario de lo que ya funciona.

  2. Fase 02 / 06

    Arquitectura y UX

    Mapa del sitio, recorridos, wireframes y prototipo, validados contigo antes de diseñar.

  3. Fase 03 / 06

    Contenido

    Textos nativos, fotografía, vídeo y datos, planificados plantilla a plantilla.

  4. Fase 04 / 06

    Diseño visual y motion

    Dirección de arte, sistema de diseño y guía de movimiento aplicados a las plantillas clave.

  5. Fase 05 / 06

    Desarrollo y pruebas

    Programación, CMS, rendimiento, accesibilidad, formularios, idiomas y textos legales, probados en dispositivos reales.

  6. Fase 06 / 06

    Lanzamiento y evolución

    Publicación controlada, redirecciones, medición y una revisión con datos de usuarios reales.

Respuesta personal, Sin compromiso, Español, English

Enfoque SERMAN

Por qué diseñar tu web con SERMAN

  1. Diseño y código en el mismo equipo

    Quien diseña el movimiento sabe cómo se construye, así que lo que apruebas es lo que se publica.

  2. Cumplimiento desde el primer boceto

    Accesibilidad, cookies, aviso legal y privacidad se diseñan desde el inicio, no se añaden al final.

  3. Bilingüe nativo

    Español e inglés escritos para cada público, sin traducciones automáticas.

  4. Todo a tu nombre

    Dominio, alojamiento, cuentas, código y diseños son tuyos, sin permanencias.

Lo que no es

Lo que no es un proyecto web con nosotros

  • No es una plantilla comprada con tu logo encima ni una web hecha con un maquetador visual pesado.
  • No es movimiento por espectáculo: si una animación no orienta, explica o confirma, se queda fuera.
  • No es un widget de accesibilidad que promete cumplimiento automático: la accesibilidad se construye y se prueba.
  • No es una promesa de posiciones ni de ventas: la web es la base, no toda la estrategia.
  • No es asesoramiento legal: preparamos la estructura y los textos base para que los valide tu asesor.
  • No te ata: ni cuentas a nuestro nombre ni código que no puedas llevarte.

Qué medimos

Cómo sabemos si tu web funciona

Una web se juzga por cómo rinde después del lanzamiento. Estos indicadores forman parte de la revisión posterior.

  1. Core Web Vitals de campo

    LCP, INP y CLS con datos de usuarios reales, por plantilla y dispositivo.

  2. Accesibilidad

    Incidencias de las pruebas automáticas y manuales, y su corrección.

  3. Conversiones por recorrido

    Formularios, clics a WhatsApp, llamadas y reservas, por idioma y página de entrada.

  4. Uso de las plantillas

    Interacción, profundidad de lectura y salidas en las páginas clave.

  5. Indexación y visibilidad

    Páginas indexadas e impresiones por idioma en Search Console.

  6. Salud técnica

    Errores 404, redirecciones, formularios fallidos y avisos de seguridad.

Herramientas y plataformas

Herramientas con las que trabajamos

  • Figma
  • Next.js
  • React
  • TypeScript
  • Tailwind CSS
  • GSAP
  • Lottie
  • WordPress
  • Sanity
  • Vercel
  • PageSpeed Insights
  • Chrome UX Report
  • axe DevTools
  • Google Search Console

Para quién es

Encaja especialmente si…

  • Tienes un hotel, un restaurante, una clínica, una academia, un despacho, una empresa de software o una marca de producto.
  • Tu web es lenta, se ve mal en el móvil o no puedes editarla sin ayuda.
  • Tienes clientes internacionales y tu versión en inglés es una traducción automática.
  • Vendes online a consumidores y debes cumplir la ley española de accesibilidad.
  • Vas a lanzar una marca, un producto o una nueva línea de negocio.
  • Quieres una web que Google, los asistentes de IA y los agentes entiendan sin esfuerzo.

Cumplimiento

Normas que aplicamos en cada web

Lo que incorporamos por defecto. No sustituye el asesoramiento legal de tu empresa.

  1. Accesibilidad (Ley 11/2023)

    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.

  2. Aviso legal (LSSI, art. 10)

    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.

  3. Cookies (guía de la AEPD)

    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.

  4. Privacidad y formularios (RGPD y LOPDGDD)

    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

Dónde lo aplicamos

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.

Preguntas frecuentes

Preguntas frecuentes

¿Cuánto cuesta una página web profesional en Mallorca?

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.

¿Cuánto se tarda en diseñar una página web?

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.

¿Qué debe tener una web para cumplir la ley en Españ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.

¿Mi página web tiene que ser accesible por ley?

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.

¿Es mejor WordPress o una web a medida?

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.

¿El diseño web incluye el posicionamiento SEO?

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.

¿Puedo tener mi web en varios idiomas?

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.

¿El motion design hace más lenta la web?

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.

¿Trabajáis solo con empresas de Mallorca?

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

Se combina bien con

  • 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.

  • Diseño UX/UI y accesibilidad 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.

  • SEO y posicionamiento web

    Posicionamiento web en Google y en las respuestas de IA: base técnica, contenido bilingüe y autoridad real, en un solo programa medible.

  • 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.

  • Branding e identidad corporativa

    Branding e identidad corporativa: estrategia, naming, voz bilingüe, identidad visual y una marca que la IA describe con precisión.

Contacto

Empieza por una revisión de tu web

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

  1. Cuéntanos tu proyecto

  2. Primera conversación

  3. Diagnóstico y propuesta

WhatsApp(se abre en una pestaña nueva)

Elige qué permites. Las técnicas son necesarias para que la web funcione y no se pueden desactivar.