Web Turismo y experiencias náuticas 2025
Cien Mares
Rediseño y reconstrucción de la web de una marca de experiencias náuticas, con jerarquía clara y una base responsive fiable.
- Cliente
- Cien Mares
- Sector
- Turismo y experiencias náuticas
- Año
- 2025
- Estado
- Publicado
- Rediseño integral
- Sistema responsive
- Arquitectura de información
- Sistema de diseño
Contexto
Cien Mares es una marca de experiencias náuticas con sede en Cádiz que necesitaba una presencia digital a la altura de su propuesta.
El problema
La implementación original arrastraba layouts responsive rotos, estilos inconsistentes y una jerarquía poco clara. La marca no disponía de una base digital coherente para presentar sus experiencias y guiar al visitante hacia el contacto.
El objetivo
Presentar la marca y sus experiencias de forma inmersiva sin sacrificar legibilidad ni navegación en ningún dispositivo.
La solución
Reconstrucción sobre Astro con Tailwind CSS: una arquitectura de información más clara, estructura semántica y un sistema responsive coherente. El movimiento se mantiene controlado para apoyar la identidad marítima sin desviar la atención del contenido.
Funcionalidades
Presentación de experiencias
La propuesta de la marca y sus experiencias náuticas se presentan con una jerarquía clara.
Narrativa de marca
Un lenguaje visual cuidado sostiene la identidad marítima sin competir con el contenido.
Rutas de contacto
El visitante tiene caminos directos para pasar del interés a la consulta.
Base responsive
El sistema se comporta de forma fiable tanto en móvil como en escritorio.
Decisiones
-
Movimiento al servicio del contenido
Las animaciones se acotan para reforzar la identidad sin convertirse en un obstáculo para la navegación.
-
Reconstruir en lugar de parchear
La base original no era sostenible; se partió de una estructura nueva y coherente en lugar de acumular correcciones.
Resultado observable
Sitio reconstruido sobre Astro y publicado en cien-mares.vercel.app, con una estructura de contenido coherente y navegación legible en móvil y escritorio.
Tecnologías Astro · Tailwind CSS · GSAP
En detalle
