Introduction

In my 10 week Interaction Design Class, I learned to utilize microinteractions and their importance in elevating the user's experience to rebrand a mobile app.

I chose to redesign Playa Bowls due to its fun and playful physical brand identity that failed to translate into its mobile app.

A lot of food apps are more efficiency than pleasure, and since Playa Bowls is not something someone would get every day, I wanted to make the app more of a unique experience.

Here's why I thought Playa Bowls would be a cool app to redesign from the ground up:

• Their app does not work too well; there are a lot of time gaps where the screen loads with a generic app builder loading screen.
• When going through the app, I thought of a lot of cute microinteractions that would improve the experience of the app.
• I decided to remake it and add more beach related elements to the app to create a fun and colorful experience!

Task and App Flow

First, I went through the app, taking note of the path users took to get to their end goal of ordering an acai bowl. This is depicted through screenshots, which show the current app UI and highlight microinteractions through 4 main components of microinteractions:

• Triggers
• Rules
• Feedback
• Loops and Modes

App Styles

When thinking about what I should form my i

• Triggers
• Rules
• Feedback
• Loops and Modes

30 Sketches Towards Ideas

Wireframing the App

High-Fidelity UI: Phase 1

Creating an IX Flow

Brainstorming Microinteractions

Interaction Guides

Final App UI