CC Torrecardenas
El proyecto
El centro comercial Torrecárdenas tenia con un logotipo recién estrenado y un dosier de storytelling inspirado pero todavía abstracto. A partir de ahí, querian algo más que una web nueva.
Querían que la experiencia digital fuese capaz de ordenar la complejidad del centro, y guiar al visitante hacia lo que necesita: tiendas, restaurantes, horarios, cómo llegar, y, al mismo tiempo, asentar un tono de marca más actual, amable y útil.
Mi punto de partida fue claro: convertir el sitio en una herramienta diaria, no solo en un escaparate.
Agencia
Plataforma X las marcas
Rol
Product Designer end-to-end
El Reto
La web anterior no reflejaba la riqueza del centro ni resolvía bien las tareas habituales: localizar tiendas y restaurantes, consultar horarios, ver cómo llegar, revisitar promociones o descubrir eventos.
La información estaba fragmentada, el mantenimiento era costoso y el look & feel había quedado obsoleto.
Había que repensar la experiencia completa y hacerla funcionar con un criterio simple: que cada visita acabase con una acción resuelta.
Rol y enfoque
Después de realizar una investigación estratégica para comprender como buscaba la gente y que necesitaban resolver antes de visitar el centro comercial, construí la arquitectura de la información definí flujos y patrones de interacción, diseñé el sistema visual y la UI y prototipé toda la experiencia.
En la fase de implementación trabaje mano a mano con el equipo de desarrollo, asegurando fidelidad a los detalles (responsive, estados, microinteracciones) y metiéndome a trabajar con ellos en WordPress cuando hacía falta para ajustar componentes o contenidos. El gran entendimiento y colaboración por parte de este equipo fue clave en el proyecto.
También me coordine con un ilustrador para la cartografía de planos y como adaptarlo a un componente tipo hotspot, y con el equipo de marketing del cliente para alinear los objetivos de negocio y contenido.
Enfoque estratégico
Antes de diseñar, hicimos un analisis de otros centros y referentes retail. Vimos patrones que funcionaban: navegación por necesidades (tiendas, restaurantes, ocio, servicios), tarjetas y listados consistentes con jerarquía clara y, sobre todo, información esencial visible de un vistazo en las fichas: horarios, ubicación/planta, teléfono, email, enlace a la web del establecimiento y sellos como Pet Friendly. Ese marco nos sirvió de guardarraíl para diseñar con foco antes de entrar en la exploración con usuarios.
Investigación explorativa
Para no diseñar a ciegas, arrancamos con una exploración rápida de 7 días enfocada a entender cómo busca la gente tiendas, restaurantes y servicios y qué necesitan resolver antes de visitar el centro.
Métodos:
- Mini entrevistas de guerrilla en el centro y y llamadas con público recurrente
- Revisión de consultas frecuentes al mostrador y al email de información.
Qué aprendí en una frase por tema:
- La entrada siempre es «qué hay y donde esta«, después «dónde comer«.
- La búsqueda alfabética + filtros reduce la fricción frente a listados largos.
- Las fichas de tiendas y restaurantes con horario, teléfono, ubicación exacta, pet friendly, acceso, enlaces a web, generan confianza.
- Los contenidos de valor que más convierten: descuentos de Tarjeta Estrella, eventos de fin de semana y sorteos.
Perfiles de usuario
El estudio mostró que cada tipo de usuario hacía un uso distinto de la aplicación. Para analizarlo, los agrupé en tres perfiles según sus metas y actividades.
Marta, la planificadora exprés
28 años
Marta consulta todo desde el móvil antes de salir: horarios, cómo llegar y qué tiendas tiene cerca de sus recados. Busca resolver rápido y odia dar vueltas. Si puede ahorrar pasos y tiempo, repite.
- Tareas: Buscar marca concreta, confirmar horarios y ubicación de los establecimientos.
- Fricciones: Menús largos, horarios dispersos, fichas pobres.
Orientada a objetivos
Impaciente
Digital-savvy
Nuevo en el centro
Planifica
Improvisa
Habitual del centro
Diego, el cazapromos & Tarjeta Estrella
34 años
Diego suele llegar desde redes o la newsletter cuando ve una promo interesante. Compara en un vistazo y decide al momento si le compensa. Usa la Tarjeta Estrella y la app para exprimir ventajas.
- Tareas: Ver promos vigentes, saber en qué locales aplican.
- Fricciones: Promos desactualizadas, reglas poco claras.
Ahorrador
Estratégico
Social
Nuevo en el centro
Planifica
Improvisa
Habitual del centro
Lucía, la familiar
42 años
Lucía necesita tener claro dónde comer, qué servicios hay (cambiadores, accesible, pet friendly), los festivos de apertura y poder mostrar su opinion sobre los servicios.
- Tareas: Filtrar por tipo de comida, ver opciones de servicios, localizar establecimientos de ocio.
- Fricciones: Mapas y servicios poco claros, dificultad para poder comunicarse con el centro.
Práctica
Previsora
Confiable
Nuevo en el centro
Planifica
Improvisa
Habitual del centro
Sergio, explorador de ocio & eventos
23 años
Sergio entra para acceder a la cartelera, ver los sorteos en eventos o planes rápidos con amigos. Le mueven las novedades y los CTAs directos para participar.
- Tareas: Navegar por eventos, ver cómo participar en sorteos, ver cartelera de los cines.
- Fricciones: Eventos sin CTA, sorteos poco escaneables.
Curioso
Espontáneo
Sociable
Nuevo en el centro
Planifica
Improvisa
Habitual del centro
Hallazgos en insights
Las primeras dudas siempre son pragmáticas: “qué hay y dónde está”. Los usuarios quieren resolver esto en segundos desde el móvil, antes incluso de salir de casa.
Priorizar una navegación por tareas,atajos claros a Tiendas, Restaurantes, Servicios, Eventos, Horarios y Cómo llegar, con la franja de horarios fija. Menos pasos, menos fricción.
La gente recuerda la marca más que la categoría. Los listados largos generan scroll innecesario y pérdida.
Un directorio A–Z con buscador y filtro por categoría resuelve rápido. Cards consistentes y el botón “Ver plano” que abre el hotspot del área ayudan a ubicar la tienda/restaurant sin perder el contexto.
Las fichas que muestran primero datos prácticos (horario, planta/ubicación, teléfono, email, web, sello Pet Friendly) generan confianza y reducen consultas al mostrador. La inconsistencia visual desorienta.
Fichas uniformes y escaneables: la información esencial, hero visual cuidado, y un bloque de “Otras tiendas que te pueden interesar” para continuar la navegación sin volver atrás.
Los visitantes no sabían que existían servicios útiles (ej: zona pet friendly, sala de lactancia, cargadores eléctricos, objetos perdidos). La información estaba repartida entre varias páginas y generaba llamadas al centro.
Centralizar los servicios en una página única, con bloques icónicos que permiten escaneo rápido y acceso a detalle cuando se necesita. Esta disposición reduce dudas, refuerza la percepción de valor del centro.
Los hallazgos. Y cómo decidi ayudar.
Decisiones de diseño clave a partir de esto
Decisiones de diseño clave a partir de esto
La solución
La solución fue un diseño modular y escalable que pone lo importante por delante, reduce pasos a tareas de alto valor y mantiene una estética coherente con la nueva marca. Todo encaja: una home que te da accesos directos a lo útil; un directorio facetado que encuentra en segundos; fichas ricas que informan y orientan; planos con hotspots que ubican; y páginas como Servicios o Tarjeta Estrella pensadas para convertir.
Definiendo la estructura
La arquitectura de la información se replanteó desde cero, priorizando las tareas más frecuentes del usuario: buscar una tienda, consultar horarios o localizar servicios.
Se simplificó la navegación, agrupando contenidos por uso y reduciendo pasos innecesarios. Este nuevo mapa web y los flujos principales reflejan una experiencia centrada en la claridad, con jerarquías lógicas y una distribución más equilibrada entre utilidad y descubrimiento.
Buscar una tienda o un restaurante y consultar su ubicación
Identidad visual
La nueva identidad debía reflejar la evolución del centro y su tono más actual: cercano, equilibrado y con un punto aspiracional. A partir del logotipo facilitado por el cliente, trabajé un sistema visual que unifica color, tipografía y tono gráfico, buscando transmitir orden y calidez sin perder dinamismo.
Regular
Semibold
Bold
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ
0123456789
?¿¡!%&/()=@
Elegimos Inter por su legibilidad en UI, familia amplia manteniendo ritmo y jerarquía en listados largos.
CCT Ivory
FFFDF4
CCT Cloud
D9D9D9
CCT Dune
D8D5CB
CCT Stone
BDBBB5
CCT Ash
9A9892
CCT Midnight
3D4645
Impacato del proyecto
Conversiones online
Uso de buscador y filtros del directorio
Rebotes en fichas
Al mostrar info esencial arriba (horario/ubicación/web).
Tiempo de permanencia
Favorecido por un diseño más visual, fluido y centrado en el usuario.
Mejora en rendimiento
Optimizando la carga en dispositivos móviles y mejorando la experiencia global.
Colaboración
Trabajé de forma directa con Marketing de Torrecárdenas y coordiné el día a día con el equipo front/back. El ilustrador de los planos se integró en el flujo de trabajo, para que contenido y desarrollo fuesen en la misma dirección. La relación fue fluida y se notó: pudimos iterar con rapidez y mantener la fidelidad del prototipo al producto.
Para los planos se decidió crear un componente tipo hotspot.
Lo que aprendi
Este proyecto me obligó a hacer de director de orquesta: priorizar alcance, tomar decisiones de marca con criterio de producto y alinear a desarrollo sin perder ritmo. Confirmé el valor de un sistema bien definido: contenido siempre vivo y menos fricción, y el poder de los planos interactivos cuando se diseñan con claridad y progresión visual. Al final, la clave fue mantener un hilo conductor: resolver tareas reales con la mínima fricción.
Lo que haría ahora
Un buscador global que unifique resultados (tiendas, restaurantes, eventos), favoritos y alertas por marca, microdatos para mejorar SEO de fichas y una vuelta de tuerca al rendimiento móvil en listados largos.