SuperHi – André Cândido

Year

2020-2021

client

SuperHi

Role

Art Director + Designer

Services

Art Direction
Scalable Brand System
Landing Page Design
Graphic Design
Illustration

SuperHi is an online learning platform providing high-quality, accessible and on-demand education to creative people. Founded by Rik Lomas in 2016, they started out as a code school, but have grown to offer courses in code, design and project management, as well as tools and a thriving community that helps people worldwide expand their skills.

With a passionate community of coders, designers, makers, and learners, SuperHi needed a brand refresh and a revamped website to better represent their growing offering while solidifying their position within the competitive edtech space.

As SuperHi’s only designer (in a team of 8 people), I led the brand refresh, art directing the visual direction of the marketing site, creating 25+ course hero images, and designing lead generation guides—all built into a new visual and brand system.

Brand Audit

The team began by conducting in-depth research to understand SuperHi’s brand values, target audience, and competitive landscape. I’ve led the brand audit that served as the foundation for our strategic approach, allowing us to identify key opportunities to enhance the brand’s visual identity and messaging.

Process

Following the brand audit, I facilitated a workshop to collectively define objectives and strategies for the brand refresh. Additionally, we conducted interviews with students to gather insights and feedback on their experiences with the platform.

A design system for the course imagery

→

All courses have two characteristics
in common: they belong to a discipline and have a level of difficulty. In the system, the discipline each course teaches is represented by the type of grid in the background and by the decorative elements in the foreground. The course difficulty is emphasized by the density of the background grid and by the number of shapes in the middle ground and their scale.

Whenever possible, there are little nods to the contents inside the course, hidden within the images. Here, the Creative Coding image references the position and transformative movement of the elements in one of the projects.

Easter egg

←

A project from the Creative Coding course, a close collaboration of SuperHi with Guy Moorhouse.

We wanted to create a fresh angle that would feel new to customers while retaining brand recognition. André worked closely with the team and existing customers to create a unique and engaging new brand that spanned all aspects of our business, from social media to product.

Rik Lomas

CEO and Founder of SuperHi

The Website

The new layered system that was created for the course images was expanded to encompass other touchpoints of the brand. It was important for the hero section of the website to feel different enough from the course images, while maintaining
a consistent identity and feel.
The result is bold, celebratory and builds into the visual direction.

Ratio Mastery

→

Previous course images lacked adaptability across the various aspect ratios necessary for the website and other materials, as shown above by the vertical illustration producing white margins on each side of the course card. The new course images look great when cropped on any side and adapt to required formats effortlessly.

Social Media

SuperHi’s new brand identity made a striking impact, capturing the attention of both existing followers and potential new students. Our link in bio clicks increased by 784% in 6 months, with a CTR of 97.0%!

Schematic blue

←

Course images were repurposed across various surfaces: Above, the Intro to UI syllabus mirrors the image’s background grid and color. Below, in a behind-the-scenes interview with the course creator, the image adopts a schematic, blueprint-inspired direction.

Welcome Pack

The exterior of the Welcome Pack box, with its gradient hues and subtle grain texture, embodies the essence of the SuperHi community’s diversity and inclusivity. The accompanying insert card extends a heartfelt welcome, setting the tone for an enriching journey ahead. Also inside, students will find a curated assortment of essentials, like sticky notes and washy tape, and fun items, such as an enamel pin.

First Steps Guides

The First Steps guides are a lead generation and sales funnel content project. Their intent is to introduce people to SuperHi and their three main skill pillars, in a way that’s approachable, real, fun and practical, with a lens on helping people make and use these skills, no matter what role or career path they have or wish to have. This pdf series is derived from key articles from the SuperHi blog.

12.3k

Downloads in the first three years across all guides

André displayed great attention to detail throughout the entire process, and was able to effectively align the content with our new SuperHi brand and marketing site, which he also creative directed. He’s an incisive and talented designer with not only an eye for detail and the skill to take any brief and make something with it, but the ability to think from the big picture and approach projects contextually and within fast-paced startup environments.

Ana Wang

Former Head of Content at SuperHi

Credits

↓

COURSE ARTWORK

Art Direction + Design
André Cândido

Marketing Website

Art Direction + Branding
André Cândido
Product Design
James Shedden
Development
Chris Lawrence

First Steps to Learning Guides

Author
Ana Wang
Art direction + Design
André Cândido

Social Media

Art direction + Design
André Cândido
Additional Design
Panna Nyeste

Welcome pack

Art direction
André Cândido
Design
Lauren O’Neill

For complete versions of the case studies, please request my capabilities deck.

Shaping the look of online education

Brand Audit

Process

Presentation

We wanted to create a fresh angle that would feel new to customers while retaining brand recognition. André worked closely with the team and existing customers to create a unique and engaging new brand that spanned all aspects of our business, from social media to product.

The Website

Love letters from the community

Social Media

Welcome Pack

First Steps Guides

Ready to take your brand to the next level?

Let's Work Together

→