Sweet Dreamz

Designing a baking app

Pen + Paper

Sketch

Adobe CC

Invision

Omnigraffle

My Role

Duration 4.5 Weeks

UI / UX DESIGNER

Sweet Dreamz - iPhone

OVERVIEW

Sweet Dreamz is a baking app designed to encourage users to bake more using natural ingredients. It also gives them the ability to create their own offline cookbook from their favourites to refer back to, quickly and easily.

Sweet Dreamz has a read aloud function that will ultimately allow the user to bake hands-free by setting commands and actions using voice activation techniques.

App Layout Design

User Personas
User Flows

CONTEXT

With the uptick in natural/healthy eating due to the addition of so many preservatives in foods The Sweet Dreamz app is designed to interest people who are wanting to control ingredients that go into their sweets, treats and desserts.

It utilizes a social aspect so the user can upload reviews and ratings as well as share any recommendations with their friends.

Researching other similar apps, there appeared to be quite a gap in the market for baking apps. It can be quite difficult to get all the information required into such a small screen space.

Below are some inspiration pieces I gathered to help choose the layouts, dashboards and general “feel” of the app design.

App Layouts

Dashboard Theme Ideas

Colours, Tones & Themes

Colours, Tones & Themes

OBJECTIVES

The “Sweet Dreamz” app will allow people to easily create recipes by choosing difficulty levels and accessing previous user reviews. It will allow users to save favourite recipes offline to their own organized cookbook section. The additional feature of unit conversions is a must to cater to users all over the world.

 

The objective is to gain validation that this app is needed and assist people of all ages, ethnicities and genders to bake home goods.

USER PERSONAS

USER FLOWS

I chose from eight different user flow options to compile a good understanding of how the basic app structure would flow together and make sense to the user.
 

DESIGN

I created two distinct mood boards in order to get some feedback from user who met my target audience. I gathered some fantastic feedback and chose palette 1 as it was a little more muted in colour tones which wouldn’t be as likely to detract away from the large amounts of information that will be on the page.

From the mood board selection I then looked at creating a style guide with all icons, symbols, cards, imagery and fonts.

Design Elements

LOW FIDELITY

In order to really get a good idea of the app design and to make sure the user flows were working correctly I created some low fidelity page layouts by hand. I turned these into a prototype so users could test the design and let me know of any major issues or likes/ dislikes with the design and layout.

Low Fidelity

MID FIDELITY

After gathering feedback I adjusted my design and created mid fidelity designs of my app so I was able to test the layout and design again with a little more thought. Users responded very well to the app with only a few adjustments including extra pages and the new placement of the menu for easy access with one hand.

Mid Fidelity

FEEDBACK & IMPROVEMENTS

Feedback

FINAL APP DESIGN

High Fidelity
User Flow Diagram

© 2019 by Adaliv Design.