UX/UI | Figma
Alo Yoga Live Shopping Experience
Live shopping has become increasingly popular in the international market. To stay competitive Alo Yoga launched their own in house Live Shopping experience.
Overview
UX goals
Create a landing page where customers can view current & past live shopping videos. They should also be able to make purchases directly from the live show with an experience that is in line with the Alo’s current purchase journey.
UX challenges
At the time of the creation of the live shopping experience + landing page we did not know what content would be featured during any of the live shows or how the US market would respond.
My role
As Designer for my project, I was involved in the entire process, including the overall strategy, user research, website hierarchy and visual designs.
Vendor Integration - Bambuser
The business identified the vendor Bambuser as the provider platform for the live shopping experience. Bambuser provides the end to end set up for live shopping through integration with our backend system. They provide the video streaming platform & dashboard for our team to control everything from pre-production to post production.
My role: As the UX/UI designer it was my job to provide the brand guidelines to ensure that while our customers were in the Bambuser environment it felt like a seamless Alo experience.
Style Guide for Bambuser Integration
Click to enlarge
User flow happy path
Mapping out the happy path was key to managing stakeholder expectations as well as explaining where the Bambuser functionality started and ended.
Click to enlarge
Landing page wireframes
The landing page is made up of three key pieces:
Hero section - Primary CTA Links to featured live show which opens up in a lightbox.
Past Events - Opportunity for our content to be evergreen. All events can be viewed and shopped after they are live.
Email Sign up - Email capture opportunity that allows us gauge interest for future events.
Click to enlarge
Visual Designs + Live page
Blue Skies Launch
We launched the Live Shopping experience with a new color way drop called Blue Skies. This episode set the bar for the potential revenue live shopping could make. The Blue Skies live shopping episode increased sales for this drop by 12% with an AOV (average order value) of $120.
Check out the live page here: https://www.aloyoga.com/pages/live-shopping
*content is subject to change based on the business roadmap