El desarrollo de la interfaz de una web en general debe responder a los usos y costumbres del usuario final. La web debe conversar amigablemente con el usuario y ser un espejo de lo que éste espera encontrar. Para un ecommerce, convertir la experiencia en un flujo intuitivo y orgánico hace menos complicada la tarea de comprar y le da mayor seguridad al usuario de que está haciendo lo correcto en todo momento. Lo se, uso demasiado la palabra 'usuario', esa es mi obsesión.

1. guacamayodesign
medinayuri
contacto@yurimedina.pe
yurimedinaWeb D esign, A r t D ire ctio n, G raphic D esign
.pe

2. guacamayodesign medinayuri contacto@yurimedina.pe
Ecommerce:
elementos de la
experiencia de
una compra

3. guacamayodesign medinayuri contacto@yurimedina.pe
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

4. guacamayodesign medinayuri contacto@yurimedina.pe
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

5. guacamayodesign medinayuri contacto@yurimedina.pe
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

6. guacamayodesign medinayuri contacto@yurimedina.pe
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

7. guacamayodesign medinayuri contacto@yurimedina.pe
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

8. guacamayodesign medinayuri contacto@yurimedina.pe
Proceso de
creación

9. guacamayodesign medinayuri contacto@yurimedina.pe
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

10. FORMULARIO TC
guacamayodesign medinayuri contacto@yurimedina.pe
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 HOMBRES
CATEGORIA 1
CATEGORIA 2
CATEGORIA 3
CATEGORIA 4
ROPA DAMAS
FILTRO DE SUBCAT.
SLIDE PRINCIPAL
BUSCADOR
DESP. DE PRODUCTOS
LANDING DE PROD. CARRITO
MEDIOS DE PAGO

11. guacamayodesign medinayuri contacto@yurimedina.pe
Wireframe03
Piensa en flujos Crea prototipos rápidos y deséchalos
con la misma rapidez.
Lorem ipsum
Lorem
ipsum
Lorem ipsum
Piensa en la memoria del usuario
como un músculo.
Simplifica todo.
Lorem ipsum Lorem ipsum

12. Wireframe03
Busca tu oferta
legales/términos
Cómo comprarRegístrate / Inicia Sesión
Ropa Hombres Ropa Damas
Oferta
sugerida 1
Call to action
Oferta
sugerida 2
Call to action
Oferta
sugerida 3
fashionclick.com
Call to action
Oferta
sugerida 4
Call to action
Oferta
sugerida 5
Call to action
Oferta
sugerida 6
Call to action
Home
guacamayodesign medinayuri contacto@yurimedina.pe

13. guacamayodesign medinayuri contacto@yurimedina.pe
Wireframe03
Interna 1
Busca tu oferta
Cómo comprarRegístrate / Inicia Sesión
Ropa Hombres Ropa Damas
Oferta
sugerida 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

14. guacamayodesign medinayuri contacto@yurimedina.pe
04 Propuesta gráfica
y funcional
fashionclick.com
Ropa Hombres Ropa Damas
T-shirt
para mujer
Cómpralo ahora
T-shirt
para mujer
Cómpralo ahora
T-shirt
para mujer
Cómpralo ahora
T-shirt
para mujer
Cómpralo ahora
T-shirt
para mujer
Cómpralo ahora
T-shirt
para mujer
Cómpralo ahora
T-shirt
para mujer
Cómpralo ahora
T-shirt
para mujer
Cómpralo ahora

15. guacamayodesign medinayuri contacto@yurimedina.pe
Optimización en base
a resultados.
05

16. guacamayodesign medinayuri contacto@yurimedina.pe
guacamayodesign
www.yurimedina.pe
medinayuri
contacto@yurimedina.pe
¡Gracias!