Context
Making coding education easier to enter
freeCodeCamp is an online learning platform that offers free self-paced coding courses, helping learners improve technical skills and earn certifications that can lead to career opportunities.
The redesign focused on learners entering tech, current professionals upgrading skills, and students or hobbyists supplementing formal education.
Strategy
Clearer navigation, stronger motivation
The solution increased engagement by making course material more interactive and visually appealing, improving navigation, and making resource access more intuitive.
The redesign also considered accessibility, completion rates, mobile learning, responsiveness, and the ability to support new certifications and courses over time.
Brand
Practical, accessible, empowering
Brand messaging centered on learning to code for free, unlocking potential through practical hands-on learning, and helping beginners transform into tech professionals.
The visual system explored typography, buttons, links, color palette, wireframes, style guide, mockups, and an interactive prototype.
Outcome
A first website makeover with lasting lessons
This project strengthened my ability to integrate multiple colors into a website while maintaining consistency throughout.
It reinforced that the first design is never perfect and that continuous improvement, user-centered evaluation, and resisting decorative features without purpose are essential.
Artifacts
Design evidence
Let's work together.
Have a product idea, portfolio question, or UX challenge? I'd love to hear about it.
Email Areej