Yoga International Logo

I worked at Yoga International for over four years as a UI/UX designer. I worked with the product and web development teams. As the sole web designer, my role at Yoga International was to enhance the user experience and create wireframes, user flows, mockups, final designs and prototypes for the website and mobile app.

Key Responsibilities:

  • User Interface Design

  • User Experience Design

  • Design System Development

  • Product/Feature Development

  • A/B Testing

  • Feature Testing

Woman Practicing Yoga

Design System

I created the Yoga International design system for the product and web development teams.

Colors

Colors

Typography

Typography

Content Cards

Cards

Buttons and Selectors

Buttons

Inputs and Display

Inputs

Navigation

Navigation

Homepage Redesign

Yoga International needed to update the logged out homepage of their website to a more modern UI and to successfully increase conversions.

  • Improved the hero section with word marquee.

  • Improved the membership plans grid.

  • Improved the imagery and feature highlights.

  • Improved the membership content benefits.

Homepage Large
Homepage Medium
Homepage Small

Content Page Redesign

Yoga International has many content types within the product. It was important for this content to be easily accessible to it’s members and optimized for mobile.

  • Intuitive and updated UI.

  • Optimized for mobile and all responsive screen sizes.

Class Page

Meditation Page

Article Page

Pranayama Page

App Store Screenshots

Search Filters

There are many search pages on Yoga International for users to explore and find content. We needed to improve the search functionality by updating the UI to be more intuitive. Plus provide the users with consolidated results to prevent information overload by adjusting tags.

  • Intuitive and updated UI.

  • Dynamic filter options based on tags.

  • Optimized for mobile and all responsive screen sizes.

  • Improved search results.

Search Filters Screenshot
Search Filters Screenshot
Search Filters Screenshot
Search Filters Screenshot
Search Filters Screenshot
Search Filters Screenshot

In App Purchases

In app purchases needed to be implemented into the Yoga International mobile app. I developed the user flow for the new feature and created mockups for the UI/UX. Users needed the ability to select a subscription for the annual or monthly tiers upon creating their account. Users also needed access to other scenarios like delete account, app anonymization and control over membership details.

  • Improved user flow

  • App subscription details and selection.

  • Account management.

In App Purchase Screenshot
In App Purchase Screenshot
In App Purchase Screenshot
In App Purchase Screenshot

Move Together Live

During the pandemic Yoga International wanted a way to provide their members with a platform to stay connected and to continue practicing together. Move Together Live was a way for members to do just that. We designed this feature to let users signup and register for Yoga International live practices via ZOOM. Users could view a calendar of upcoming practices, register and add the practice to their native calendar.

  • Weekly live practice calendar.

  • Practice scheduling and registration.

  • Live practices via ZOOM.

MTL Cards
MTL Screenshot
MTL Screenshot
MTL Screenshot

Other Work

  • ChannelApe Logo

    ChannelApe

    UI/UX Designer & Developer 2018-2019

    ChannelApe is an inventory operations platform where all things ecommerce and retail can be managed.

  • Otreva Logo

    Otreva

    UI/UX Designer & Developer 2014-2018

    Otreva is a web development agency that specialized in digital strategy and creating great user experiences for websites and mobile apps.