Introduction

• Brief: Redesign TechSpace’s website, moving from static to a dynamic CMS, with a focus on mobile/tablet responsiveness.

• Challenge: Make it easy for young creators and educators to find, join, and showcase tech projects.

• Goals: Boost engagement, simplify updates, and make the site work on any device.

Discovery Phase

• Stakeholder interviews: Talked to coordinators, educators, and volunteers about their pain points and wishlist features.

• Business requirements: Easy updates for staff, clear course/event info, and a project showcase.

• User needs: Young people want to find courses and show off their work; educators want simple admin tools.

Problem Framing

• Problem: The old static site was hard to update and clunky on mobile—users got lost or bounced.

• Success: Anyone can browse courses, see project showcases, and get involved in a few taps.

• Constraints: Limited budget, must be easy for non-tech staff to update, and support lots of images/media.

User Research

• User interviews: Students, parents, and staff shared how they use the site and what’s missing.

• Competitive analysis: Checked out other youth tech hubs and creative learning platforms.

• Market research: Found that mobile-first, visually rich sites drive the most engagement for this age group.

Synthesis

• Personas: “The Curious Creator” (student), “The Supportive Educator,” and “The Proud Parent.”

• Journey mapping: From homepage to course sign-up to project showcase.

• Key insights: Fast access to up-to-date info and a vibrant, visual showcase are must-haves.

Solution Development

• Info architecture: Clear navigation—Courses, Projects, Events, and About.

• Wireframes & prototypes: Sketched mobile-first layouts, then built clickable prototypes for quick feedback.

• Visual design: Fun, bright, and modern—big images, bold headings, and interactive elements.

Testing

• Usability testing: Ran sessions with students and staff—flagged confusing menus and slow load times.

• User feedback: Tweaked navigation, made course sign-up easier, and improved project gallery layout.

• Iterations: Refined visuals, ad

Implementation

• Handoff: Delivered annotated wireframes and CMS documentation to dev team.

• Dev collaboration: Weekly check-ins to iron out bugs and ensure content was easy to update.

• Go-to-market: Promoted via schools, social, and word-of-mouth.

Results & Impact

• Metrics: Higher mobile usage, more course signups, and increased project submissions.

• User adoption: Students and educators found it easier to use and update.

• Business impact: TechSpace saw more engagement and a stronger online community.

• Lessons learned: Mobile-first and CMS flexibility are game changers for youth-focused platforms.