Re-inventing Clickon Studio’s brand and website

Clickon Studios

text underlined

Heading

The site focuses
video content and
technology
Heading

Redesigning the look and feel of a company with interconnecting sub-brands can be tricky. Stakeholders can be protective over their piece of the  pie and, many chefs can sometimes change the direction of a project. By focusing on the core brand and how the Clickon collective family would connect and look like helped to build trust and direction for their core website design.

Designing the website to show off the capabilities of both creativity and videography technology works hand-in-hand with simple motion and footage autoplays.

What’s a Rich Text element?

This is a subheading and where it goes in the document flow

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content. The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content. The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content. The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content. The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

This is an h2 heading inside rich text

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

Bubble Boba

Rebranding bubble tea for a student market

The challenge

Bubble tea was a relatively knew concept to the west, and with established bubble tea competitors popping up created a problem for a new bubble tea startup.

I was tasked with helping this small startup re-establish itself as a fun place to hang-out for students through rebranding and refocusing their product offering, designing new recipes and changing their marketing and pricing strategy.

Branding

Product Strategy

Marcoms

A brand and product offering overhaul

A vibrant new brand identity to attract new students

The identity system was designed to stand out from the majority of bubble tea brands and appeal to a younger western demographic.

The brand made use of a variety of typefaces.

Using a primary and secondary display typeface.

A simple colour palette with high contrast emphasised a fun and friendly tone.

Re-establishing the corporate identity of a global brand

I was initially tasked with creating a consistent identity via digital templates for social content, starting with LinkedIn case study carousels.

The first milk shakes launched flew off the shelves, creating a new demand.

Staff were classed as Bobaristas.

Macarons and other sweet treats were added to the menu soon after.

Doubling down into unique milkshake deserts paid off.

After developing over 50 new recipes, cheesecake milkshakes became #1

A strong focus on fun and games

At it’s core, Bubble Boba focused on bringing fun times for groups to hang out. By providing board games and retro video games - as well as sponsoring gaming events.

Later opening times were established to fit in with student lifestyles.

Seasonal menu and seasonal logo

The logomark used on social channels needed to adapt to the different seasons to help with defining when seasonal menus began and ended throughout the year.

In-store events

With the rise in popularity amongst students, bubble tea workshops became a new activity that groups could participate in and create their very own custom Bubble Boba.

Next case