
Junior Innovation Challenge Website
A UX Design Project for the Boys & Girls Club and City of Kingston
-
Client: Boys & Girls Club and City of Kingston
​
-
Timeline: 14 Weeks (Ongoing until Dec. 2024)
​
-
Role: UX Designer (Group Project)
​
-
Tools: Figma, Surveys, Stakeholder Interviews, Feedback session
​
Target Audience:
​
The Junior Innovation Challenge serves five primary groups, each with unique needs and motivations:
​
Students (Ages 9–16)
​
-
What They Seek: Hands-on STEM activities, opportunities to learn robotics, and platforms to showcase creativity.
-
Challenges They Face: Limited exposure to STEM opportunities and a need for accessible, engaging content tailored to their age group.
Parents and Guardians
​
-
What They Seek: Resources to support their child’s development in STEM and access to enriching extracurricular programs.
-
Challenges They Face: Managing busy schedules and ensuring activities align with their child’s interests and goals.
Teachers and Educators
​
-
What They Seek: Ways to enhance classroom learning with real-world STEM applications and collaborative projects.
-
Challenges They Face: Integrating the challenge into curriculum frameworks and balancing time between teaching and mentoring.
Community Partners (BGC and Local Organizations)
​
-
What They Seek: Opportunities to support youth engagement and strengthen STEM initiatives within the community.
-
Challenges They Face: Coordinating resources, volunteers, and communications to ensure smooth execution.
City of Kingston Officials
​
-
What They Seek: A platform to foster innovation and highlight Kingston as a leader in STEM education and youth development.
-
Challenges They Face: Addressing inclusivity, accessibility, and community-wide participation in the initiative.

The Junior Innovation Challenge Website is being designed to promote a robotics-themed challenge for students, fostering innovation and engagement. The goal is to create a user-friendly platform that informs, engages, and supports students, parents, and teachers.
My Role
​
As a UX Designer in the team, I:
​
-
Lead the creation of wireframes and collaborate on high-fidelity prototypes.
​
-
Conduct usability testing with key stakeholders, including students and teachers.
​
-
Synthesize insights from surveys to inform design decisions.
​
-
Partner with team members to refine the website’s structure and visual design.
​
My Responsibilities
​
-
Conduct stakeholder feedback sessions to gather expectations and align project goals.
​
-
Analyze survey results to identify user needs and challenges for students, parents, and teachers.
​
-
Create low-fidelity wireframes to establish the website’s structure and navigation.
​
-
Refine wireframes based on feedback, ensuring alignment with client requirements.
​
-
Progress to high-fidelity prototypes, incorporating advanced features like registration forms and event pages.
​
-
Collaborate with teammates to iterate on designs and maintain consistency with project goals.
​
-
Present updated designs during feedback sessions with stakeholders for validation and refinement.
​
-
Ensure designs address diverse user needs, including accessibility for parents and visually engaging elements for children.
​
-
Propose interactive features such as quizzes and workshops to enhance user engagement.
Goal of the Project
To design an engaging and accessible website that encourages participation in the Junior Innovation Challenge, aligns with stakeholder goals, and supports diverse user needs.
Project Phases
​
1. Research & Insights
Stakeholder Interviews:
-
Conducting interviews with representatives from the Boys & Girls Club and City of Kingston.
​
-
Key Insight: Challenges include awareness, engagement, and accessibility.
Surveys:
​
-
Collecting data from students, parents, and teachers on STEM preferences and barriers.
​
Key Findings:
​
-
Engagement: Students value hands-on activities and teamwork.
-
Barriers: Scheduling conflicts and material costs hinder participation.
​​​​​​​
​​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
2. Design
​
Lo-fi Wireframes
-
Created low-fidelity wireframes focusing on intuitive navigation and robotics-themed visuals.
​
3. Feedback Implementation
Design Revisions with stakeholders & students:​
​​​​
-
Ensured the designs cater to distinct audience needs, including accessibility for parents and visual engagement for students.
​
-
Adjusted layouts, navigation flows, and visual elements based on feedback.
​4. High-Fidelity
​
Progressing Prototypes:
​
-
Developing high-fidelity wireframes/prototypes to incorporate detailed visuals and interactivity.
​
-
Incorporating advanced features like registration forms and event pages to streamline user experience.


Recommendations
​
-
Create interactive features like quizzes or videos to sustain engagement.
​
-
Refine accessibility settings for diverse user needs.
​
-
Regularly test prototypes with users to ensure alignment with expectations.
Key Learnings
​
-
Iterative design processes enhance alignment with user and client expectations.
​
-
Feedback sessions are critical for refining designs and meeting diverse needs.
​
-
Collaboration with stakeholders ensures solutions remain relevant and practical.
Mid-Fi wireframes after Feedback session
Landing Page
Sign in Page


Home page

Registration Page


Activity page

Contact us page

Volunteer Opportunities page

Workshop & Training Page

Resources page
Contact
I'm always looking for new and exciting opportunities. Let's connect.