• Home
  • LEGACY WORK
  • About
  • More
    • Home
    • LEGACY WORK
    • About
  • Sign In
  • Create Account

  • My Account
  • Signed in as:

  • filler@godaddy.com


  • My Account
  • Sign out


Signed in as:

filler@godaddy.com

  • Home
  • LEGACY WORK
  • About

Account


  • My Account
  • Sign out


  • Sign In
  • My Account

Classpool responsive website

PROJECT OVERVIEW & USER RESEARCH

The Product

The Product

The Product

A responsive website where parents or caregivers can enroll their kids in after-school classes and pay for the service.

The Problem

The Product

The Product

Parents find it difficult to find classes and activities for their kids in the neighborhood to fit in their schedules. Some popular classes fill up quickly.

The Goal

The Product

Project Duration

This platform allows local businesses to list their classes and activities for parents to find and enroll their kids in after-school classes that fit in their schedules and age groups. 

Project Duration

Project Duration

Project Duration

May, 2024 - July, 2024 (2 months)

My Role

Project Duration

Responsibilities

UX designer, UX researcher

Responsibilities

Project Duration

Responsibilities

User research, wireframing, prototyping

User Research Summary

User Research Summary

User Research Summary

A survey was conducted among 5 parents, trying to understand the challenges and pain points with their current way of selecting after-school classes for their kids and the enrollment process. 

User Pain Points

User Research Summary

User Research Summary

  • There’s no one-stop-shop platform listing all available classes in the neighborhood. .
  • Some popular classes fill up quickly. 

Starting the Design

User Flow

User task: Use the website to search and register for desired classes and activities for young children in the local neighborhood.

Site Map

This is the general breakdown from the menu bar. There will be quick access buttons for frequently used functions throughout the website. 

Paper Wireframes- Desktop

Doing paper wireframes helped me to see different layout options and allowed me to prioritize the key elements on the homepage of the website. 

Paper Wireframe- Screen Size Variation

This is the website layout on Iphone 14 & 15 Pro

Digital Wireframe- Desktop

This is the home page with header and footer. Marketing and main categories. Overlay menu appears while hovering.

Digital Wireframe- Screen Size Variation

The home page for Iphone 14 & 15 Pro with a simplified hamburger menu.

Low-fidelity Prototype

https://www.figma.com/design/OymVLF9Az5JmmzvLdsldda/Classpool-Website?node-id=0-1&t=36s8vFTwzuO9pUHe-0

This covers the flow from browsing and searching an activity to registering and placing an order for the activity on the website.

Usability Study Findings

1.

1.

1.

Users need an easy access to search page when they are not on home page.

2.

1.

1.

Some users find it easier to read star ratings in class summaries on search page. 

3.

1.

3.

Class category icons would be more helpful linked with activity types on home page.

Refining the Design

Reiteration

Linked class category icons with activity type for easier browsing. (Text shown over hovering icon.) Users have the option to browse within specific categories by clicking on class icons or to browse all classes by clicking on the text “Classes”.

Reiteration

The star rating icons show ratings more directly, easier for users to read on a search summary page.

Mockups

    High-fidelity Prototype

    https://www.figma.com/design/OymVLF9Az5JmmzvLdsldda/Classpool-Website?node-id=96-2807&t=Y2GsKgHOHBZf6PEi-0

    This is the prototype of responsive website of Classpool for desktop computers and Iphone 14&15 Pro screen size.

    The layout is appealing and the flow is intuitive. I like the breakdown of the categories and filters. They make it easier for me to find what I want.


    A potential user

    Copyright © 2025 Juliet Sun - All Rights Reserved.


    Powered by

    This website uses cookies.

    We use cookies to analyze website traffic and optimize your website experience. By accepting our use of cookies, your data will be aggregated with all other user data.

    Accept