freeCodeCamp
Revamp of responsive UI/UX design
ROLE
UX Research
UX Design
UI Design
TOOLS
Figma
Google Docs
PROCESS
Brand Discovery
Site mapping
Sketching
Wireframing
Hi-Fi Mockups
INTRODUCTION OF THE COMPANY
freeCodeCamp is an online learning platform that offers free self-paced coding courses. It helps learners from around the globe improve their coding skills, enhance their technical abilities, and earn certifications that can lead to career opportunities in the tech industry. The platform provides a structured path to learn various programming languages (such as responsive web design, JavaScript algorithms, and front-end libraries) through interactive projects and exercises.
BRAND DISCOVERY
FreeCodeCamp is an online platform offering free, self-paced coding courses. It helps learners around the globe improve their coding skills, enhance technical abilities, and earn certifications for career opportunities in the tech industry. The platform makes coding accessible to everyone, fostering career advancement and personal growth, and helping learners achieve their dreams.
TARGET AUDIENCE
Primary
60%
Age: 18 - 40
Individuals looking to enter the tech industry, switch careers, or enhance their current coding skills. They might be recent high school/college graduates, mid-career professionals motivated by the desire to secure a stable job in tech.
Secondary
25%
Age: 22 - 40
Current professionals in the tech industry, seeking to upgrade their skills and advance their careers with new technologies and frameworks including software engineers, and IT specialists aiming for career advancement, higher positions, or specialized roles.
Tertiary
15%
Age: 18 - 40
Students and hobbyists who are interested in coding and technology. They might be high school/college students looking to supplement their formal education, or self-taught individuals working on personal projects.
BRAND MESSAGING
Our goal is to make learning reliable and accessible 'Learn to code, for free.'
Our goal is to encourage empowerment through education: 'Unlock your potential in the tech industry with practical, hands-on learning.'
Our goal is to allow people to upskill or to transition their career towards the IT industry: ‘From beginner to tech professional, transform your career with us.’
SOLUTION OVERVIEW
-
Increase user engagement by enhancing interactivity and visual appeal of the course material
-
Improve the user interface to make navigation, and resource access more intuitive
-
Improve accessibility and the overall learning experience for increased completion rates
-
Enhance the mobile learning experience to increase accessibility for users on mobile devices
-
Make the site responsive
-
Ensure the site can dynamically cater new certifications and courses as they're introduced
SKETCHES
WIREFRAMES
STYLE GUIDE
Typography
Buttons & Links
Color Palette
MOCKUPS
LEARNING OUTCOMES
I enjoyed working on this project as it was my first website makeover. I learned how to effectively integrate multiple colors into a website and maintain consistency throughout. This experience also reinforced the idea that the first design is never perfect - continuous improvement and evaluating from different perspectives are essential. Additionally, I learned the importance of designing with the end user in mind, rather than adding features just because they look cool or are commonly found on other websites.
