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

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

Type:
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.”
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.

We received 81 responses from outreach done in our personal circles, personal posts on social media, and survey swap groups on Facebook.
At the end of our initial ideation stage, we found the common goals of the users are

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.

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.
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.

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.

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.

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.
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.

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.

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.

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.
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.

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.

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.



