Fragancia eCommerce Para Shopify
Director Creativo (Arte + Diseño) y Desarrollador de Shopify, 2018
🗒 Visión General
El Fragrances Group es un distribuidor estadounidense de líneas de fragancias europeas con socios minoristas como Bloomingdale's, Bergdorf Goodman y Barneys. También sirve como distribuidor exclusivo de las fragancias Christian Siriano, Thalia Sodi y Banana Republic.
🖼 Panel De Tendencias: Etapas Profundas De Relajación
🚀 Antecedentes
Me uní al proyecto para rediseñar su página web de comercio electrónico que fue creado por su equipo de mercadeo. Presenté primero su Customer Journey pero debido al corto tiempo para el lanzamiento oficial, tuve que eliminar en el proceso de wireframe, desarrollé toda la interfaz de usuario (UI) para todas las páginas porque necesitaba asegurarme de que obtuviera lo que querían del proyecto.
✍ Roboto / Roboto Condensed By Christian Robertson
🍬 Paleta
🍭 Degradado/a
🗺 Customer journey
🛠 Desarrollo
Dio la casualidad de que también modifiqué todo el sistema de comercio electrónico después de que su desarrollador web interno abandonara la empresa, solo 2 semanas después del proyecto.
- El front-end se desarrolló localmente utilizando el kit de herramientas de Shopify slate (en desuso en enero de 2020), escrito en un script de syntax líquida.
- Capacidad de respuesta entre dispositivos.
- El administrador de etiquetas de Google se utilizó para apuntar a enlaces muertos y medir el tráfico.
- Hotjar se utilizó para analizar los mapas de encabezado del sitio web y su comportamiento, junto con Google Analytics para comparar los datos que se recopilan para los resultados de las pruebas de A/B.
Demo + Github
🏠 Página De Aterrizaje
La página de detalles del producto (PDP) fue la primera página que diseñe para establecer el estilo de diseño de la marca con un enfoque en llevar a los usuarios a la página de pago más rápido.
UI Design version H01
UI Design version H02
👁 Páginas De Listado De Productos (PLPs)
La interfaz de usuario más la animación para la sección de buscador de fragancia era una de mis partes favoritas del proyecto. Colabore con la fotógrafa interna Beheshteh Zebhi en la creación de las colección de imágenes que evocan el sentido del olfato como guía para que los compradores puedan encontrar su aroma característico.
Para el resto de la otra colección, Fragancias para el hogar, cuidado de la piel, baño y cuerpo y cuidado del cabello, he mantenido la misma consistencia de diseño para que se vean y funcionen igual, independientemente de la colección o el género al que pertenezcan.
👁 Página De Detalles Del Producto (PDP)
Un enfoque mínimo de cada componente, enfocado a que los usuarios se concentren en cada sección, lo que les permite leer y explorar el producto de una manera tranquila y contemplativa.
👁 Página De Prensa y Página De Contacto
La página contactos fue en realidad la primera versión de la página que regresa a los usuarios para futuras mejoras en caso de que haya algún abuso por parte de un usuario inteligente.
La página del comunicado de prensa se diseñó teniendo en cuenta un archivo. Componentes simples de un rectángulo horizontal con una altura mínima de 50px, que contiene el nombre de la publicación con cualquier información adicional en forma de un icono de enlace para facilitar la navegación si hay varios.
🎯 Resultados
Su plataforma de comercio electrónico finalmente se integró en su sitio B2C, dándoles una segunda capa de capital que atraería a su nuevo consumidor digital.