Cook And Free
Cooking smarter, wasting less
Cook&Free was a UI Master project exploring how to make cooking apps more contextual and socially engaging. The goal was to simplify recipe fruition and turn meal preparation into a shared, effortless experience.
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.
Cook And Free
Cooking smarter, wasting less
Cook&Free was a UI Master project exploring how to make cooking apps more contextual and socially engaging. The goal was to simplify recipe fruition and turn meal preparation into a shared, effortless experience.
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.