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.

Clickon Studios

Reinventing the Clickon Studios brand and website

Clickon logo

The challenge

Redesigning the visual identity and digital presence of a company with interconnected sub-brands requires a cohesive, scalable approach.

Clickon Studios needed a refreshed brand identity and a marketing website that put their creative video expertise front and center.

The goal was to create a stylish, sophisticated brand that set the foundation for the Clickon family of sub-brands.

Branding

Website

UX/UI

Clickon brand guideline pages.

Refining the Brand Identity

Clickon logomark

The Clickon logotype was redesigned for a modern, cohesive identity.

Videographer holding a camera

Striking tones and bold compositions define the new visual storytelling style.

Clickon logo on blue background with hex pattern

A refined wordmark system ensures consistency across the Clickon brand family.

Clickon icon in black frame

A website focused
on creative video content

Blending Creativity & Technology

The website was designed to seamlessly showcase both high-end videography and cutting-edge production technology, using simple motion and autoplaying footage to enhance the experience.

Subtle page button animations

Subtle animations add excitement without disrupting UX.

Animated hover effect.

Striking tones and bold compositions bring the brand to life.

Land Rover Defender Launch

A bold, cinematic aesthetic reinforces Clickon’s storytelling expertise.

Pre-Launch Marketing

Promoting the Rebrand

With the website complete, the next step was creating digital marketing assets to introduce Clickon’s new identity.

Social post - confirmed speaker

A suite of branded templates ensured a consistent and polished launch.

Chart example

Social post example

Image of hand holding a lens.

Social post example

Next case