Dual Universe: Migración de un tema Prestige y funciones personalizadas para una joyería de lujo suiza
Migramos una joyería de lujo suiza de un tema antiguo de Shopify a un tema Shopify 2.0 (Prestige) y luego añadimos las funciones personalizadas que el tema estándar no incluye. La más distintiva es un mensaje de bienvenida de «universo dual» que dirige a los visitantes a la mitad de la tienda que mejor se adapta a ellos.
Resumen del proyecto
La marca vende dos tipos diferentes de joyas: piezas para el día a día y piezas de compromiso. La tienda funcionaba con un tema antiguo, por lo que la mayoría de las páginas no podían reorganizarse sin código personalizado. El propietario quería diseñar las páginas él mismo, con secciones de arrastrar y soltar en cada plantilla, y añadir funciones que suelen tener las tiendas de moda premium.
La mayor parte del diseño y la creación de las páginas corrieron a cargo del propietario de la tienda. Nuestra labor consistió en configurar el tema 2.0, crear las funciones personalizadas y asesorar al equipo sobre el funcionamiento del tema mientras trabajaba.
Objetivos
- Diseño autogestionado Proporcionar al propietario un tema 2.0 en el que pueda crear y modificar páginas mediante secciones.
- Páginas de producto modulares Páginas de producto compuestas por secciones y bloques, con total libertad para estructurarlas.
- Funciones premium para la tienda Añadir las funciones que le faltan al tema estándar, desarrolladas para que el equipo pueda gestionarlas.
- Conocimientos sobre Shopify Explicar cómo funciona cada función para que el equipo pueda utilizarla sin nuestra ayuda.
El mensaje de bienvenida de universo dual
Las dos gamas de productos se dirigen a distintos tipos de compradores, por lo que creamos una entrada específica para cada una. Una ventana emergente en la página de inicio pregunta al visitante en qué universo desea comprar: joyas para el día a día o joyas de compromiso. Cada opción lo dirige a su propia página de destino creada a partir de colecciones, y la navegación cambia para adaptarse a la selección. La imagen de arriba es un diagrama simplificado de este flujo, no una captura de pantalla de la tienda.
Funciones personalizadas
Además del mensaje de bienvenida, añadimos al nuevo tema las siguientes funciones:
- Venta adicional y venta cruzada en la página de producto, mediante un bloque personalizado que utiliza metacampos de producto para que el equipo pueda seleccionarlos para cada producto
- Imágenes en la navegación del megamenú
- Navegación visual por categorías en las páginas de colecciones, mediante un metacampos de colección para las subcolecciones
- Filas de información plegables trasladadas a la columna de información del producto, en lugar de situarlas debajo de las imágenes
- Lista de deseos y diseños de colecciones que admiten imágenes y vídeos para guiar a los compradores
- Fechas estimadas de entrega en la página de producto, fijas o configuradas mediante metacampos
- Carrusel de iconos de confianza y seguridad en la sección de información del producto
Cómo trabajamos
Fase 1: configuración y personalización del tema
Seleccionamos y configuramos el tema 2.0 y luego creamos las funciones mencionadas anteriormente. Cada personalización incluía un vídeo breve que explicaba cómo configurarla con los propios datos de la tienda.
Fase 2: asesoramiento sobre el diseño del tema
Mientras el equipo creaba sus páginas, respondimos a sus preguntas y compartimos orientación y vídeos explicativos bajo demanda. También les advertimos de un detalle desde el principio: el código personalizado no se transfiere cuando se actualiza un tema, por lo que, tras una actualización, es necesario volver a instalar las personalizaciones.
Resultado
La tienda ahora funciona con un tema Shopify 2.0 con secciones en cada página, un mensaje de bienvenida que dirige a los visitantes al universo adecuado y un conjunto de funciones que el equipo puede gestionar mediante metacampos y el editor del tema.