The problem: TESCO needed an interactive web app created to enable their customer base to easily select and then assemble their Christmas dinner. I was the sole UX/UI Designer on this project. Let me take you through my journey in creating this project for TESCO.
TESCO has a wide and heavily varied customer base. Therefore at the start of this project I needed to clearly define who I was designing for in order to tailor the experience to their needs. Above is our first persona: An experienced cook with the desire for a food selection product that didn't feel like a chore. I took note of this and when designing the product continuously looked for ways to delight users,
The secound persona I created was Matthew. The aim of this persona was to enable me to begin imagining how to best move forward with design for a user with minimal/limited cooking knowledge/experience. Factoring in users like Matthew I decided that there needed to be additional screens including product information to help guide users like Matthew through the product.
After I collated this information about users, I created wireframes to test the initial ideas that I had. Wire-framing at this stage involved low fidelity designs that I could test with users and gain feedback that would steer my designs in the right direction.
After these were created the designs and findings from the user tests were shown to the TESCO stakeholders for immediate feedback.
These were the designs that I put through user tests/
The completed designs, these were the screens that got approved and were shipped to millions of customers.