- About us user test
- Checkout desktop user flow
- Checkout desktop heuristic markup
- Checkout competitor review – Naked wines and Asos
- Initial sketches for wireframes
In the second week of our project, we continued working on our research board, diving deeper into the data to gather as much information as possible.
Towards the end of the week, I began designing some preliminary wireframes for each page to prepare for the following week when we planned to start the design phase. As shown in the attached images, I made basic sketches and wireframes to explore different concepts for the “About Us” page. Our strategy is for each team member to create their own wireframes for every page, then come together at university for a critique session where we can discuss and merge our ideas to create a cohesive design that everyone is happy with.
I then turned these initial sketches into wireframes on Figma
As a group, we agreed to add some illustrations to make the design more engaging. Since I enjoy digital art, I volunteered to create the imagery for our project. This way, we could add a unique touch and make the pages more visually appealing. Below are some of the illustrations I did in this week, although not being used, I think it was an important portion of the design phase for myself and my group
