SchoolJoy
School-platform UX/UI connecting announcements, clubs, events, a school store and interest-assessment journeys, alongside the product website.
View the screens- Project scope
- Education platform UX/UI · Student & admin interfaces · Product website design
- Project contact
- Tung Chan
- Design files
- View in Figma
About the project
Our work for SchoolJoy covered student and school-administration interfaces and the product website. The design brings club discovery, announcements and schedules into a shared workspace, with separate journeys for event participation, school-store browsing and interest assessments. A consistent navigation rail, content cards and status treatments connect these different areas of school life.
- Project scope
- Education platform UX/UI · Student & admin interfaces · Product website design
One workspace for school life
The student home groups club discovery, announcements, schedules and event participation. Administration adds request review and group preferences while keeping the same navigation and card system.
From finding an event to managing participation
The event list separates today’s, upcoming and past activities. The detail view brings the schedule, availability and participation records together, with status labels and check-in controls for administrators.
A school store within the platform
Search, school selection and category filters narrow the catalogue. Selected filters stay visible above the product cards, which group imagery, pricing and the purchase action in a repeated layout.
Explore interests through a focused journey
The overview organises profile progress, goals, recommendations and upcoming tasks. Individual questions switch to a focused layout, pairing an illustration with one prompt and simple response controls.
The website introduces the experience
The product website combines a concise introduction with an interface-led visual. Blue, green and yellow brand accents carry the platform’s identity into a public-facing presentation.
