E-commerce Research Prototype
A Psychological Study made possible with Figma
A high-fidelity, Figma prototype built as a substitute for an actual e-commerce website, used in a research study observing patterns in discounts vs purchases.
Skills
Requirements Gathering, Wireframing, High-Fidelity Prototyping in Figma, Overlays in Figma, Literature Review, Statistical Analysis, Visual Design, UI & UX Design
Link to Project
https://www.figma.com/file/wzw7FVrCvPmLSVIdSbA2EE/FULL-COPY-Ecommerce-Wireframe-Kit-STATIC-POPUP-(Copy)?type=design&mode=design&t=acETJxutMN9qtYKK-1
Primary Objective
The primary objective was to create a mock website 'selling' tech accessories. Collaborating on a team of 4 people, The mockup was designed as an alternative to using a real e-commerce website that required a credit card for a research study I was running. The user can add and remove up to three items from their chart before 'checking out' from the site. I designed the prototype flow to simulate different checkout scenarios simulating different items in the cart and disfferent discount available to the users.
Mock Landing Page
There were two versions sent out for the research study. One with a static ad and one with a dynamic pop-up ad. The latter is depicted here. I started to figure out the flow of adding and removing just one item to the cart. When adding more items to the cart, maintain the correct order of the items gets tricky. The final flow allows the user to add up to three items to their cart, or remove them in any order.
Multi-item flow
I started to figure out the flow of adding and removing just one item to the cart. When adding more items to the cart, maintain the correct order of the items gets tricky. The final flow allows the user to add up to three items to their cart, or remove them in any order.
