Date created: 2021
My role: UX/UI Designer
Design tools: Adobe XD, Illustrator, Photoshop, InDesign
About the project: Using mainly Adobe XD, I have created a high fidelity clickable prototype design for an e-commerce website. This is a case study that include research of direct and indirect competitors, user survey, potential customers interview, data analysis, primary and secondary persona, IA, user flows, paper prototypes, digital wireframes, clickable prototype, testing, mood board, style tile, and a high fidelity clickable prototypes.
Disclaimer: The images used in this school project have been sourced from www.berryccino.com. These images are used solely for educational purposes and are not intended for commercial use. All credit for the images belongs to their respective owners and I do not claim ownership of them.
Challenges: The main challenge for this project was to understand user needs to create a user-focused website. It was also difficult to understand how users navigate on the website to come up with a usable information architecture. I didn’t want to create a website heavy on colors and text, therefore I had to apply a simple approach to a type heavy layout.
Solution: My solution to the challenges was to create a user friendly website that meets most of user expectations. Based on research and surveys, I filtered items on the website - including items users most likely to buy and remove unnecessary products. After continuous website testing with different users, I better understood the psychology of a user. It helped me to design an information architecture for smoother user flow. Also, I simplified the narrative content, so it doesn’t overwhelm the user but still communicates essential information.