A website for EB Impact’s upcoming Sustainability Youth Festival to engage educators and tertiary students.

Project type: End-to-end responsive website

Role: UX & UI designer

Tools: Figma

Duration: 2.5 weeks

Collaborated with EB Impact, a Singapore-based charity, to design a website for the inaugural Sustainability Youth Festival. Targeted at educators and students, the goal was to create a user-friendly platform that highlighted festival activities, provide clear information on the two challenges, and reduce email inquiries through an FAQ page. The website was also designed to be adaptable for future festivals.

Beyond the core UX scope, we explored ideas to enhance website interactivity, including games, personalized environmental impact metrics, and a digital “Greenboard” for community engagement. We also brainstormed ways to further digitalise the festival.

"The site looks absolutely stunning—clean, vibrant, and super easy to navigate. Beyond just looking good, it’s also incredibly functional and really captures the spirit of the festival."

Gerald Wong

Executive Director at EB Impact

Overview

Research findings:

  • Type of information teachers and students look for before attending TYSF:

  • Students are kinesthetic learners and drawn to hands-on experiences.

  • They engage more when they gain tangible outcomes—whether a new skill, perspective, or their own project.

  • Teachers want more resources & support as ready-made content for sustainability topics is often lacking.

  • A centralised repository of educational materials would help them better engage students.

Persona & Problem Statement

Ms Lim, a 33-year-old Geography teacher at Tampines Secondary School.

“I want to nurture my students into socially conscious and environmentally aware citizens who contribute to a clean, green, and caring community—from school to Singapore and beyond.”

Goals

  • Make sustainability an interactive, real-world learning experience beyond the classroom.

  • Foster active student participation in sustainability efforts to cultivate a green mindset and culture.

Needs

  • Quick access to key details.

  • Ready-made, interactive resources that make sustainability engaging and easy to teach as part of her Character & Citizenship Education (CCE) lessons.

  • Inspirational and concrete examples to guide students in developing impactful sustainability projects.

Behaviour

  • Looks for past winning projects and key judging criteria to guide students in creating strong submissions.

  • Seeks interactive activities to make sustainability topics more engaging and relatable for her students.

Goals

  • Ms Lim believes that sustainability should be more than just a classroom concept - it should be an interactive, real-world learning experience.

  • Hopes to instill a green mindset and culture among her students by fostering active participation in sustainability efforts.

Needs

  • Quick access to key details.

  • Ready-made, interactive resources that make sustainability engaging and easy to teach as part of her Character & Citizenship Education (CCE) lessons.

  • Inspirational and concrete examples to guide students in developing impactful sustainability projects.

Frustration

  • Looks for past winning projects and key judging criteria to guide students in creating strong submissions.

  • Seeks interactive activities to make sustainability topics more engaging and relatable for her students.

Problem Statement

Brandon, a 22-year-old Year 2 SMU Business Student, member of SMU VERTS Environment Club.

“I want to be in the know when it comes to conversations around sustainability, and love finding meaningful ways to contribute to projects that can make a real impact.”

Goals

  • Brandon is keen to get involved in real-world projects, explore career opportunities in the field and sees TSYF as the ideal platform to do so.

  • Deepen his involvement and understanding of sustainability issues in Singapore and explore opportunities to make a larger impact.

Needs

  • Seeks to connect with like-minded peers, industry professionals and potential employers.

  • Needs a well-organised website to easily access key details about TSYF such as activities, TSYF Challenge registration and career opportunities.

  • Wants to plan his time at the festival effectively.

  • Seeks to connect with like-minded peers, industry professionals and potential employers.

  • Needs a well-organised website to easily access key details about TSYF such as activities, TSYF Challenge registration and career opportunities.

  • Wants to plan his time at the festival effectively.

Behaviour

  • Searches or networking and career talks on TSYF’s website before deciding if it’s worth attending.

  • Seeks out details about the TSYF Challenge and how he can participate meaningfully.

  • Reviews speaker bios and company profiles to see if it aligns with his interests.

Goals

  • Brandon is keen to get involved in real-world projects, explore career opportunities in the field and sees TSYF as the ideal platform to do so.

  • Deepen his involvement and understanding of sustainability issues in Singapore and explore opportunities to make a larger impact.

Needs

  • Seeks to connect with like-minded peers, industry professionals and potential employers.

  • Needs a well-organised website to easily access key details about TSYF such as activities, TSYF Challenge registration and career opportunities.

  • Wants to plan his time at the festival effectively.

Behaviour

  • Searches or networking and career talks on TSYF’s website before deciding if it’s worth attending.

  • Seeks out details about the TSYF Challenge and how he can participate meaningfully.

  • Reviews speaker bios and company profiles to see if it aligns with his interests.

Solution

An informative homepage

  • At a glance, users would understand what the festival is about and why they should participate.

  • They need to see the activities—booth exhibitions and finalist pitches for the challenges.

  • They also need to easily distinguish between the two challenges to determine which one best suits them.

Dedicated Challenge Pages

  • Each challenge webpage details its purpose, eligibility, submission criteria, expected submissions, winning guidelines, timeline, project examples and includes a submission button.

  • A downloadable PDF guide is also provided for teachers to support school submissions that require approval and proper documentation.

Implementation of FAQ page

  • Based on user interviews, we curated a list of questions and answers to help minimize email inquiries.

Interactive Engagement Features

  • To increase engagement, we added interactive buttons that allow users to express their support for winning projects and share their enthusiasm in real time.

User Testing & Feedback

What users liked:

  • "I like the colours, they’re very inviting and catchy. It is not wordy and this makes me feel very excited to go for the event. I wish MOE websites looked like this."

  • "It’s easy to navigate. The information is well-organised."

Areas of improvement:

  • "It will be helpful to have a template with key questions to break down the challenge requirements. This approach will help teachers guide students through the discussion and fill it out together, ensuring a more collaborative and insightful experience."

  • "A tangible item at the end of the event would be beneficial for teachers to facilitate post-event discussions in class."

Making the Website Interactive

Incorporating games and quizzes

  • Card games: Getting to Zero is an educational card game designed to teach secondary school and junior college students about sustainability and Singapore’s energy policies.

  • Story-based gameplay: Sustainable Earth's story-based gameplay immerses players in real-world sustainability challenges.

  • Quizzes : EarthDay.org's quizzes offer an interactive way to test and expand your knowledge on environmental issues.

Raise awareness of individual environmental footprint

  • Showcase real-time, personalised environmental impact metrics. For example, since you were born, atmospheric CO₂ levels have increased by 11%.

  • Pair these stats with actionable tips to help users reduce their environmental footprint.

  • Examples: Life Stats from Neil Fun

  • Showcase real-time, personalised environmental impact metrics. For example, since you were born, atmospheric CO₂ levels have increased by 11%.

  • Pair these stats with actionable tips to help users reduce their environmental footprint.

  • Examples: Life Stats from Neil Fun

  • Showcase real-time, personalised environmental impact metrics. For example, since you were born, atmospheric CO₂ levels have increased by 11%.

  • Pair these stats with actionable tips to help users reduce their environmental footprint.

  • Examples: Life Stats from Neil Fun

Digital "Greenboard" for the public to share their thoughts on sustainability

  • For example, changes they would like to see in their community

  • These insights can inspire student projects and provide teachers with a dynamic tool for sustainability discussions.

  • Tools: Miro (ditigital whiteboard that works on webflow)

Digitalising the Festival

Digital Solutions

  • QR Codes: Provide instant access to the programme schedule, speaker line-ups, and vendor locations.

  • Mobile App (Future Consideration): A centralised app to manage content, send push notifications for marketing, personalised schedules, and pitch instructions.

  • Examples: SG FinTech Festival

Interactive & Gamified Sustainability Trail

  • QR Code Trail: Placed at key locations, each scan reveals sustainability facts, quizzes, or eco-friendly challenges.

  • Rewards: Completing the trail unlocks perks like discounts on sustainable products.

  • Community Impact: QR scans contribute to a live sustainability scoreboard (e.g., 1,000 points = 160 mangrove seedlings planted)

  • Examples: i Quest by The Conscious Festival x i Light Singapore

Community Engagement & Social Sharing

  • Sustainability Pledges: Attendees can scan QR codes to pledge eco-friendly actions (e.g., “I commit to using reusable bags”).

  • Social Sharing: Users can share pledges on social media, tagging the festival to boost awareness.

  • Live Impact Display Impact: A real-time pledge counter on venue screens highlights collective action.

Next Project

Website & mobile app feature expansion

Website & mobile app feature expansion

Created by Rebecca Tan

Created by Rebecca Tan

Created by Rebecca Tan