Chefy p.2

Competitor analysis

UI patterns that are commonly used boost familiarity in apps’ usage that is why I not only looked at most commonly used apps to see what’s familiar to users, but also looked at two competitive cooking apps. I summarised their pros and cons which I could later on leverage for my own project.

BBC Good Food app

Pros:

• A great number of recipes available.
• Clear and crisp design.
• Helpful users’ ratings.

Cons:

• Very long cooking instructions.
• The recipes saved in the app don’t synchronise easily with a website.
• Problem with logging in (to use the app users must close the app, and then revisit it again).

Tasty app

Pros:

• A great variety of recipes: vegan, vegetarian, gluten free, etc.
• Simple instructions, designed for every level of cooking skill.
• “Tips” feature: allows people who made this recipe easier leave useful tips for other cooks.

Cons:

• Logging in: the only ways of logging in are via Facebook or phone number.
• Impossible to change units of measurements.
• The app is imposing sound on users (via their instructions videos). The music is impossible to disable.

Goals

The objective for this project is to gain validation from target users that such an app (combined with the Alexa Chefy Skill) will be used to make meals and will be fond reliable.

Mood board

• Clean. To convey trust and reliability, my design will be clean.
• Tasty. The imagery will include professionally looking pictures so to make users want to cook by simply looking at the pics.
• Friendly. The style of the app will be friendly and approachable. I want the app bring a smile on people’s faces when they interact with it.
• Fresh. I also want the design and the UX to feel fresh, i.e. animation will be subtle and unobtrusive

Sitemap

To represent a relationship between the pages in the Chefy mobile app, I created a sitemap.

Wireframes

Interactive high-fidelity prototype

You can preview high fidelity prototypes in the form of an interactive prototype by following these two links. Both of the prototypes were completed in Marvel.

• Android prototype
• iOS prototype

iOS and Android comparison

Both Android and iOS versions of the app were designed to meet each platforms’ UI guidelines, therefore offering a better user experience for their users.

Basic brand guidelines

I built the basic brand guidelines document to help designers, marketers, developers, and other stakeholders present a unified vision of the brand to the public. I called it ‘basic’ with the idea that the brand can be developed further by other people who’ll be working on the app.