Julio Montás

Fragancia eCommerce Para Shopify

🗒 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

Picture of the author
Picture of the author
Picture of the author
Picture of the author
Picture of the author
Picture of the author
Picture of the author

🚀 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.

🛠 Mapa De Sitio Web

🏠 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.

Picture of the author
Version H01: Final design
Picture of the author
Version A02
Picture of the author
Version B01
Picture of the author
Version H02
Picture of the author
Version C01

👁 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.

Home Fragrance mockup
Mockup A01: Home Fragrance
Picture of the author
Wireframe A01: Fragrance Finder
Picture of the author
Mockup A02: Fragrance Finder
Picture of the author
Fragrance Finder: Video Influencer popout
Picture of the author
Mockup A03: Fragrance Finder final design

👁 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.

Picture of the author
Default look
Picture of the author
Review form
Picture of the author
Multiple review

👁 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.

Picture of the author
Contact: Empty or Fill form
Picture of the author
Mockup: Press A02

URL

🎯 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.