UXUI >>

Case study > Ecommerce > Proyecto Muisk

UXanalysis

Deteccion de problemas

muiskARTE es un proyecto de Joyería artesana en Valencia y necesita crear su e-commerce. Pero no cualquier e-commerce, una web con capacidad de transmitir sus valores de marca.

Necesita distinguirse, destacar y cautivar a su público objetivo.La ficha de producto debe ser atractiva con fotografías en detalle e información detallada.

Detección de problemas de usuario

Target Audience

muiskARTE está dirigida a mujeres de 30 años. Ellas son apasionadas por el diseño y el buen gusto. Buscan destacarse y distinguirse.

Además son mujeres conscientes del labor del artesano y con su compra buscan apoyar la joyería artesana local.

Público objetivo de la marca

Empathy map

Con el mapa de empatía detectamos determinadas actitudes y sentimientos hacia los e-commerce de joyería artesana. La atracción que debe tener el diseño es una de las claves para lograr el éxito.

Se exige absoluta claridad a la hora de mostrar el producto y en la estructuración general de la web, apaliando así la desconfianza del usuario.

Mapa de empatía de usuario

User persona

Con esta ficha se puede determinar un patrón de comportamiento que abre paso a muchísimas de las decisiones de diseño de que se han tomado.

Por ejemplo el diseño de portada, botones y ficha del producto, tipografía, etc. La ausencia de color en el diseño tambien es síntoma de ello, procurando así destacar al máximo el producto con su textura y morfología propia.

User persona

Mapa del sitio

La estructura del sitio intenta ser lo más pragmático posible. La intención es orientar al usuario a la compra de manera fácil y clara.

La idea es que desde un principio en la Home, cualquier persona entienda y comprenda de qué se trata la web, en cuanto a cuál es su funcionalidad y qué tipo de producto es el que se comercializa.

Mapa de sitio

UIprototypedesktop

Experiencia de usuario

#by White_Jazmin

Lograr el equilibrio entre lo artístico y la funcionalidad es el reto. En esta E-commerce el producto es el protagonista, la fotografía de producto es la estrella en mi diseño. Se pretende exhibir el producto pero de forma atractiva para cautivar al público. El carrusel de producto es fundamental, la gran-escala en la que vemos la joyería deseamos que el usuario lo vea con comodidad y confianza. El producto en sí es quién aporta el color, las texturas y la forma. Es por esto que decidí mantener la neutralidad en la elección de colores para botones y fondos. Por otra parte, la tipografía fue seleccionada de forma especial para que acompañase al diseño, y se viera en consonancia al producto artístico. Esta desición se verá en profundidad en el apartado de UI Kit.

A continuación compartiré un breve video con un resumen de la Home de @Muiskarte Joyería Artesana.

Prototipos UI en versión escritorio
Descargar imagen diseño
Descargar imagen diseño
Descargar imagen diseño

¿...interesante? continua viendo by #whitejazmin

Visitar pagina

UIprototypemobile

On boarding

Sign in

&Registerdesigns

Diseño de Onboarding y Página de registro

UIkit

la tipografía como recurso de diseño

Courier Prime da un carácter técnico que remonta a la orfebrería y al propio proceso de construcción artesana de las piezas.

Californian Italic ofrece un aire de familiaridad y cercanía al usuario. Balanceando entre la técnica y el arte.

Poiret One trae novedad y contemporaneidad, dándole el toque perfecto de diseño actual.

UI Kit Tipografía seleccionada
UI Kit Tarjeta de recomendados

SENTIDO VISUAL & OBJETIVOS

Recomendados

fotografia del producto en primer plano, es lo que pretende ver el usuario

diseño limpio y claro, concreto. El precio y el título de la colección van en un segundo plano

fresca & pura

Lista de productos

diseño limpio y claro, concreto

tabs Con toda la info del producto

fotografía del producto al detalle

UI Kit Tarjeta de compra de producto
UI Kit Tarjeta de producto

Y...¿Cómo se ve?

footer intuitivo & personalizado

Diseño del footer

redes sociales reforzar el vínculo con la marca

tabs Con toda la info del producto

fotografía del producto al detalle

UI Kit Diseño de footer
UI Kit Voz y tono

¿Te ha gustado? Contacta conmigo by #whitejazmin

disponible paratrabajar

contact/

Volver arriba ▲