This project took me through each stage of the UX process from research
through user flow and wireframes to final, high-fidelity prototype design.
Starting with the final high-fidelity design, below you can see my
progress through the project's key stages.
through user flow and wireframes to final, high-fidelity prototype design.
Starting with the final high-fidelity design, below you can see my
progress through the project's key stages.
Landing page
Stored food entry
Fresh food entry
"Find recipes" results
Selected recipe ingredients and preview
Third party website
Favourited recipes
Selected favourite recipe preivew
Third party website
User profile form
Branded style guide – logo, colours, typography and UI furniture
Low-fidelity digitised wireframe, laid out in Figma
Crazy 8s and user flows
Affinity map based on initial UX research interviews
Digitised user flow, Figma
High fidelity prototype, designed in Figma. Click each image above for detailed view
and definition of each prototype stage.
and definition of each prototype stage.