Sistema de diseño y guía de estilos | Clikalia

El caso

El Sistema de Diseño se concibe como la base para el rediseño, abordando los desafíos clave y proyectando la nueva visión de la marca. Su desarrollo se realizó tras una fase exhaustiva de Descubrimiento y Definición, que incluyó entrevistas con stakeholders y usuarios, análisis de la oferta comercial y la definición de la arquitectura de información y contenidos. Se materializó con la creación de Wireframes de alta definición a partir de prototipos iniciales de baja fidelidad.

Objetivos clave

• · Generar confianza: Combatir la desconfianza en los procesos digitales del sector mediante la combinación de eficiencia tecnológica con una presencia humana que aporte respaldo y cercanía.


• · Simplificar la comprensión: Solucionar la dificultad para entender el servicio al facilitar la claridad y la accesibilidad, permitiendo a los usuarios visualizar la oferta a lo largo de toda su vida (productos y servicios a largo plazo).


• · Unificar la marca: Corregir la narrativa de marca desconectada al ser el vehículo para construir una voz y un relato propio cohesivo, proyectando el liderazgo de la organización en el sector.

Alcance del diseño

El sistema de diseño abarca un conjunto de principios, patrones y componentes reutilizables que regirán la interfaz de usuario.

El alcance incluirá:

• · Identidad visual: Definición de la paleta de colores, tipografía y estilo gráfico para reflejar el nuevo relato de marca.
• · Componentes de la interfaz: Creación de elementos modulares (botones, formularios, navegación, etc.) que garanticen consistencia, accesibilidad y eficiencia en el proceso digital.
• · Patrones de interacción: Establecimiento de flujos y comportamientos consistentes para la interacción del usuario, mejorando la usabilidad y la comprensión del servicio.

Este sistema es la herramienta clave para asegurar que la nueva web sea escalable y esté centrada en el usuario, cumpliendo la promesa de proyectar liderazgo y simplificar la relación del usuario con el servicio.

Si quieres conocer detalles más específicos de este proyecto sobre mejoras de usabilidad, experiencia de usuario y accesibilidad, contacta conmigo.

El equipo

Paloma Alcázar (Diseñadora principal), Ángel Valero (Diseñador secundario), Borja González (Diseñador adicional), Marta Júdez (Diseñadora adicional), Alberto Segarra (Responsable de producto), Javier Arias (Líder equipo de diseño) y agencia externa.