Create a seamless user experience for the checkout process, utiizing UX design principles and best practices, backing up the design choices with thorough research and use of Information Architecture.

In the initial phase, the objective was to conduct research, brainstorm ideas, iterate and gather all the findings together to understand the user needs and preferences. This phase involved creating a user persona, scenario, journey and empathy maps, user flow, and sitemap (refer to examples below).

VIEW PDF

After the research was completed and enough information was gathered, I had an understanding of the user needs, which allowed me to start bringing my findings to life. First, I created the greyscale wireframes, based on my user flow and sitemap. After that was done, I was ready to create a higher fidelity mockup, and finally the interactive prototype.

When I designed a mockup & prototype I replaced the image placeholders with the actual images, 2 images were taken from stock, while the others were shot by me earlier, and then edited in Photoshop.

Utilizing Figma software and its built-in plugins (like Iconify), I focused on reflecting the brand’s look and feel on the website. I aimed to maintain a balance between functionality and aesthetics, making sure my design aligns with user needs and preferences.

VIEW PDF

After the prototype was ready, I set up the user test to validate whether the design choices aligned with users expectations. For the user test, I used Maze platform, and the test was unmoderated. After the test results were ready, I checked the heatmaps, misclick & success rates and addressed the issues.

The main issue with the initial design was confusing navigation with too many options. I resolved the issue by reorganizing and narrowing down the main menu options:

VIEW REPORT

After the design was created, tested and refined, the project was ready to be delivered. Before submitting the final version of the design, I made sure that the files and Figma layers are clean and easy to understand.

The goal of the project to create a smooth user experience for a checkout process was reached. The project resulted in a well-designed interactive prototype, backed up by extensive research, and design decisions that ensure great user experience.