Caso de estudio · Sistema de marca digital
Ventrevo
Sistema de marca digital / Diseño y desarrollo web
Un sistema de marca digital creado para crecer: componentes, patrones de contenido y reglas de interfaz diseñados una vez y reutilizados en todo el sitio.
Ver el sitio en vivoResumen
- Marca
- Ventrevo
- Foco
- Sistema de marca digital
- Servicios
- Diseño y desarrollo web
- Rol
- Sistema de diseño y desarrollo
Reto
Un sitio hecho a medida envejece rápido. Cada página nueva inventa su propia maqueta y, en un año, la marca ya no parece una sola marca.
El trabajo debía producir un sistema sobre el que otras personas pudieran construir después sin un diseñador presente en cada adición.
Enfoque
01
Definir las primitivas
Escala tipográfica, espaciado, color y radios se fijaron primero, de modo que cada componente hereda las mismas decisiones en lugar de volver a tomarlas.
02
Diseño por componentes
Las páginas se ensamblan a partir de un conjunto definido de secciones y tarjetas, lo que mantiene el ritmo y acelera la producción de páginas nuevas.
03
Patrones de contenido
Cada sección tiene una función clara y una forma de contenido definida, de modo que el texto encaja en el diseño y no al revés.
04
Diseño y desarrollo en un solo ciclo
El sistema se construyó a medida que se diseñaba, así que lo especificado es lo que se entrega, incluidos estados, comportamiento responsive y movimiento.
Entregado
- — Fundamentos del sistema de marca digital
- — Biblioteca de componentes y secciones
- — Plantillas de página ensambladas desde el sistema
- — Estados de interfaz y comportamiento de movimiento
- — Desarrollo front-end e implementación responsive
Resultado
Ventrevo cuenta con un sistema de marca digital documentado: primitivas, componentes, secciones, estados y movimiento definidos una vez y reutilizados.
El sitio en ventrevo.com se ensambla desde ese sistema, de modo que pueden producirse páginas nuevas sin que un diseñador especifique cada una desde cero.