ecommerce: elementos de la experiencia de una compra

16
guacamayodesign medinayuri [email protected] yuri medina Web Design, Art Direction, Graphic Design .pe

Upload: yuri-medina

Post on 17-Feb-2017

124 views

Category:

Design


0 download

TRANSCRIPT

[email protected]

yurimedinaWe b D e s ig n , A r t D i re c t i o n , G ra p h i c D e s ig n

.pe

guacamayodesign medinayuri [email protected]

Ecommerce:elementos de la experiencia de una compra

guacamayodesign medinayuri [email protected]

Exhibición de productos01

Estos se encuentran distribuidos en anaqueles, separados de acuerdo a categorías y ordenados en función de los hábitos de compra del usuario o de los intereses de la marca y de la tienda.

La experiencia debe replicarse, ordenando los productos de acuerdo a categorías y subcategorías, facilitando la navegación del usuario promedio. De la misma manera se debe buscar la manera de destacar los productos que el negocio tiene interés en vender.

En la tienda física En la tienda online

guacamayodesign medinayuri [email protected]

El usuario escoge el producto tomando en cuenta varios factores: Necesidad inmediata Precio Costumbre Calidad Experiencias previas

Interacción con el producto02

Todos los elementos que el usuario encuentre en la web deben permitir que su experiencia sea lo más similar posible a lo que ya está acostumbrado a hacer.

En la tienda física En la tienda online

guacamayodesign medinayuri [email protected]

Subir productos al Carrito03

El usuario va subiendo a su carrito de compras los productos que va escogiendo mientras sigue avanzando por el supermercado.

El cliente debe ver en todo momento cómo va aumentando la cantidad de productos que va subiendo al carro, en este punto aparece la primera ventaja de la tienda online. El cliente puede ver en todo momento cual es el valor de su compra, cuanto está ahorrando en los descuentos y puede modificar la cantidad de productos que tiene en su carrito así como eliminar productos en cualquier momento.

En la tienda física En la tienda online

guacamayodesign medinayuri [email protected]

Proceso de Pago04

Una vez que el cliente ya tiene su compra terminada, se dirige a la caja a pagar por los productos que ha subido a su carro. Esta parte del proceso suele ser el más tedioso de todos, pues uno tiene que estar parado esperando en una interminable cola a que el resto de personas de la fila termine de pagar sus productos.

La web debe ofrecer al cliente una plataforma amigable y muy segura, puesto que en este punto la desconfianza puede ganarle a quienes no tienen mucha experiencia comprando online.

En la tienda física En la tienda online

guacamayodesign medinayuri [email protected]

Despacho de los productos04

Normalmente en una tienda física este paso no se toma en cuenta, ya que una vez que el cliente ha pagado por sus productos éste se los lleva a su casa.

En este caso, al no haber interacción directa con los productos, este viene a ser uno de los pasos en los que una tienda online invierte mayor logística habiendo dos escenarios: El recojo en tienda y el despacho a Domicilio.

En la tienda física En la tienda online

guacamayodesign medinayuri [email protected]

Proceso de creación

guacamayodesign medinayuri [email protected]

Reunión inicial.

Deben estar presentes todos los involucrados.

Entrega y revisión del Brief.

Definir presupuesto y fechas de entrega de los avances.

Definir jefe del proyecto.

Documentación01

FORMULARIO TC

guacamayodesign medinayuri [email protected]

Esquema estructurado y específico del site

Arborescencia02

IR A CARRITO

REG/LOGIN

REG/LOGIN

ENTREGA

legales/términos

OFERTAS SUG.

HOME

HOME

CÓMO COMPRAR

ROPA HOMBRESCATEGORIA 1

CATEGORIA 2

CATEGORIA 3

CATEGORIA 4

ROPA DAMASFILTRO DE SUBCAT.

SLIDE PRINCIPAL

BUSCADOR

DESP. DE PRODUCTOS

LANDING DE PROD. CARRITO

MEDIOS DE PAGO

guacamayodesign medinayuri [email protected]

Wireframe03

Piensa en flujos Crea prototipos rápidos y deséchaloscon la misma rapidez.

Lorem ipsum

Loremipsum

Lorem ipsum

Piensa en la memoria del usuariocomo un músculo.

Simplifica todo.

Lorem ipsum Lorem ipsum

Wireframe03

Busca tu oferta

legales/términos

Cómo comprarRegístrate / Inicia Sesión

Ropa Hombres Ropa Damas

Ofertasugerida 1

Call to action

Ofertasugerida 2

Call to action

Ofertasugerida 3

fashionclick.com

Call to action

Ofertasugerida 4

Call to action

Ofertasugerida 5

Call to action

Ofertasugerida 6

Call to action

Home

guacamayodesign medinayuri [email protected]

guacamayodesign medinayuri [email protected]

Wireframe03

Interna 1

Busca tu oferta

Cómo comprarRegístrate / Inicia Sesión

Ropa Hombres Ropa Damas

Ofertasugerida en slider

Filtros

Call to action

Prod. 01 Prod. 02 Prod. 03

Call to action Call to action Call to action

fashionclick.com

Subcategoría

Subcategoria 1

Subcategoria 2

Subcategoria 3

Subcategoria 4

Subcategoria 5

filtro 1

filtro 2

filtro 3

Prod. 04 Prod. 05 Prod. 06

Call to action Call to action Call to action

guacamayodesign medinayuri [email protected]

04 Propuesta gráficay funcional

fashionclick.com

Ropa Hombres Ropa Damas

T-shirtpara mujer

Cómpralo ahora

T-shirtpara mujer

Cómpralo ahora

T-shirtpara mujer

Cómpralo ahora

T-shirtpara mujer

Cómpralo ahora

T-shirtpara mujer

Cómpralo ahora

T-shirtpara mujer

Cómpralo ahora

T-shirtpara mujer

Cómpralo ahora

T-shirtpara mujer

Cómpralo ahora

guacamayodesign medinayuri [email protected]

Optimización en basea resultados.

05

guacamayodesign medinayuri [email protected]

guacamayodesign

www.yurimedina.pe

[email protected]

¡Gracias!