Custom Course Illustrations for Stanford Online

OBJECTIVE

Stanford Online offers a large catalog of online courses across engineering, computer science, and science disciplines. Previously, the course portfolio relied heavily on stock photography, resulting in visual inconsistency and a lack of distinction from other online learning platforms.

My role was to replace stock imagery with custom course illustrations, following an established visual system, to create a more cohesive, recognizable, and Stanford-specific course catalog.

SERVICES

Graphic Design

Illustration

Website Optimization & Maintenance

The Challenge

The courses spanned highly technical subjects outside my academic background, and with hundreds of thumbnails to produce, I could not spend hours teaching myself each concept. Additionally, instructors were unavailable for deep explanations, and project managers had limited capacity to walk through each topic.

Many topics also lacked existing visual references or relied on technical diagrams. The challenge was to create illustrations that were approachable, visually compelling, and conceptually accurate, while working efficiently and independently.

To accelerate the process, I used ChatGPT to break down complex concepts. This allowed me to quickly identify visual metaphors, maintain accuracy, and move forward without requiring constant stakeholder input.

The Process

I created distinct vector-based visuals for each course while maintaining a consistent system across web, mobile, and marketing placements.

Each illustration was optimized for web, named using consistent conventions, and replaced directly on the Stanford Online website to maintain proper loading, accessibility, and display across platforms.

BEFORE

The Stanford Online Explore Page using stock photography.

AFTER

The Stanford Online Explore Page with custom illustrations.

The Outcome

The updated course catalog features a cohesive set of custom illustrations that are visually consistent, engaging, and exclusive to Stanford Online.

The new system differentiates Stanford’s offerings from competitors, improves visual clarity across hundreds of courses, and establishes a recognizable identity that can scale as the catalog grows.

Previous
Previous

Coastal Sun | Brand Stewardship, Production Design & Guidelines

Next
Next

Lucent | Brand Identity & Packaging