Cook and free
The market for cooking apps has multiplied year after year. However, nobody has managed yet to bring together the application of context, making their use more practical and its purpose more social.
Cook&free is a startup that has this ambition. It aims at optimizing the process of fruition of a recipe, both through an interface designed specifically for the context of use, and by making the process of finding ingredients easier, more immediate and social.
UX Research
We began the project defining user personas by identifying their goals, needs, and pain points. Three user personas were considered; for each, a description was provided together with some keywords to better define their personality and approach to cooking and life more in general.
Next, we analyzed a few different applications currently available on the market, finding strengths and weaknesses for each one. We defined one main potential competitor and chose two other apps non-related to food as inspiration for patterns.
Draft &
First Wireframe
After the research phase, my team and I made many sketches of some features that we decided to develop. Then we started to transform sketches into low fidelity wireframes to create a user flow.
Moodboard &
Style Tile
In parallel, part of the team worked on outlining the graphic style of the app through the construction of a moodboard, incorporating inspirations from different kinds, and a style tile, adding some different ideas for UI components, color, illustrations and typography.
UI Design & Prototype
Once defined the style and validated the wireframes, we started to design the UI interface and animated it into Figma, taking usability problems into account and limiting them as much as possible, performing user tests, redesigning critical points, and retesting them.
Throughout the process, accessibility tests were also carried out to verify the minimum requirements of WCAG.
