CodeWithChris.com Redesign

Bringing clarity and simplicity to the website of YouTube’s largest iOS development education channel.

ROLE •

WEBSITE DESIGNER & STRATEGIST

CONTRIBUTION •

STRATEGY, DESIGN, WRITING

TIMELINE •

4 WEEKS

TEAM CREDITS

CHRIS CHING (DIRECTION)

NIKKI BELEN (DEVELOPMENT)

BACKGROUND

BACKGROUND

BACKGROUND

Everyone's iOS development teacher.

This project aimed to do a complete transformation of the CodeWithChris website to solidify the brand's position as the leading choice for iOS app development education.

THE VISION

THE VISION

THE VISION

Transform the website into a modern learning platform that embraces a sense of belonging and community.

Prior to the redesign, the website (left) suffered from poor user navigation, site architecture, unclear messaging, and an outdated look devoid of the brand's spirit.

Prior to the redesign, the website (top photo) suffered from poor user navigation, site architecture issues, unclear messaging, and an outdated look devoid of the brand's spirit.

Prior to the redesign, the website (top photo) suffered from poor user navigation, site architecture, unclear messaging, and an outdated look devoid of the brand's spirit.

THE APPROACH

THE APPROACH

THE APPROACH

Identity as the north star

Before everything else, I wanted to establish the brand's identity to focus on what’s necessary for our audience. For this, I asked who we are.

We arrived on the following positioning statements.

The Simplest Way to Learn iOS Development

Our traditional educational systems have kindergarten and elementary. In online iOS Development education, there’s CodeWithChris.

Beginners first

Beginners take center stage in an industry that’s young, intimidating, and ever-evolving.

It’s easy to drown in a crowded sea of online courses. As we doubled down on our newfound identity, we utilized strategic placement of social proof, credentials, and all other features to help us reinforce our messaging.

Show, don't tell

Reinforcing the brand identity with approachable and warm visuals

I used open source assets as the base for visuals like thumbnails, icons, and patterns to eventually shape a cohesive visual identity rooted on being approachable and accessible.

A reassuring experience

Well-rounded support to invoke a sense of confidence

Our personalized 1:1 chat support is a key USP. To boost buyer confidence, we doubled down on this feature by allowing visitors to visualize the experience they’ll get.

I was also tasked with introducing our coaches into the website copy in a way that’s quirky yet subtle.

RESULTS

RESULTS

RESULTS

The following trends reflect changes seen after the redesign, sourced from Google Analytics 4 and Crisp Analytics.

23%

Increase in conversion rate

100%

Reduction in site navigation user feedback

14s

Increase in avg. engagement

time per active user

UP NEXT

CWC+ DASHBOARD

UP NEXT

CWC+ DASHBOARD

UP NEXT

CWC+ DASHBOARD

Let's collaborate
and make something great.

Say Hello

hello@jcyee.com

Email Copied!

© COPYRIGHT 2025. J.C. YEE. ALL RIGHTS RESERVED.

Let's collaborate
and make something great.

Say Hello

hello@jcyee.com

Email Copied!

© COPYRIGHT 2025. J.C. YEE. ALL RIGHTS RESERVED.

Let's collaborate
and make something great.

Say Hello

hello@jcyee.com

Email Copied!

© COPYRIGHT 2025. J.C. YEE. ALL RIGHTS RESERVED.