Dual Universe: Migración de un tema Prestige y funciones personalizadas para una joyería de lujo suiza

  • Alek Tysklind
  • 4 min read
Diagram of the dual-universe welcome: a pop-up on the home page leads to two landing pages

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.

Alek Tysklind

Desarrollador de temas de Shopify con más de 10 años de experiencia ayudando a empresas a crecer en línea.

¿Estás trabajando en una tienda de Shopify?

Cuéntame qué estás construyendo y dónde te has atascado. Lo revisaremos juntos en una llamada de diagnóstico gratuita.

Reserva una llamada de descubrimiento gratuita

Proyectos seleccionados

Sigue leyendo