Collective Arts Brewing

Exploring a world of creativity with inspired craft beverages
Collective Arts
Year: 2021
Role: UX/UI Design

The Project

Collective Arts is a Canadian craft brewery business that connects art from talented artists from around the world. The goal of this project was to develop an online user friendly consumer environment where you could learn more about the artists and purchase products. We delivered a website and an online platform that launched in time for
a big industry event – creating a great opportunity for Collective Arts to grow as a business.

The Challenge

Hard Deadline: With an industry event fast approaching, Collective Arts didn’t want to miss a key opportunity to present their product to potential new clients and consumers. This shaped which features to include in the first phase of the project. Being lean was key.

Getting the Flow Right: The client had an idea of how to solve the problem, but we took the time to dig even deeper first. We focused on mapping out the experience and identifying customer pain points and goals.

The Process

As one of the designers, I was responsible for conducting research, producing sketches, wireframes, mockups and a prototype, and undertaking usability testing. I worked directly with the client on iterating the user flows, which were a vital component of this project. I also interfaced with our developers to plan and carry out acceptance testing of the platform before its launch.

Tools: Figma, XD, Zeplin

Competitive Analysis

The competitive analysis gave us an insight into what features other breweries offer, and how they approach the user journey. We focused on the full process from insights to the purchases.

User Flows

Together with the client, we spent a good proportion of the time iterating over the user flow in detail. It’s super important to build a strong foundation before even thinking about the layout. We would go on to use the final flow diagram throughout the whole project to aid conversation, support the developers and act as a springboard to
quickly produce the final wireframes.

Wire Framing

Our robust user flow diagram allowed us to move quickly to build up the page templates. We could create a wireframe and share the layout ideas with the creative director. After review, we were able to develop multiple pages on the career section, artist and music sections of the website.

Final Designs

We were able to create multiple page layouts for the new website in time for the launch.
The full version is available below.

Digital Advertisements

Multiple advertisements were created for various campaigns. There was a wide range starting with social media platforms to postcards, website details, release asset components, etc. I have showcased a couple below.

Social Media Platforms

Promotion

These campaigns were to advertise different events happening around the GTA. The goal was to target a larger audience.

Communication

More Campaign

The More. Campaign is a charitable initiative created by Collective Arts designed to support the community and inspire creativity.