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 the Student Market

The challenge

Introducing bubble tea to Western markets presented challenges, especially with established competitors. I was tasked with repositioning this startup as a vibrant student hangout through comprehensive rebranding, product development, and strategic marketing.

Branding

Product Strategy

Marcoms

A Brand and Product Overhaul

A Bold Identity to Attract Students

The brand was designed to stand out from traditional bubble tea shops, appealing to a younger Western audience with a playful, high-energy identity.

A mix of primary and secondary display fonts created a dynamic, youthful look.

A high-contrast color palette reinforced the brand’s fun and friendly personality.

Expanding the Menu & Market

The first milkshakes were an instant hit, driving huge demand.

Staff embraced the brand identity as Bobaristas, adding personality to the experience.

Macarons and sweet treats were introduced, expanding the product range.

Doubling down on unique dessert-inspired milkshakes proved a winning strategy.

After developing 50+ new recipes, cheesecake milkshakes became the #1 bestseller.

A Student-Friendly Social Hub

Bubble Boba wasn’t just about drinks—it became a hangout spot for students, offering:
Board games & retro video games
Sponsored gaming events
Late-night openings to match student lifestyles

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

Seasonal Branding & Engagement

The logo evolved with the seasons, marking the launch of seasonal menus throughout the year.

Bringing People Together with In-Store Events

Bubble tea workshops became a huge hit, allowing groups to create custom drinks—a fun, interactive experience that built brand loyalty.

Next case