NamasteDev — Redesigning the Learning Experience
A comprehensive platform redesign focused on clear visual hierarchy, intuitive dashboard, and a learning experience aligned with Akshay Saini's teaching style.
2M+
Students Impacted
NamasteDev serves over 2 million learners worldwide.
35+
Screens Designed
3 Weeks
Design Timeline
5 Users
Tested With
role
Lead UI/UX Designer
platform
Web (Desktop + Mobile)
duration
3 Weeks · 2024
team
1 Designer
company
NamasteDev (EdTech)
About NamasteDev
NamasteDev is an online learning platform founded by Akshay Saini, designed to empower aspiring and professional developers with in-depth, practical coding knowledge. With a strong focus on JavaScript, React, Node.js, system design, and full-stack development, it has impacted over 2 million students globally.
User Problems
"When I landed on the homepage, I wasn't sure what this product actually does. There were too many distractions, and the layout felt messy."
"The color scheme and font sizes made it hard to scan the content. I felt overwhelmed trying to understand what to click next."
"There was no visual hierarchy — it felt like everything was screaming for my attention."
"It felt like the UI was made for a desktop-first experience. On mobile, everything was squished and hard to tap."
"There was no sense of progress or achievement. It was just a long list of lessons without any engagement."
"The dashboard looked cluttered and confusing. I couldn't figure out where I left off."
Solutions
Implemented a structured layout with clear visual hierarchy, enabling users to grasp the product's value proposition instantly.
Redesigned the landing page and dashboard by removing clutter, organizing content into logical sections, and streamlining navigation.
Added progress bars, completion badges, and feedback cues within the dashboard to help users track their learning journey.
Ensured a seamless user experience on mobile, tablet, and desktop by implementing responsive design principles.
Introduced subtle microinteractions and lightweight animations to provide visual feedback and improve engagement.
Designed a modular and adaptable dashboard interface supporting personalized learning paths and relevant content suggestions.
Design Process
Research & Discovery
Analyzed top course platforms like Frontend Masters, Scrimba, and Codecademy to understand their strengths and identify opportunities to differentiate NamasteDev.
User Flow Mapping
Mapped out the complete user journey — from landing on the site, signing up, exploring the course catalog, and navigating lessons.
Wireframes
Structured the layout for clarity and conversion. Key elements like the hero section, testimonials, course previews, and community prompts were positioned for maximum impact.
UI Design
Designed high-fidelity mockups for both desktop and mobile using Figma, following a clean, minimal design language influenced by Akshay Saini's personal brand.
Prototyping & Testing
Built interactive prototypes and conducted testing with 5 real users from the NamasteDev community. Their feedback guided minor tweaks in navigation and readability.
Results
The redesigned NamasteDev platform led to a significantly improved learning experience with clearer course discovery, smoother navigation, and a modular dashboard that supports both first-time learners and advanced users.
"Binil did an incredible job redesigning the NamasteDev platform. The new UI feels clean, intuitive, and aligns perfectly with my teaching style and vision. The learning dashboard is not only visually appealing but also makes it easier for students to navigate and stay engaged. Super happy with the outcome!"
— Akshay Saini — Founder, NamasteDev | Teacher | YouTuber (1.7M+)
Want to go deeper?
I can walk through research artifacts, the Figma file, or the PRD in a live conversation.