JonaLab
← Todo el trabajo

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

  • WebflowWebflow
  • Client-FirstClient-First
  • GSAPGSAP
  • CMS references
  • Design system
  • Custom code
  • Interactions