Proyectos

PC Factory

Rediseño de e-commerce PC Factory alineado a la nueva imagen de marca, con una experiencia web responsiva.

Rol

Interaction Designer

Año

2021

Herramientas

Figma, Miro

PC Factory

El contexto

Tras un cambio de imagen de marca, PC Factory buscaba aplicar el rediseño a su tienda online y fortalecer su presencia en el retail electrónico, aprovechando el alza en ventas por internet que trajo la pandemia. El objetivo era ofrecer una experiencia de compra digital acorde al nuevo estándar del retail chileno.

Objetivos

  • Mostrar ofertas, stock y novedades de forma clara.

  • Ofrecer una experiencia de compra fluida y eficaz.

  • Igualar el nivel de experiencia entre desktop y mobile.

  • Reflejar la nueva imagen de marca en cada sección del sitio.

Proceso

Investigación de usuarios

Antes de definir user personas, investigué perfiles de compradores online basándome en el estudio Online Shoppers 2016 de Webloyalty, identificando perfiles como foco en la navegación, en la investigación, en el producto y cazarrecompensas.

Investigación de usuarios
Investigación de usuarios

Benchmark

Analicé sitios de e-commerce chilenos e internacionales para identificar patrones y oportunidades de mejora frente a la competencia.

Benchmark
Benchmark

Wireframes

Diseñé wireframes de baja fidelidad para desktop y mobile, definiendo la estructura de páginas clave como inicio, listado de productos y checkout.

Wireframes
Wireframes

Diseño de alta fidelidad

Trasladé los wireframes a interfaces de alta fidelidad para desktop y mobile, incorporando la nueva imagen de marca y contenedores para ofertas.

Diseño de alta fidelidad
Diseño de alta fidelidad

Mi rol

Como Interaction Designer, diseñé wireframes, user personas y pantallas de alta fidelidad, colaborando con un equipo de dos diseñadores y una líder UX.

Resumen

4 personas

Equipo del proyecto

2021

Duración

Figma + Miro

Herramientas principales

Aprendizajes

Fue mi primera experiencia diseñando una tienda online completa. Aprendí sobre el “diseño invisible”: los pequeños detalles que un comprador da por sentados pero que hacen fluida la experiencia, como el acceso a servicio al cliente o las valoraciones de productos.

Diseñado por

Constanza Morales Ávila · © 2026

Diseñado por

Constanza Morales Ávila · © 2026

Diseñado por

Constanza Morales Ávila · © 2026