El proyecto
Amargos y botellas es un minorista de licores y bebidas alcohólicas con una trayectoria de 12 años y una presencia de una década en la plataforma Shopify. El enfoque del proyecto fue una migración técnica desde el sistema heredado “Hipermercado” tema de Out of the Sandbox al moderno “Artículos esenciales Tema de Noord. El objetivo era mejorar el rendimiento y la estabilidad técnica del sitio, al tiempo que se implementaba una renovación de la imagen de marca sin interrumpir las operaciones en curso.
Desafío
El alcance del trabajo se centró en una transición técnica completa y la optimización de la tienda en línea de Shopify. Los entregables clave incluyeron:
- Migración de temas: Transición completa al Noord Artículos esenciales .
- Reconstrucción líquida personalizada: Sustituir las páginas creadas con Shogun por código nativo de Shopify Liquid para reducir la deuda técnica y mejorar la velocidad.
- Optimización de aplicaciones: Una auditoría exhaustiva y una reconfiguración de las aplicaciones existentes para garantizar la plena compatibilidad con la nueva arquitectura del tema.
- Implementación de la renovación de la marca: Integración de elementos de diseño actualizados, incluyendo nueva tipografía, paletas de colores y logotipos optimizados.
Vertical / Geografía
- Vertical: Venta al por menor de licores y bebidas alcohólicas.
- Geografía: Con sede en Estados Unidos y orientada al mercado estadounidense.
El Proceso
El proyecto siguió una ejecución estructurada, basada en dos hitos, para gestionar la transición de manera eficiente:
Fase 1: Transición del tema de Shopify y alineación de la marca
Esta fase se centró en construir la base del entorno de la tienda y alinear la arquitectura técnica con la renovación de la marca del cliente.
- Configuración del entorno de prueba: Para garantizar que no se interrumpiera en ningún momento la actividad de venta en directo, todo el trabajo se realizó en un entorno de prueba controlado.
- Integración del kit de marca: El equipo integró la nueva identidad visual proporcionada por el diseñador del cliente, incluyendo la tipografía, los códigos hexadecimales de color específicos y los elementos del logotipo optimizados en todos los puntos de contacto de la tienda.
- Reconstrucción de la navegación y la interfaz de usuario: Reconstruimos desde cero las estructuras del encabezado y el pie de página. Esto incluyó la configuración de menús de navegación complejos y la optimización de la interfaz de usuario para una experiencia prioritaria en dispositivos móviles, garantizando un alto rendimiento en todo tipo de dispositivos.
- Replicación visual: La distribución de la tienda existente se mapeó en el Noord Artículos esenciales Se han configurado los ajustes del tema para mantener una experiencia de usuario familiar para los clientes recurrentes, al tiempo que se aprovechan la velocidad y las capacidades nativas del nuevo tema.
Fase 2: Revisión de la aplicación, implementación y optimización técnica.
Una vez aprobada la base visual, la atención se centró en la capa funcional de la tienda y en la eliminación de la deuda técnica.
- Auditoría integral de la aplicación: Realizamos una revisión exhaustiva del conjunto de aplicaciones existentes (incluyendo Wholesale Lock, Min Maxify y Subscriptions). Se identificaron scripts redundantes o conflictivos para su eliminación con el fin de mejorar los tiempos de carga del sitio.
- Reconstrucción líquida nativa: Un componente fundamental de esta fase fue la migración para dejar de usar el constructor de páginas Shogun.
- Configuración del programa de fidelización y entrega local: El equipo gestionó la integración de Marsello para el programa de fidelización de la marca y configurado meticulosamente el Aplicación Nash para dar soporte a la logística de entrega local del cliente.
- Limpieza de código heredado: Realizamos una "limpieza profunda" del código fuente del tema, eliminando fragmentos sobrantes de aplicaciones antiguas para garantizar que el nuevo tema siguiera siendo ligero y de alto rendimiento.
Diseño de tienda Shopify
La estrategia de diseño se centró en Replicación visual y Mejoras de UXEn lugar de un rediseño completo del recorrido del usuario, el objetivo era adaptar la UX existente al marco temático "Esenciales". Las áreas clave de diseño incluyeron:
- Continuidad visual: Replicar el diseño existente integrando los recursos actualizados de Illustrator proporcionados por el diseñador del cliente.
- Optimización móvil primero: Ajustar las dimensiones de los banners y el tamaño de los iconos para garantizar una experiencia fluida y adaptable.
- Arquitectura de navegación: Simplificar y reconstruir las estructuras del encabezado y el pie de página para una navegación más intuitiva.
Funcionalidades del sitio web e integraciones de aplicaciones
Para dar soporte al modelo de negocio específico del cliente, se gestionaron varias funcionalidades e integraciones de gran impacto:
- Entrega local: Integración y configuración de la Aplicación Nash para apoyar la logística local.
- Fidelización y compromiso: Transición a Marsello Gestionar el programa de recompensas de la marca, asegurando que la característica distintiva de "Subasta de Puntos" siguiera siendo un motor fundamental para la participación y la fidelización de los clientes.
- Reconstrucciones nativas: Transición del Clubes y Rewards Se han migrado páginas desde creadores externos a secciones nativas de Shopify para optimizar los tiempos de carga y la facilidad de mantenimiento.
- Aplicaciones operativas: Gestión de varias integraciones, incluidas las funcionalidades de Wholesale Lock, Min Maxify y suscripción.
Conclusión
El proyecto realizó una transición exitosa. Amargos y botellas a un entorno Shopify de alto rendimiento. Al reemplazar los pesados constructores de páginas de terceros con código nativo y optimizar la pila de la aplicación, la tienda ahora se beneficia de un mejor rendimiento y una identidad de marca renovada. La migración garantiza que la infraestructura técnica sea lo suficientemente robusta como para soportar el crecimiento de la marca durante la próxima década, manteniendo al mismo tiempo las características únicas que valoran sus clientes.