Este proyecto fue solicitado como parte del proceso de evaluación por parte de una empresa a la que estaba aplicando para el puesto de Product Designer.
El proyecto se centra en la búsqueda y diseño de un ecommerce que contenta el nuevo método de pago llamado "Compre ahora, Pague después" o "Buy me now and pay later". Donde el objetivo principal era presentar el método de pago a los usuarios, proporcionando una experiencia clara y conveniente para los usuarios.
Los requisitos principales era utilizar la creatividad y realizar wireframes en alta calidad en un plazo de 72 horas.
Todo el proyecto fue creado en Figma.
El proyecto se encuentra dividido en 3 etapas:
1. Investigación y flujo de usuario
2. Guía de estilo// UI kit // Componentes
3. Mockups en alta fidelidad
Me basé en indistintos referentes para poder entender el proceso de compra con el método de pago. El referente que más recalco fue el de Paypal dado que ejemplifica de forma muy transparente el proceso para el usuario.
Para acceder a las URLS puedes navegar en el siguiente cuadro:
El flujo de usuario estuvo centrado en 7 principales pasos que se encuentran detallados en la siguiente imagen:
A continuación encontrarás tres imágenes que ejemplifican la formulación, el estándar que utilicé en el diseño y por último la metodología utilizada para la creación de componentes.
Dado que disponía de un tiempo limitado, agilicé el proceso con la utilización de variables locales, de esa forma podía realizar modificaciones posteriores.
Aquello me permitió crear componentes mucho más flexibles y utilizar las propiedades que entrega Figma. Así como también buenas prácticas de diseño en el orden de carpetas.
Para la creación de los componentes me basé en la metodología de Atomic Design. Donde los componentes están creados a partir de átomos, moléculas, organismos, plantillas y páginas.
En el archivo de Figma todas las vistas fueron ordenadas por flujo y sub flujos, con sus respectivas explicaciones. A continuación puedes interactuar con el diseño final de la plataforma.
