Diseño web UX/UI
Turismo, destino local y producto digital
Estepona Travel
Diseñamos y desarrollamos Estepona Travel: un producto digital que reúne agenda, playas, gastronomía, rutas, mapa y experiencias para ayudar a decidir qué hacer en Estepona.
Cliente
Estepona Travel
Año
2026
Sector
Turismo, destino local y producto digital
Lugar
Estepona, Málaga
Categorías
Servicios
Contexto y reto
El problema de un destino como Estepona no es la falta de información. Es lo contrario: hay demasiada información fragmentada y muy poca ayuda para convertirla en una decisión útil. Carteles, redes sociales, portales genéricos, listados desactualizados, agendas dispersas y recomendaciones repetidas que no responden a lo que alguien necesita saber cuando ya está allí, con dos días por delante y ganas de acertar.
Un visitante que decide sobre la marcha
La mayoría de las decisiones turísticas no se toman meses antes, sino esa misma mañana. El punto de partida era ese: alguien que abre el móvil y quiere saber qué pasa hoy, qué playa le conviene, dónde comer bien cerca y qué merece la pena si solo tiene una tarde.
Un destino con más capas de las que se cuentan
Estepona no se agota en la playa. Hay más de setenta murales repartidos por la ciudad, un casco histórico que funciona como recorrido, siete torres vigía, jardines, mercados, mar y una vida cultural que cambia cada semana. Toda esa riqueza estaba, pero no estaba ordenada ni conectada.
Condicionantes reales
El producto tenía que sostenerse solo: contenido que se mantiene actualizado sin depender de un equipo grande, información fiable en tres idiomas, rendimiento en móvil con conexiones irregulares y una estructura capaz de crecer sin rehacerse cada temporada.
Enfoque estratégico
Decidimos no diseñar una guía. Diseñamos un sistema de decisión.
La diferencia es de fondo. Una guía acumula contenido y lo ordena por temas. Un sistema de decisión parte de lo que la persona quiere resolver y organiza todo lo demás alrededor. Por eso el producto no se estructuró por secciones administrativas, sino por intenciones reales: descubrir, saber qué pasa, decidir y planificar.
Descubrir
La entrada al producto es visual y editorial, no un menú. Fotografía grande, jerarquía tipográfica clara y bloques que muestran el destino en lugar de describirlo. Quien llega sin una idea previa recibe una imagen del lugar, no una lista de enlaces.
Saber qué pasa
La agenda es el corazón del producto. Está en la primera pantalla, filtrada por hoy, mañana y fin de semana, porque esa es la pregunta que más se repite y la que casi ningún portal responde con claridad.
Decidir
Gastronomía, playas, murales, rutas y experiencias se presentan con criterio y contexto suficiente para elegir sin abrir diez pestañas. El mapa funciona como capa transversal: mismo contenido, otra forma de entrarlo, por proximidad en lugar de por categoría.
Planificar
El planificador ordena la visita por el tiempo real disponible —una mañana, un día, un fin de semana, una semana— y también para quien ya conoce Estepona y busca otra cosa. Es la traducción más directa de la idea de fondo: convertir información en decisión.
Tres idiomas desde el diseño, no desde la traducción
Español, inglés y alemán se plantearon como parte de la arquitectura desde el principio: estructura de contenido, rutas, metadatos y agenda están pensados para convivir en tres idiomas, no para traducirse al final.
Alcance del trabajo
Producto y estrategia
- concepto y dirección de producto
- definición del modelo de contenido y de las intenciones de uso
- priorización funcional y hoja de ruta de evolución
- criterios editoriales y de calidad del contenido
Marca y dirección de arte
- identidad visual del producto y sistema gráfico
- paleta cromática funcional aplicada a categorías y contenidos
- dirección de arte fotográfica y criterio de selección de imagen
- tono editorial y voz del producto
Arquitectura de información y UX
- estructura de secciones por intención de uso
- navegación, taxonomías y sistema de filtrado
- diseño del planificador por tiempo disponible
- mapa interactivo por capas como acceso alternativo al contenido
Interfaz y diseño responsive
- sistema de interfaz, componentes y jerarquías de contenido
- composiciones editoriales asimétricas con imagen protagonista
- diseño móvil como escenario principal de uso
- estados, listados, fichas y páginas de detalle
Contenido y agenda
- redacción y edición del contenido del destino en tres idiomas
- sistema de agenda con eventos, sesiones y fechas
- normalización, deduplicación y control de publicación
- criterio de imágenes aprobadas para cada evento
Desarrollo y crecimiento
- desarrollo e implementación completa del producto
- automatización de procesos de ingesta y mantenimiento
- SEO técnico, datos estructurados e internacionalización
- evolución continua a partir del uso real
Desarrollo visual del proyecto
La dirección visual nace de un rechazo concreto: la estética de guía turística genérica, con collages de fotos pequeñas, iconos de stock y bloques de texto sin jerarquía. Estepona Travel se construyó como una pieza editorial contemporánea, más cerca de una revista de viaje que de un portal de destino.
La fotografía es la identidad. Manda sobre todo lo demás y ocupa el espacio que necesita: aperturas a pantalla completa, imágenes grandes con aire alrededor y composiciones asimétricas que rompen la retícula previsible. El texto no compite con la imagen, la ordena.
El color es funcional. El verde botánico sostiene la marca y conecta con el carácter del lugar —Estepona se reconoce por sus jardines y sus calles con flores— y el resto de la paleta trabaja como código: azul y aguamarina para el mar y las playas, verde para naturaleza y rutas, ocre y coral para agenda, gastronomía y contenidos con temperatura. El contraste entre fondos claros y masas de verde profundo marca el ritmo de lectura y separa el descubrimiento pausado de la información útil e inmediata.
Guía de color
Colores primarios
Verde Botánico
#1D614D
Pantone 342 C (aprox.)
Verde Jardín
#6FAF45
Pantone 368 C (aprox.)
Azul Mediterráneo
#4170B4
Pantone 2132 C (aprox.)
Aguamarina
#37B3BE
Pantone 3252 C (aprox.)
Colores secundarios
Ocre Cal
#DE9F2C
Pantone 143 C (aprox.)
Coral Costa
#C25E60
Pantone 7418 C (aprox.)
Botánico Profundo
#0D291A
Pantone 5535 C (aprox.)
La agenda como sistema vivo
La agenda no es un listado. Es la parte del producto que exige mantenerse viva todos los días, y por eso se diseñó como sistema y no como página.
Cada evento tiene entidad propia: fechas, sesiones, ubicación, categoría, imagen aprobada y página de detalle con datos estructurados. Sobre esa base funcionan los filtros que de verdad usa la gente —hoy, mañana, este fin de semana— y la navegación por meses para quien planifica con antelación.
Detrás hay un trabajo que no se ve en pantalla y que es el que sostiene la promesa: ingesta y normalización de la información, deduplicación de eventos que llegan repetidos desde distintas fuentes, control de qué se publica y cuándo, y una revisión editorial que decide qué merece estar. Un evento mal fechado o duplicado destruye la confianza más rápido de lo que la construye una buena portada.
Arquitectura técnica
El producto se construyó desde la base, con la misma lógica con la que se diseñó: estructura primero, superficie después.
Estepona Travel funciona sobre una arquitectura pensada para contenido vivo, tres idiomas y crecimiento continuo. Cada decisión técnica responde a una necesidad del producto, no al revés: velocidad en móvil, contenido bien modelado, rutas limpias por idioma y una capa de datos estructurados que permite que la información del destino se entienda también fuera de la web.
Base tecnológica
Next.js
arquitectura del producto, rutas por idioma y renderizado orientado a rendimiento y visibilidad en un sitio con mucho contenido y actualización constante
TypeScript
modelo de contenido tipado para eventos, sesiones, lugares y categorías; menos errores silenciosos en un sistema que crece
Base de datos relacional
MySQL/MariaDB como base del contenido del destino y de la agenda: eventos, fechas, ubicaciones, categorías y relaciones entre piezas
Sistema de agenda
ingesta, normalización, deduplicación y publicación controlada para mantener la información fiable día a día
Internacionalización
español, inglés y alemán integrados en la estructura del contenido, las rutas y los metadatos
SEO técnico y datos estructurados
marcado de eventos, lugares y contenidos para que el destino sea legible por buscadores y asistentes, no solo por personas
Sistema, replicabilidad y profundidad
Estepona Travel no es una web de un destino. Es un modelo de producto para entender un destino.
La estructura —intenciones de uso, agenda viva, mapa por capas, planificador por tiempo disponible, contenido multiidioma y datos estructurados— es replicable. El contenido cambia, la lógica no. Eso convierte el proyecto en algo más que un caso concreto: es un sistema que puede sostener otros lugares con la misma profundidad.
La coherencia se mantiene porque todas las capas se diseñaron juntas. La misma decisión editorial que ordena una ficha de restaurante ordena la agenda, el mapa y el planificador. La marca no es un logotipo aplicado sobre plantillas: está en la manera de nombrar las cosas, en qué se muestra primero y en qué se decide no contar.
La web
La identidad, extendida al entorno digital.
Estepona.travel es el producto entero en una sola superficie. La portada abre con lo que está pasando hoy y desciende por el destino como quien lo recorre: qué comer, qué rutas hay, dónde está cada cosa, qué ocurre este mes y cuánto tiempo tienes para vivirlo.
Cada bloque responde a una intención distinta y todos comparten el mismo lenguaje: fotografía grande, jerarquía clara, color con función y textos que dicen lo justo. La lectura avanza sin fricción entre el descubrimiento pausado y la información inmediata.
Es un producto pensado para el móvil y para el momento real de uso: alguien de pie, en la calle, con poco tiempo y una pregunta sencilla que merece una respuesta buena.
Visibilidad y crecimiento
El crecimiento se trabajó desde el diseño, no como una capa añadida al final. La estructura de contenidos, la arquitectura de URLs, el marcado de eventos y lugares, el rendimiento en móvil y la coherencia entre los tres idiomas son decisiones de producto que también son decisiones de visibilidad.
El recorrido ha sido progresivo y sigue abierto: de las primeras visitas orgánicas a cientos de clics diarios en sus mejores jornadas, con un comportamiento muy ligado a la estacionalidad del destino y a lo que ocurre cada semana en la ciudad. No es un dato de llegada, es una trayectoria en curso.
Resultado y transformación conseguida
El resultado no es una web de turismo. Es un producto digital que responde preguntas concretas y ayuda a decidir.
Lo que hoy existe:
una entrada visual y editorial que muestra el destino en lugar de describirlo
una agenda viva con filtros por hoy, mañana y fin de semana, y página propia para cada evento
un mapa por capas que permite descubrir por proximidad y no solo por categoría
contenido de gastronomía, playas, rutas, murales, historia y experiencias con criterio editorial
un planificador que ordena la visita según el tiempo real disponible
una estructura multiidioma en español, inglés y alemán
una base técnica con contenido modelado, datos estructurados y automatización de mantenimiento
un sistema preparado para seguir creciendo temporada tras temporada
Aprendimos que...
Un destino no se comunica mejor por tener más contenido, sino por ayudar mejor a decidir. Estepona Travel demuestra que un producto digital puede nacer de una idea propia y sostenerse con criterio: concebido, diseñado, construido y mantenido desde el mismo sitio. La parte visible —la fotografía, la tipografía, el ritmo editorial— solo funciona porque debajo hay una estructura que la sostiene: contenido modelado, agenda que se mantiene viva y decisiones técnicas tomadas al servicio de la experiencia. Aquí hay mucho más que una web.
Más proyectos
