Then a usability study was done and changes were made in the mockups according to the feedback.
Buttons were added for better navigation and divisors were added to separate categories.
The medium fidelity prototype was created on Figma. I took the mockup, added some more screens according to the user flow and added the interactions between pages.
Prototype
I was pleasantly surprised at how many people found the design clear and not cluttered despite the fact that I had to add so many items in it. Users were not overwhelmed while using the app. I was also able to stick to accessibility considerations including text hierarchy, colour contrast and less graphics. Being able to get user feedback throughout the process is invaluable.
As I was designing for a fake bakery, I was able to create every component from scratch. It would be interested to work on a product with a pre-existing design guide. My biggest shock was completing the competitive analysis and realising how many large companies have no accessibility features on their websites while the smallest, local company did.
Just send me an email and I can send you the full case study or tell you more!
hughes.sar25@gmail.com