Coursera Rebrand: Visual Identity
Bringing a global brand home
Concept development
Art Direction
The short version
Coursera's 10th year called for a brand that could win over enterprise customers without losing its warmth.
An agency set the brand strategy and explored 10 visual directions, but we didn't move forward with them, so the identity came in-house, with no creative director on the project. I set the direction for color, typography, imagery, and illustration, and partnered with product so the brand lived in the UI, not just in marketing.
The new identity launched at the end of 2020, bringing product and marketing together under one brand for 77M+ learners.
The challenge
A brand that no longer fit the business
As Coursera approached its 10th year, the brand no longer reflected where the business was heading.
Two audiences
We needed a more serious look for enterprise while staying approachable for individual learners.
Slow tools
Our tools were eating up time, with no shared system for color, imagery, or illustration.
Two companies
Marketing and product were siloed, so the brand felt like two different companies.
To brief our branding agency, our brand manager and I mapped out where our old system was breaking down, and everything the new brand would have to work for: every business line, product, and marketing channel. As the designer who'd lived with the old system the longest, I knew exactly where it hurt. We'd gone through three versions of the palette and the brand shapes, and each one added options without making choices easier. The shapes felt like confetti, the icons needed too much precision to produce, and our photos were a mix of partner, stock, and learner images in every style.
The biggest lesson: the old system was all tools and no rules. A few clear rules would make our production designers more confident and cut down on rounds of edits.
Where we started before the rebrand
We set out to create an identity that was distinctive, true to our personality, built to last, and practical enough for every team to use.
Bringing it home
Learning from 10 concepts we didn't use
My design partner and I were tasked with bringing the identity to life, in-house.
Those 10 concepts gave us a lot to learn from. The new brand needed to feel premium and accessible at the same time, and above all, human. That meant richer, more vibrant color, cleaner and more modern type, imagery grounded in real people and real confidence, and illustration that was simple and organic without feeling childish.
The strategy
Four attributes behind every decision
Every design decision maps back to four brand attributes.
Trusted
A premium destination people can count on.
Magnetic
Drawing people in and amplifying their potential.
Uplifting
Supporting learners on their path to progress.
Inventive
Committed to opening up access to education.
Exploration
Two designers, one direction
My design partner and I each presented two rounds of concepts, pressure-testing ideas against real touchpoints and practical constraints.
Then we combined the strongest parts of each into one direction the whole team was aligned on and excited about.
From there, we split the work by who had driven each area during concepting. I took color, type, imagery, and illustration, and later brand architecture and co-branding. My partner took the wordmark, symbol, and compositions.
Two rounds of concepts, combined into one direction
Color
A sunrise palette, ownable in EdTech
The palette draws from the natural world to feel calm, uplifting, and dynamic.
Together, our primary colors (white, blue, purple, orange, and yellow) form a sunrise, a nod to the brighter futures learners are building for themselves. Cool tones carry the Trusted attribute, and warm accents bring the Uplifting and Inventive ones.
I audited competitors' colors to make sure ours were ownable in EdTech and signaled that Coursera is both the premium and the accessible choice.
Color library
One library, from button states to dark mode
I partnered with the product team to extend the palette for things like button states, badges, and dark mode. We wrote usage guidelines that showed designers when to use each color and which shades passed WCAG accessibility standards. The result was one color library that made the work faster, more consistent, and easier to scale.
Typography
A free typeface that speaks 582 languages
Type is the visual voice of a brand, so ours needed to feel warm, conversational, informed, and confident. It also had to solve real-world problems.
Language support
We translate content into dozens of languages, so the type family had to cover all of them.
Page weight
Heavy font files create a barrier for learners in countries where data is expensive.
Cost
Licensing fonts for Coursera's traffic would be a major ongoing expense.
I chose Source Sans Pro. It's modern and unfussy, round enough to feel friendly without being childish, and highly readable. It supports 582 languages, so Coursera looks like Coursera in any alphabet. It's also open source and free for commercial use, which meant significant yearly savings, and it's available in Google Workspace, so even internal documents could stay on brand.
Accessibility
Color pairings that pass WCAG
With the product team, I set background and text color pairings that met WCAG standards, so the web experience stayed accessible to people with disabilities.
Imagery
The learner is the hero
Learners are at the center of everything Coursera does. Our photography direction makes the learner the hero, shows the impact of learning, and authentically represents a global community.
Image library
Four families that tell the whole story
I defined the imagery families we needed to tell the full brand story:
Product features
The product in context, so learners know what to expect.
Patterns & details
The wide range of subjects on Coursera.
Learning & working
The real experience of taking a course and applying it.
Portraits & outcomes
The benefits of learning, from confidence in interviews to more time with family.
Building the library around these families cut down the time the team spent searching for and reviewing images.
Image guidelines
Real life over polish
I wrote the photography guidelines our designers, agencies, and partners used: real life over polish, inclusive and respectful representation, honest emotion, and natural styling.
Illustration
Illustration that does the heavy lifting
Most learners never get one-on-one time with an instructor, so illustration does a lot of heavy lifting to make the brand feel human, especially in emotional moments, like encouraging someone to keep going after a bad grade.
DIRECTION
Five mediums, three scales, one style
I explored tactile illustration styles across five mediums (pen, marker, paint, pencil, and vector) and tested each at three scales: marketing icons, narrative icons, and spot illustrations. The team loved the sophistication of the vector style and the delight of the marker style, so I combined the best of both into a look that's uniquely Coursera's.
Reference styles by other artists.
SYSTEM
From UI icon to spot illustration
I built on the product team's new UI icons so everything would feel related. I kept their line style and layered in color, fills, and organic forms. As illustrations move from functional to expressive, they get looser, more imaginative, and more human, which lets them carry the brand's most emotional stories.
The result
Premium and welcoming at once
It positions Coursera as a premium destination where everyone is welcome, and it feels warm, confident, and aspirational at every touchpoint.
Confetti shapes and three palette versions
→
One distinctive identity, built to last
All tools, no rules
→
A color library that made the team faster
Costly, heavy fonts
→
A free typeface for 582 languages
Photos in every style
→
One photography direction
Product and marketing as two companies
→
One brand for 77M+ learners
What I had to work with
A strategy without a visual direction
The agency set the strategy, but none of their visual concepts moved forward, and there was no creative director, so my design partner and I had to lead the identity ourselves.
Real-world constraints on every choice
The brand had to work in dozens of languages, load quickly for learners where data is expensive, and avoid font licensing costs that would add up fast at Coursera’s scale.
Two audiences at once
Enterprise buyers needed to see a serious, premium brand. Individual learners needed it to feel warm and approachable. Every decision had to hold both.
What I learned
Constraints make better design
The type choice is my favorite example. Language support, page weight, and cost pointed to a solution that was better for learners and for the business.
Someone has to own the direction
With the agency’s concepts set aside and no creative director, my design partner and I set the direction ourselves. Making the calls, and defending them, was the job.
