Vivici
Un design system escalable y una arquitectura CMS basada en referencias, con microinteracciones que aumentaron las ventas un 35%.
Ver el sitio en vivo ↗- Rol
- Experto Webflow
- Tipo
- Webflow site
- Resultado
- +35% en ventas y 20% menos de tiempo de desarrollo.
El problema
Ya había algunas páginas construidas y el cliente quería escalar el proyecto.
Necesitaban una arquitectura CMS que pudiera referenciar varias colecciones, juntas o por separado, para sus productos (por ejemplo, un producto destacado), y una UI mucho más interactiva que la estática que tenían.
Cómo lo resolví
Nombres de clases con Client-First, fáciles de mantener y escalar, y un design system que redujo el tiempo de desarrollo un 20%.
Un CMS basado en referencias: se pueden asociar autores a los productos y el producto destacado se actualiza solo cada vez que se publica uno nuevo. Los blogs usan múltiples referencias para enlazar productos, autores y posts destacados, y están construidos para que un post pueda incluir código personalizado: botones propios que llevan a formularios, páginas externas o descargas de PDF, para captar más leads.
Animaciones y microinteracciones en puntos estratégicos para aumentar los leads.
Qué aprendí
Las interacciones y microinteracciones ayudan a la tasa de conversión de las páginas de producto. Quien juega con un sitio se siente más atraído, y al repetir una animación para descubrir qué más hay en esa sección no se salta el copy, que es lo que lleva a la decisión de compra.
Construido con
- Webflow
Client-First- GSAP
- CMS references
- Design system
- Custom code
- Interactions