Circla_shape Circla_shape
Creando...

Xolo Marketing

2025 Guía de estilo para web
notion figma photoshop
Ui/Ux Design
Desarrollo de un sistema visual UI alineado al manual de marca de Xolo Marketing Digital®, enfocado en garantizar coherencia, claridad y eficiencia durante la implementación web. El proyecto se diseñó como una guía estratégica para organizar colores, jerarquías, fondos, diagramas e imágenes, facilitando el trabajo entre diseño y desarrollo, y asegurando una experiencia visual consistente y escalable.
Ui/Ux
01

Investigación

02

Definición

03

Exploración UI

04

Prototipar

Diseño estratégico

Empatizar ·
Investigación y entendimiento

El proyecto inició con la revisión del manual de identidad, el brief de marca y un análisis del posicionamiento de Xolo Marketing. Se estudió el tono, los valores y el tipo de mensaje que la marca buscaba comunicar, así como referencias visuales seleccionadas por el cliente mediante moodboards guiados.

Definir · Sistema visual

Con base en la identidad existente, se definió un sistema visual aplicado a web: paleta de colores funcional, jerarquías tipográficas, uso de fondos, tratamiento de imágenes y diagramas. Esta etapa fue clave para establecer reglas claras que evitaran inconsistencias durante el desarrollo.

Idear · Aplicación UI

El diseño UI se centró en traducir el sistema visual a bloques claros y diferenciados, utilizando el color como herramienta de navegación visual y jerarquía de contenido. La guía de estilo permitió organizar secciones, destacar mensajes clave y mantener una lectura fluida sin necesidad de elementos complejos.

Prototipar · Preparación para desarrollo

El diseño se trabajó en colaboración directa con el desarrollador, asegurando que cada decisión visual fuera viable a nivel técnico. La página se concibió como un sitio informativo con CTAs estratégicos, sin formularios ni inputs, priorizando claridad, velocidad y facilidad de implementación.

¿Creamos algo juntos?