Learning Hub for UX/UI Designer
Created a seamless, beginner-friendly hub that organizes scattered UX/UI resources into a clear and responsive digital experience.
EdTech
Internship Project
2024
Challenge
Beginners struggle to navigate the overwhelming, fragmented, and often outdated landscape of UX/UI learning materials.
Design Goal
Develop an intuitive, organized platform that consolidates high-quality resources through structured information architecture and user-centered design.
Outcome
Delivered a high-fidelity prototype (web & mobile) that provides a clear, actionable roadmap for future development.
My Role
UX/UI Designer ( with mentorship)
User Research
Interviews
Persona Creation
User Flow
Wireframing
High - Fidelity Design
Responsive Design
Learning Hub for UX/UI Designer
Learning Hub for UX/UI Designer
Created a seamless, beginner-friendly hub that organizes scattered UX/UI resources into a clear and responsive digital experience.
EdTech
Internship Team Project
2024
The Challenge
Beginners struggle to navigate the overwhelming, fragmented, and often outdated landscape of UX/UI learning materials.
Design Goal
Develop an intuitive, organized platform that consolidates high-quality resources through structured information architecture and user-centered design.
Outcome
Delivered a high-fidelity prototype (web & mobile) that provides a clear, actionable roadmap for future development.
My Role
UX/UI Designer ( with mentorship)
User Research
Interviews
Persona Creation
Wireframing
User Flow
High - Fidelity Design
Responsive Design
Research
Understanding the Users
Understanding the Users
To understand the needs of beginner UX/UI designers, my teammate and I interviewed students and junior designers. We organized key insights using affinity mapping and reviewed existing learning platforms to identify strengths and gaps.
Questions I asked
What are your biggest pain points when starting a new design project?
How do you currently find resources to learn specific UI patterns?
"We need a place that actually guides you. Everything online is either too much or too shallow."
— Junior Product Designer Interviewee
Questions I asked
What are your biggest pain points when starting a new design project?
How do you currently find resources to learn specific UI patterns?
What features do you find most helpful in existing learning platforms?
How do you track your progress as a self-taught designer?
"We need a place that
actually guides you. Everything online is either too much or too shallow."
— Junior Product Designer Interviewee
Collaborative Synthesis
Cross-team analysis of user pain points
Users desired features:
Key metrics from user research interviews and surveys.
80%
Concise info
Users prioritize brevity and scannability in learning modules.
56%
Short videos
Preference for micro-learning clips under 5 minutes.
43%
Portfolio examples
Strong demand for real-world case study templates.
Main discoveries:
Main discoveries:
Core pain points and insights gathered during qualitative testing.
Overwhelming Volume
Beginners feel overwhelmed by the sheer amount of UX/UI content available across the web, leading to analysis paralysis.
Practical Focus
Real world examples and portfolio-focused content are highly valued over theoretical abstract concepts.
Bite-sized Learning
Users prefer short, clear, and easy-to-digest learning materials that can be consumed during small breaks.
Centralized Hub
Users want one organized platform instead of managing multiple scattered sources and bookmarks.
Overwhelming Volume
Beginners feel overwhelmed by the sheer amount of UX/UI content available across the web, leading to analysis paralysis.
Practical Focus
Real world examples and portfolio-focused content are highly valued over theoretical abstract concepts.
Bite-sized Learning
Users prefer short, clear, and easy-to-digest learning materials that can be consumed during small breaks.
Centralized Hub
Users want one organized platform instead of managing multiple scattered sources and bookmarks.
Overwhelming Volume
Beginners feel overwhelmed by the sheer amount of UX/UI content available across the web, leading to analysis paralysis.
Practical Focus
Real world examples and portfolio-focused content are highly valued over theoretical abstract concepts.
Bite-sized Learning
Users prefer short, clear, and easy-to-digest learning materials that can be consumed during small breaks.
Centralized Hub
Users want one organized platform instead of managing multiple scattered sources and bookmarks.
User Persona & Empathy Map
User Persona & Empathy Map
I created this persona to better understand the needs, frustrations, and goals of entry-level UX/UI designers. By empathizing with users like Sarah, I was able to shape design decisions around real learning challenges.
Ideation
From Insights to Ideas
From Insights to Ideas
User Flow
User Flow
I mapped out a basic flow that showed how Sarah might move through the platform. Keeping it simple helped ensure that content discovery and progress tracking would feel easy.
Design & Test
Sketches & Prototypes
Sketches & Prototypes
I collaborated with my team to create low-fidelity wireframes that mapped out the core structure and user flow of the platform. We used these wireframes to test our ideas early, gather feedback, and validate the overall direction before moving into high-fidelity design.
Mobile Screens
Mobile Screens
Desktop Screens
Desktop Screens
Reflection
Outcomes & Learnings
Outcomes & Learnings
This project resulted in a well-researched, high-fidelity prototype for a UX/UI learning hub designed specifically for beginners. The final deliverables included responsive screens, documented research insights, and clear design decisions — all of which were handed off to stakeholders at the end of my internship to support future development and iteration. What I learned:
#1
Translating user needs into thoughtful, well-structured visual designs
#2
Creating clear hierarchy, spacing, and layout to reduce overwhelm
#3
Designing polished, high-fidelity screens that balance usability and aesthetics
#1
Translating user needs into thoughtful, well-structured visual designs
#2
Creating clear hierarchy, spacing, and layout to reduce overwhelm
#3
Designing polished, high-fidelity screens that balance usability and aesthetics
#1
Translating user needs into thoughtful, well-structured visual designs
#2
Creating clear hierarchy, spacing, and layout to reduce overwhelm
#3
Designing polished, high-fidelity screens that balance usability and aesthetics
✨ Overall, this experience reinforced my strength in visual design and helped me better understand how strong visuals support clarity, usability, and user confidence.
✨ Overall, this experience reinforced my strength in visual design and helped me better understand how strong visuals support clarity, usability, and user confidence.
