Hero image Molson Gold Beer
Country

Canada

Project Type

UI Design Case Study

My Role

UX Research, UI Design

Tools

Adobe Illustrator, Photoshop, Adobe XD

Molson Gold Ecommerce

How to create a beer brand from two well-known brands, Molson Brewery and Gold Bond Body Powder?

Overview


Molson Gold is a beer brand and Web Design Project created for the Interact Media Design program at Fanshawe College.



Molson Gold is an ecommerce website of the first beer that refreshes, hydrates the body and takes care of your foot. Perfect for those who practice sports but don't give up beer. Created with Molson beer's flavours and the healing properties of Gold Bond, Molson Gold will leave you feeling healthy and itchy-free.


Prototype

Goals



1. Create a logo and visual identity combining visual references of the two brands.


2. Make up a story about why a brewery and a foot powder brand created a unique beer brand.


3. Produce a responsive web design and style guide for the two prototypes.


4. Introduce the new brand to sportspeople and athletes.


5. Make ecommerce web pages to sell the beers.


Design Process:

Discovery Phase

Desk Research



Molson Brewery

The Molson Brewery is a Canadian brewery and beer company based in Montreal, formed in 1786 by the Molson family. In 2005, Molson merged with the Adolph Coors Company to become Molson Coors.


Molson Brewery

Gold Bond Medicated Powder

Introduced in 1908 to local customers, Gold Bond is a brand of over-the-counter skin care products produced by Chattem of Chattanooga, Tennessee. Now the brand is a subsidiary of the French pharmaceutical company Sanofi. It is available as both a powder and a topical cream. Gold Bond is used to curbing moisture, control odour, and soothe minor skin irritations, notably jock itch.


Gold Bond

Competitive Analysis


Using the proto-personas technique, we created the profile of our users, which were validated and modified after quantitative and qualitative research. We utilized the Pixar Storytelling method to exemplify how such personas behave and to create empathy with the personas.

Beer Brand Analysis

Foot powder Research

Sports advertising

Define Phase

Requirements


This website was a college project, and it had some requirements:


1.Minimum of 6 web pages: Home, About, Products and Promotions, Advertisements, Contact and Purchase, Our Team


2.Two videos on the advertisement page


3.Product details on the beer page


Ideation Phase

1. Site Map


2. Sketches


The first step in creating the wireframes was the sketches. In this initial phase, I draw thinking about all the project requirements. The second step was to make the user flow according to the tasks, and then design the Low-fidelity wireframes in Adobe XD. Some components I created to ensure the success of the three assignments.


3. User flow


Design Phase

1. Low-fidelity wireframes


2. Logo and Style Guide


The Logo combines the names Molson and Gold from Gold Bond. The typography is from each brand. The circle and the triangles have the Gold Bond emblem as a reference. Healing from top to toe expression emphasized the healing properties of the beer not just for the foot but how our product does not dehydrate the body like other beers.


The typography chosen for the website is the same used on the Molson Brewery website. All colours have Gold Bond as a reference, the red and gold of the stamp and the blue from MAXIMUM STRENGTH FOOT POWDER's bottle.



3. Final Design