Secret Sauce

IOS APP - UI, UX, INTERACTIONS, PROTOTYPING SKETCH AND PRINCIPLE

1. The brief 
I was asked to design an iOS app accordingly to the new standards imposed by iOS 11, for a food recipe app that wants to tackle the challenges of cooking while having to use the screen with dirty hands.
2. Defining the challenges 
- design using the Apple design guidelines for iOS 11
- using the app while cooking
- minimal interactions with the app since it's very hard for someone who cooks and gets their hands dirty to use a touchscreen
3. Creating wireframes while exploring different ideas

4. Prototyping
After exploring different ideas on how to solve some of the usability issues, I started to prototype the best solution in order to test it with real users. For this particular case it was to minimize the interactions required to use the app and maximize the screen estate so users are able to tap with any part of the hand. To achieve this, I came up with a card system that can be swiped when users need to proceed to the next screen. Where needed, I made sure to include micro interactions for better feedback on different actions, like the loading and check mark on the button below.

5. Landing Page
Additionally to the app design, I also created a landing page for the app for communication purposes. In order to create a coherent brand experience, I used the same style as in the app but added a few custom animations to spark and maintain the interest of page visitors. Prototyping the animations allowed to hone in on every detail.
This work was done while working as a freelance designer.
I was responsible for the design and the art direction of the app, website and brand.

You may also like