The Yoga Bar On Demand

UI Design // UX + UI


Project Overview

Role: UI Designer

This is a UI Design I made for The Yoga Bar, a yoga and fitness studio in White Rock, BC. As the UI Designer for Frame One Software, I was tasked with making a set of designs for an online application where users could have access to on demand videos. The client requested that we follow the existing branding style that was used for their website, which was a minimalist greyscale aesthetic.

About The Yoga Bar

The Yoga Bar is a beloved fixture of the Vancouver fitness scene, and offers a variety of services such as yoga, pilates, spin, aerial yoga, body barre, and more. However due to circumstances surrounding Covid-19 and health orders from the province, the solution to providing classes to its clients was to develop an online platform. This will allow users to stream classes at their own leisure, whenever they want.

The Yoga Bar Website

Design Guidelines

  • Greyscale – the entire app was designed using 4 colors only.
  • Minimalist, zen feel.
  • Elegant and clean user interface.
  • Primarily female demographic.

Product Mockups

After creating a UI components style guide, I used the various components to make the app in Adobe XD. The client and I met to discuss the designs regularly, and it was her idea to also use black and white images instead of colored images to avoid clashing colors, hence the slight difference from the style guide. iPad and phone layouts were both designed for this project.

Project Complete!