Saltar al contenido
Project Details

Vita de Vie

ClienteVita de Vie
CategoríaWeb & e-commerce
IndustriaRetail y e-commerce
Año2026
Link en vivovitadevie.com.mx

El mismo catálogo, una experiencia completamente distinta: Shopify con identidad propia

  • La misma operación de Shopify, ahora dentro de una experiencia diseñada para la marcaResultado principal

Vita de Vie ya contaba con una tienda funcional, un catálogo cargado y el contenido necesario para vender sus vinos croatas.

El proyecto no requería reconstruir la operación ni reemplazar los productos. El objetivo era transformar la manera en que se presentaban.

RUGRA rediseñó la experiencia dentro de Shopify, conservando el catálogo, el copy y el flujo de compra, pero creando una dirección visual propia con una paleta inspirada en el vino, tipografía editorial, nuevas jerarquías, efectos y secciones interactivas.

La tienda debía comunicar algo más que una colección de productos. Vita de Vie ofrece vinos croatas con una historia, procedencia y personalidad poco conocidas en México.

La versión anterior permitía comprar, pero la estructura visual dependía ampliamente de los patrones habituales de una plantilla de Shopify.

La oportunidad estaba en utilizar la misma plataforma y el mismo contenido para construir una experiencia más reconocible, elegante y relacionada con el origen de los productos.

01

El reto era personalizar la tienda sin afectar lo que ya funcionaba.

El catálogo, los productos, los precios, el contenido, las cuentas de cliente, el carrito y los pagos debían mantenerse operativos mientras se modificaban la estructura, la dirección visual y la experiencia de la homepage.

También era necesario trabajar dentro de las posibilidades de Shopify, combinando componentes de la plataforma, secciones personalizadas y herramientas asistidas por IA.

02

Tomamos la operación existente como una base que debía conservarse y concentramos el rediseño en la experiencia de marca.

La nueva dirección utiliza tonos vino, contrastes oscuros, fotografía en gran formato y tipografía editorial para construir una percepción más sofisticada.

En lugar de llevar al usuario directamente de un banner a un catálogo de productos, la homepage crea un recorrido: presenta el origen, permite explorar variedades y categorías, incorpora un test, explica la tradición vinícola de Croacia y después conduce al catálogo.

03
  • Una nueva dirección visual para la tienda Shopify.
  • Un hero editorial con composición dividida, fotografía en gran formato y una llamada a explorar la selección.
  • Una paleta cromática inspirada en el vino y un sistema tipográfico con mayor personalidad.
  • Un control de acceso para confirmar que la persona es mayor de edad.
  • Una cinta animada que presenta 16 variedades de uva disponibles en el catálogo.
  • Un test interactivo de cuatro pasos para ayudar a cada persona a descubrir qué tipo de vino se relaciona con sus preferencias.
  • Una sección para explorar cinco categorías: tintos, blancos, rosados, espumosos y vinos de hielo.
  • Una sección editorial sobre los más de 2,500 años de tradición vinícola de Croacia.
  • Un espacio de captación para el club de Vita de Vie y sus lanzamientos.
  • Efectos de entrada, transiciones y movimiento entre secciones.
  • Un CTA final para continuar hacia el catálogo.
  • Integración con búsqueda, cuenta de cliente, carrito y chat por WhatsApp.
  • Filtros por disponibilidad y precio, además de opciones de ordenamiento.
  • Fichas de producto con variantes por año, selector de cantidad, carrito, pago rápido y opciones de retiro.

NOTA DE ALCANCE

El catálogo, las fotografías, los productos y el copy fueron proporcionados por la clienta. RUGRA se encargó del rediseño visual, la personalización de la experiencia y la configuración dentro de Shopify.

04

La tienda mantuvo su operación, pero la homepage dejó de sentirse como una sucesión de componentes predeterminados.

Ahora existe una narrativa visual que conecta el origen croata, las variedades, las categorías y los productos dentro de una misma experiencia.

El usuario puede confirmar su edad, conocer la propuesta de la marca, descubrir variedades, completar un test, explorar categorías, unirse al club y continuar hacia la compra sin abandonar el entorno de Shopify.

05

Vita de Vie conservó sus productos, contenido y flujo de compra, pero obtuvo una presentación visual completamente renovada.

La paleta, la tipografía, las imágenes, el movimiento y la composición construyen una identidad digital más diferenciada, mientras que las funciones comerciales de Shopify permanecen disponibles.

El resultado demuestra que trabajar con una plataforma basada en temas no obliga a que la tienda se sienta como una plantilla.

Cuéntanos qué necesitas

Cuéntanos qué quieres lograr y dónde se está atorando. Te ayudamos a definir qué hace falta, qué conviene priorizar y cómo llevarlo a cabo.

Respondemos en menos de 24 h hábiles. Los campos con * son obligatorios.