profile

Carolyn Ho 👋

A Web Designer 🖥️ having 4 years of Experiences. Focused on executing intuitive designs with precision to detail.

lcbo-1

Type:

Mobile App resulted from my capstone project at LCBO|next

Skills:

UX Research / UI Design / Interaction Design / Project Management

www.lcbo.com

Project Brief

The COVID/POST COVID environment has brought tectonic changes in the way we socialize. Given social distancing and new conduits of interaction we now face the question of how to share and enjoy beverages in a post-COVID world.

Vision: Share product knowledge and support responsible enjoyment of products from a creative marketing approach drive customer engagement using experiential, personalizaed methods emphasize and design for the spirit of social interaction and inclusiveness that is currently being hindered in the COVID environment We also sought to produce a product that aligns with LCBO’s corporate vision:

“To deliver remarkable experiences as the trusted destination for the world’s wines, beers and spirits.”

RESEARCH

Our project has taken place in a groundbreaking time, and because of this, thorough research was even more essential. We completed a lot of secondary research covering beverage alcohol market analysis, pandemics & isolation, existing food & drink applications and more.

Secondary Research

  • Increased sales Sales of all alcohols have increased during this time (no surprise). Most notably there were increased sales in large format alcohol, “multi-packs, bag-in-box wine, and bottles over 750 mL”.
  • Virtual bars and happy hours Platforms such as zoom, houseparty, and google hangouts are hosting virtual happy hours after work. For example the Newyork state brewers association launched a virtual happy hour that will take place on different brewery’s Facebook pages everyday, focusing on a particular topic or game.
  • Leverage technology Young consumers need a platform or product experience to help them create instagrammable moments. Encouraging creativity at home. Luckily, we were also able to connect with Henry Cowie of Bartesian - a local startup that produces a one of a kind “Keurig for Cocktails”. He had a wealth of market knowledge from years of working in the beverage alcohol industry. And he gave us insights about upcoming trends with Millennial and Gen Z consumers, including beverage consumption preferences and behaviours.

Bartender's Input

  • Consumers had a lot of word of mouth spreading the brand.
  • Ready to drink mixes and cocktails were increasing in sales just before the lockdown.
  • Vast majority of cocktailes made at home are deconstructed cocktails. (Easy for consumers to understand the character of each ingredient and how it influences the cocktail)
  • Cocktails are not viable for party drinking - not going to get used or you’re going to be busy. We then deployed a survey that helped us fill in gaps in our knowledge about consumers attitudes and behaviours before COVID, and how things have changed since the pandemic began. This data confirmed our assumptions about drinking behaviours, and highlighted a lot of pain points around social interactions during the pandemic.
lcbo-research

Survey Insights

We received 81 responses from outreach done in our personal circles, personal posts on social media, and survey swap groups on Facebook.

  • Climate Potentially unstable income and higher levels of stress.
  • Target Users Ontarians age 19 - 35 who consume alcoholic beverages and have digital solutions permeating daily lives & routines.
  • Motivations More drinks for dinner and stocking up. Less party drinks, more relaxing and casual drinks.
  • Behaviours Purchasing more online, and less often overall.

PROPOSALS & USER FLOW

Product Proposals

At the end of our initial ideation stage, we found the common goals of the users are

  • it’s more fun sharing a drink with friends or family
  • wide selection of products .. while the common frustrations are
  • it can be overwhelming to decide on a a product
  • virtual socializing can’t replace the real thing
lcbo-research
  1. Redesign & Revamp
    • create a more comprehensive and efficient browsing experience
    • mobile platform that feels more intuitive, personalized an engaging
  2. Match, Mix & Meet
    • help facilitate desired social interactions
    • increase user-engagement around product knowledge and empower users
  3. Playful Products & Practice
    • address lack of positive stimulation and desire to safely try new things
    • gamify product information and application (i.e. following recipes and practicing mixology skills)

Value Proposition

  • Become the resident bartender for your social circle.
  • Effortlessly track, discover, and share your beverages with friends in a fun way.
  • Always know what you have in your home-bar collection and how to make the most of it.

User Flow

We had three ideas that played to the needs and pain points. And then we jumped into creating wireframes and a flow that included all of these functions.

lcbo-3

Key Features

  1. Better Product Inforamtion & Access
    include more relevant and helpful information on product pages
  2. Beverage Discovery & Mixing
    explore mixology and recipes
  3. Easy Party Planning & Sharing of Beverages
    socialize over beverages digitally with social interactions in an app, and helpful planning tolls for meeting in person

DESIGN CHALLENGES

I approach design by proposing design questions at different points along the user flow. In this case, I’ll give three examples and how I iterated the designs.

Design question 1: How to create a homepage of great user onboarding?

Version 1 This first design style was intended to immerse users in the idea of having their very own ‘home bar’ with displayed on a shelf accompanied by some snazzy furniture.

lcbo-v1

One of the users said he liked these warm and unique visuals, reminding him of classic pub. However, in the testing, some users can not recognize the buttons to click and it took more time for them to clearly know the information structure, which made them feel lose control.

Version 2 So, the design team decided to pivot to a more conventional design. Not only to meet the better usability for users, but also to cut down on the workload of the team’s graphic design as well as iterative process.

lcbo-v2

Pivot was the right choice. The stakeholders liked this flat and neat design. In terms of content, they wanted a more creative homepage which introduces and emphasizes our distinctive feature, instead of an intended selling page with the featured products.

Version 3 This version included more navigation such as the auxiliary navigation bar and featured collection in terms of occasions for users to quickly onboarding.

lcbo-v3

Both users and stakeholder loved this version. One of the stakeholder said it was easier to find and explore our unique feature. From the test of 6 participants, we got mean of usability score 7.3/10, and mean of visual appeal rating 8.8/10.

Design question 2: How to improve effectiveness of browsing?

Version 1 Scroll vertically to see the four catergories of alcohol beverages. Scroll horizontally to see all the beverages of each catergory. Click “see all” to get a list view. List filtering by tag.

lcbo-d2v1

Most of the testing users could not tell good or bad of this version. The design team found scrolling vertically and horizontally not consistent. The information hierarchy is good but the page looks just nothing special or unique.

Version 2 Include a browse button on the bottom navigation bar. Categorize the alcoholic beverage into four image cards. Add a banner and show the category inside.

lcbo-d2v2

Both the design team and users liked this version. But the team found a single line of tags can not fulfill so many categories and subcategories of alcoholic beverages. One of the teammate was reminding that we need to include food pairing at the search bar.

Version 3 Scroll left and right to see the drink categories and food pairing categories. Include filter icons to visualize the subcategories. Detailed filters overlay.

lcbo-d2v3

In the usability test, the average time for browsing task reduced. No confusions or usability issues were brought up. Both users and stakeholders were satisfied with this version.

Design question 3: How to motivate users to mix and share?

Version 1Click the button “Mixology” to directly get into the mixing process. The users can select the glass, mix material and decoration to DIY their cocktail.

lcbo-d3v1

This version is simple and clean. But most user found it confused without word description. One of the users said he preferred some visuals or words to tell what to do next and what mixology is for.

Version 2Add a mixology homepage “My Bar"to show the recipes and cocktails feed. The “My Bar” replaces the “Mixology” in the bottom navigation bar. Add an eye-catching “Mix Now!” button at the conspicuous location to start mixology. Give users two choices to make their own cocktail recipes or watch the animation showing the cocktail made by other users.

lcbo-d3v2

This version included both gamification and education. Most users said this version was much better than the previous one. The design team still found it can be improved in terms of intuitiveness. However, due to the time constraints, we decided to come to a design freeze.

SOLUTION DEMO

REFLECTIONS

Next Steps

  • Improve and integrate the mixology feature.
  • Design for multi-platform, like iPad, etc.
  • Look for deeper digital lifestyle integration in Post-Covid world.

Take-aways

  • Stand up for my own view. I learned how to understand and respect teammates and their opinions, but not being shy about saying that I will be firm in standing up for my own views as well. And appreciate the need for cooperation and compromise in the interests of the overall project.
  • Keep testing, learning and iterating. I iterated the project even after the capstone was finished. By collecting feedback and learning new skills, I found the product would never be “perfect”.
  • Balance between ideal and reality. Designed in a way that serves our learning goals and portfolio desires but also pursued valuable outcomes for users and all stakeholders.
banner-shape-1
banner-shape-1
object-3d-1
object-3d-2