As the Product Designer, I was responsible for translating the organization’s mission into a structured, user-centered digital experience.

I:

• Defined user segments and mapped distinct journeys for students, educators, and partners
• Designed an information architecture that supports content discovery and scalability
• Created wireframes and high-fidelity UI for core pages and learning pathways
• Designed interaction patterns that support accessibility and ease of use across age groups

Coding Clubhouse needed a centralized digital experience that could serve three distinct user groups — children exploring coding content, teachers seeking training and instructional resources, and caregivers looking for youth empowerment opportunities — each with different goals and levels of familiarity with technology.

Specifically:

• There was no clear journey for users to understand which programs or resources fit their needs
• Content types (videos, activity books, training materials) lacked intuitive navigation or discovery pathways
• Young learners (6–16) require simple, visual cues and low-friction flows
• Educators need efficient access to structured, practical resources

Without this structure, users risked bouncing from the platform before finding relevant programs or engaging resources, hindering the nonprofit’s mission of equitable access to coding education.

I approached the project using a product-thinking mindset:

1. User Segmentation – Identified core user groups and clarified their goals, motivations, and friction points.
2. Journey Mapping – Mapped how users move from discovery to engagement across learning resources.
3. Information Architecture – Structured content to reduce cognitive load and support intuitive navigation.
4. Design Execution – Created responsive layouts and modular components that could scale with future content.

This approach ensured the platform could grow without introducing complexity or confusion.

• Modular content structure: Enabled easy expansion of courses, resources, and programs.
• Clear user pathways: Designed distinct entry points for students, educators, and partners.
• Accessibility-first layout: Ensured readability and ease of use for younger audiences.
• Scalable UI components: Supported consistency across pages and future initiatives.

The final experience transformed Coding Clubhouse into a centralized learning platform that:

• Made educational resources easier to discover and navigate
• Supported structured learning journeys for different user groups
• Improved clarity around programs, goals, and engagement opportunities
• Positioned the organization for long-term growth and scalability