Designing a community-first dashboard website for an online learning platform
Designing a community-first dashboard website for an online learning platform
Project name
Intelleap
Intelleap
Intelleap
My role
Website dashboard, brand design
Website dashboard, brand design
Website dashboard, brand design
Timeline
Dec 2024 - Feb 2025
Dec 2024 - Feb 2025
Dec 2024 - Feb 2025
Project type
Passion project
Passion project
Passion project
Introduction
Introduction
Intelleap is a professional, community-first online learning platform specializing in UI/UX and product design courses. With certified mentors and official education certification, it provides a structured yet collaborative space for learners to grow, exchange ideas, and support each other.
In this project, I handled everything from research and wireframing to design and prototyping.
Intelleap is a professional, community-first online learning platform specializing in UI/UX and product design courses. With certified mentors and official education certification, it provides a structured yet collaborative space for learners to grow, exchange ideas, and support each other.
In this project, I handled everything from research and wireframing to design and prototyping.
Goals and objectives
Goals and objectives
The goal was to design Intelleap’s dashboard with a user-friendly layout, making navigation easy and intuitive, while enhancing user engagement and course completion rates.
The goal was to design Intelleap’s dashboard with a user-friendly layout, making navigation easy and intuitive, while enhancing user engagement and course completion rates.
User research
User research
To understand the challenges online learners face and what keeps them engaged, I conducted a survey with 12 questions to identify key pain points and needs.
Here are some of the insights from 23 online learners:
To understand the challenges online learners face and what keeps them engaged, I conducted a survey with 12 questions to identify key pain points and needs.
Here are some of the insights from 23 online learners:
At the end of the survey, I included an open-ended question inviting learners to share anything about their online learning experience, expectations, or suggestions for an ideal platform. Open-ended questions help uncover deeper insights into users' thoughts.
Here’s what they had to say:
At the end of the survey, I included an open-ended question inviting learners to share anything about their online learning experience, expectations, or suggestions for an ideal platform. Open-ended questions help uncover deeper insights into users' thoughts.
Here’s what they had to say:
Competitive analysis
Competitive analysis
I analysed competing online learning platforms to understand their strengths, weaknesses, and what could make Intelleap stand out. By examining their features, user experience, and engagement strategies, I identified gaps and opportunities that could shape a more effective and appealing learning platform.
I analysed competing online learning platforms to understand their strengths, weaknesses, and what could make Intelleap stand out.
By examining their features, user experience, and engagement strategies, I identified gaps and opportunities that could shape a more effective and appealing learning platform.
User persona
User persona
To better understand Intelleap’s users, I created user personas based on research and surveys. This provided insights into their goals, challenges, and learning needs, helping shape a more effective and engaging platform.
To better understand Intelleap’s users, I created user personas based on research and surveys. This provided insights into their goals, challenges, and learning needs, helping shape a more effective and engaging platform.
Empathy map
Empathy map
I developed an empathy map to better understand user thoughts, feelings, and behaviours. This helped uncover deeper motivations, frustrations, and needs, providing valuable insights into how Intelleap can better support learners.
I developed an empathy map to better understand user thoughts, feelings, and behaviours. This helped uncover deeper motivations, frustrations, and needs, providing valuable insights into how Intelleap can better support learners.
Implementation plan
Implementation plan
After researching and gaining a deeper understanding of users, I identified key features to enhance engagement and improve the learning experience:
After researching and gaining a deeper understanding of users, I identified key features to enhance engagement and improve the learning experience:
Design process
Design process
User flow
User flow
After defining the information architecture, I mapped out the user flow to visualise how users navigate the platform to complete key actions.
The goal is to create a smooth and intuitive experience, allowing users to quickly find and enrol in relevant courses, discover events, participate in community discussions, and seamlessly navigate the platform.
After defining the information architecture, I mapped out the user flow to visualise how users navigate the platform to complete key actions.
The goal is to create a smooth and intuitive experience, allowing users to quickly find and enrol in relevant courses, discover events, participate in community discussions, and seamlessly navigate the platform.
Wireframes
To establish the foundation for Intelleap’s design, I created wireframes to outline the structure and layout of key pages. At this stage, I focus on mapping out content placement, navigation flow, and user interactions before progressing to high-fidelity designs.
Starting with wireframes allowed me to focus on functionality first, ensuring a smooth and user-friendly experience while refining key features to keep learners engaged.
To establish the foundation for Intelleap’s design, I created wireframes to outline the structure and layout of key pages. At this stage, I focus on mapping out content placement, navigation flow, and user interactions before progressing to high-fidelity designs.
Starting with wireframes allowed me to focus on functionality first, ensuring a smooth and user-friendly experience while refining key features to keep learners engaged.
Design system
I introduced a structured colour system, typography system, grid system and scalable components to ensure a cohesive design that remains flexible as the platform evolves.
I introduced a structured colour system, typography system, grid system and scalable components to ensure a cohesive design that remains flexible as the platform evolves.
Final design
Final design
Intelleap’s final design is all about keeping things clean, intuitive, and easy to use. With a consistent design system, scalable components, and streamlined features, the platform feels more seamless and engaging for learners.
Here’s an in-depth look at Intelleap’s features.
Intelleap’s final design is all about keeping things clean, intuitive, and easy to use. With a consistent design system, scalable components, and streamlined features, the platform feels more seamless and engaging for learners.
Here’s an in-depth look at Intelleap’s features.
Intuitive learning dashboard
Intuitive learning dashboard
I designed Intelleap’s dashboard to be clean and intuitive, making it easy for users to stay on top of their learning. It features a clear overview of ongoing courses with progress tracking, a schedule for upcoming tasks, and performance analytics to help users track their growth at a glance.
I designed Intelleap’s dashboard to be clean and intuitive, making it easy for users to stay on top of their learning. It features a clear overview of ongoing courses with progress tracking, a schedule for upcoming tasks, and performance analytics to help users track their growth at a glance.
Easy-to-navigate course screen
Easy-to-navigate course screen
I designed Intelleap’s dashboard to be clean and intuitive, making it easy for users to stay on top of their learning. It features a clear overview of ongoing courses with progress tracking, a schedule for upcoming tasks, and performance analytics to help users track their growth at a glance.
I designed Intelleap’s dashboard to be clean and intuitive, making it easy for users to stay on top of their learning. It features a clear overview of ongoing courses with progress tracking, a schedule for upcoming tasks, and performance analytics to help users track their growth at a glance.
Creative community hub
Creative community hub
The community screen fosters collaboration and engagement among learners. With a social feed at its core, users can share ideas, showcase projects, spark discussions, and connect with like-minded creatives. It’s a space to network, learn from others, and build meaningful connections.
The community screen fosters collaboration and engagement among learners. With a social feed at its core, users can share ideas, showcase projects, spark discussions, and connect with like-minded creatives. It’s a space to network, learn from others, and build meaningful connections.
Stay motivated with gamification
Stay motivated with gamification
To help users stay on track, gamification features like streak tracking and progress rewards make learning more engaging. Keeping up streaks keeps users motivated and fosters a sense of accomplishment.
To help users stay on track, gamification features like streak tracking and progress rewards make learning more engaging. Keeping up streaks keeps users motivated and fosters a sense of accomplishment.
Stay organised with a personal schedule
Stay organised with a personal schedule
The schedule feature provides a clear timeline view of upcoming tasks, deadlines, lesson reminders, and events. This helps users stay on top of their learning, plan ahead, and never miss an important milestone.
The schedule feature provides a clear timeline view of upcoming tasks, deadlines, lesson reminders, and events. This helps users stay on top of their learning, plan ahead, and never miss an important milestone.
Mockups
Mockups
Challenges
Challenges
Designing community-first features
Designing community-first features
Building a strong sense of community was a key focus for Intelleap, but it wasn’t as simple as just adding a social feed.
I spent a lot of time thinking about what truly drives engagement—whether it’s meaningful discussions, networking opportunities, or shared learning experiences.
The challenge was creating features that encourage users to actively participate rather than just consume content. By integrating interactive elements like discussions, project sharing, and real-time events, I aimed to make the community feel dynamic, valuable, and genuinely engaging for learners.
Building a strong sense of community was a key focus for Intelleap, but it wasn’t as simple as just adding a social feed.
I spent a lot of time thinking about what truly drives engagement—whether it’s meaningful discussions, networking opportunities, or shared learning experiences.
The challenge was creating features that encourage users to actively participate rather than just consume content. By integrating interactive elements like discussions, project sharing, and real-time events, I aimed to make the community feel dynamic, valuable, and genuinely engaging for learners.
Structuring a large amount of content
Structuring a large amount of content
One of the biggest challenges was organizing a vast amount of educational content in a way that feels intuitive and easy to navigate. I had to carefully design clear layouts and smart categorization so learners could quickly find what they need without feeling overwhelmed.
One of the biggest challenges was organizing a vast amount of educational content in a way that feels intuitive and easy to navigate.
I had to carefully design clear layouts and smart categorization so learners could quickly find what they need without feeling overwhelmed.
Key takeaways
Key takeaways
Working on Intelleap reinforced the importance of balancing structure and engagement in an online learning platform. Designing intuitive interfaces for large amounts of content required careful organisation without overwhelming users.
I also learned how valuable user research is in shaping the right features—diving into empathy maps, user personas, and surveys gave me deeper insight into user needs and behaviors.
This process helped me make more informed design decisions, ensuring that every feature directly supports the user's goals and enhances their learning experience.
Working on Intelleap reinforced the importance of balancing structure and engagement in an online learning platform. Designing intuitive interfaces for large amounts of content required careful organisation without overwhelming users.
I also learned how valuable user research is in shaping the right features—diving into empathy maps, user personas, and surveys gave me deeper insight into user needs and behaviors.
This process helped me make more informed design decisions, ensuring that every feature directly supports the user's goals and enhances their learning experience.
Other work
Other work
CO3 Social Office