DOWNWARD DOG

Mobile Application

Team

Xenia Capcan
Vivian Cho

Tools

Figma
After Effects
Illustrator

Timeline

7 Weeks
‍

Instructor

Chad Hall

Overview

Downward Dog is a mobile application designed to help yoga practitioners visually log their yoga journey. It also encourages users to reflect on their progress and feelings in order to add more motivation and intention in their yoga routine. This project was my first time designing and prototyping a mobile app in full.

work distribution

I primarily worked on the base for the onboarding flow and previous entries flow. Later, the whole group worked on all of the flows for consistency. I also focused on prototyping and motion within Figma in order to create the final product. We worked on visual style as a whole team, and had a lot of fun iterating until we landed on our final style.

ONBOARDING

A guided onboarding process takes the user through what the goals of the app are and how it works. We used a dog companion as a character mascot and a guide for the application processes.

Main flow

The main button on the dashboard highlights the main action we want users to take. This is the main use for our app: Keeping track of their yoga journey. The bright colors allows the user to visually see what focus they want to target when practicing.

PREVIOUS ENTRIES

After you create an entry, the user can go back and see all of their previous entries with fun insights that help them keep track of their progress.

AWARDS

When the user makes entries, they can earn "pup badges". This is the award system we created for the app. They can view the awards earned and how they are progressing on new goals, encouraging them to keep on recording and practicing yoga.

PROFILE

The profile section allows the user to see all of their data in one place. This serves as the main summary page for their journey. They can also personalize it by selecting one of their "pup badges" as their icon.

APPLE WATCH

As a bonus, we also created a companion Apple Watch flow. This feature only has two functions: a timer and the ability to see some quick stats, allowing the user to log their activities faster and easier.

To view full working prototype click here.

FInal Deliverable

This is the final presentation deck we submitted for this project. It included walkthroughs of our prototype, and a little behind-the-scenes look at our process. This was my first time spending so long designing a mobile interface, and I'm very proud of the skills I gained as a result of this project.

To view full slide deck with video integrationclick here.