CASE:Title

Love of design and extravagance

Hero
CASE:Intro

Marc vino a nosotros  con un diseño realizado por el estudio FAYE.AND.GINA.

Desde un primer momentos nos enganchó, ya que tenía un diseño sencillo pero moderno.

Incluía un Header sencillo con un banner rotativo, una home en la que entrás con un vídeo, acompañado de las colecciones que tiene la tienda.

La página de colección con unas imágenes muy buenas de producto y un filtro en el que podemos elegir si queremos ver los productos a 2 por línea o a 4 por línea.

Un producto sencillo en el que vemos las imágenes en cascada, donde la información nos acompaña en todo momento, y al final de la página nos completa con una sección de productos relacionados.

También desarrollamos un desplegable de carrito el cual tuvimos que integrar con la App que te calcula el precio del envío.

Desarrollamos 8 páginas de Lookbook, en las que mediante un grid creado por nosotros de 6 columnas y 6 filas Marc puede hacer que cada Lookbook muestre las imágenes de diferentes maneras.

CASE:Details

Business

SafSafu Store

Expertise

Drawer Cart, App integration, Rotative Banner, Video Section, UX Variable Grid, ...

Collaborator

FAYE.AND.GINA

Developed

2020

CASE:TextFull

UX Filter Variable Grid

FirstImage
CASE:TextFull

Nos gustó especialmente el filtro para cambiar de 4 a 2 productos en la página de colección.

Ya que nos hace disfrutar de una experiencia de usuario mayor, aprovechando al máximo las imágenes de producto.

CASE:Text+SecondImage

El funcionamiento es muy sencillo, trabajamos con un flex a nivel de contenedor y a nivel de tarjeta de producto jugamos con el propio grid que nos da el Theme.

Capturamos el click en el botón lo que nos hace que cambie de un grid compuesto de 50% - 50% cada fila a un grid 25% - 25% - 25% - 25%.

Simplemente cambiando las clases del grid, con lo que conseguimos que la carga de JS sea muy pequeña y tengamos un filtro muy rápido.

Text+SecondImage

Discover now the different options available

And start upgrading your Shopify store today

See pricing

Submit now your design and get a UX Review for Free

Flexible payment options

Submit Project Proposal