After School life
After School Program Registration platform
Overview
AfterSchoolLife is a user-friendly website that helps parents, teachers, and instructors with after-school activities. Parents can easily explore and sign up their kids for programs, while teachers can find new job opportunities. The platform makes the after-school experience smoother and more connected for everyone.
Problem
Parents face a complicated and time-consuming process when signing up their children for after-school activities. They have to visit school offices, fill out forms across different platforms, and struggle with managing information. The lack of an easy way to update details or track class history adds to the frustration.
-
Parents must visit school offices for program information.
-
They fill out multiple forms on different websites to register.
-
No option to update kids' information or view class history.
Design Proccess
User Interview
"Parents prefer to have profile for each kids and provide the ability to follow up classes schedules."
"Ability to create an account and let the user keep the information saved in for future use."
"Getting frustrated in registration part."
Key Insight
While working on AfterSchoolLife, I discovered that parents were struggling with a fragmented system for managing after-school activities. After conducting a survey, I realized they needed a centralized solution—a single, easy-to-use platform where they could sign up, update information, and track their child’s participation.
Key pain points included:
-
Disconnected systems: Parents had to visit multiple platforms and offices.
-
Frequent updates: Parents had to contact support for changes.
-
Time-consuming: The process was inefficient and stressful.
-
Need for a centralized solution: A single platform could streamline everything.
Solution
Simplifying After-School Registration with a One-Stop Platform
To simplify the after-school registration process, I designed AfterSchoolLife, a single platform where parents can:
-
Easily register their child for programs and manage everything in one place.
-
Update information directly on the platform without needing to contact support.
-
Track their child’s activities and participation history.
The user-friendly design saves parents time, reduces stress, and eliminates the need for multiple steps and platforms.
Site Map
Design Exploration
To design the Dashboard, I explored various options for button types, placement, column sorting, card design, and tabs. Using low-fidelity wireframes, I experimented with different layouts to find the best way to present data and improve interaction. Here are some examples of these design explorations.
- Low Fidelity Wireframe
.png)
.png)
.png)
.png)
.png)
- Card Design Exploration
Final Selection
The final card design was chosen because it is clear, easy to use, and fits well with the overall layout. It organizes information effectively, making it simple for users to access key actions. Feedback from users showed that this design offered the best combination of functionality and visual appeal.
- Dashboard Screen Design Exploration
.png)
.png)
.png)
To design the Dashboard, I explored various options for button types, placement, column sorting, card design, and tabs. Using low-fidelity wireframes, I experimented with different layouts to find the best way to present data and improve interaction. Here are some examples of these design explorations.
The Product Feature
-
User-Friendly Dashboard: I created a user-friendly dashboard that lets parents quickly view and manage their children's class schedules in one centralized place.
-
Class History Section: I added a Class History section that lets parents easily see the classes their children have taken or are currently enrolled in, giving them a clear view of their academic progress.
-
Saved Preferences: added a feature that allows users to save their information and preferences, so they don’t have to re-enter details every time, making registration faster and easier.
-
Automated Registration Renewal:I added an automated renewal system that automatically registers children for ongoing classes, so parents don’t need to fill out forms each session.
-
ustomizable Notifications: added customizable notifications to alert parents about upcoming classes, renewals, and schedule changes, so they stay informed without checking the website.
Examples of Old Design vs New Design
- Old Design
- New Design
My homepage has been redesigned for better usability. Compared to the old design, it now features clearer navigation and easily accessible buttons for visitors to take action. The layout also helps users find what they need more quickly.
The registration screen has been redesigned to be more user-friendly. Compared to the old design, it now offers a simpler layout with clearer fields and a more intuitive process. The new design helps users complete the registration faster and with less confusion.
Final Design
Final Words
Working on this project has been an enriching and enjoyable experience for me. Throughout the process, I've gained valuable knowledge and insights. I strongly believe that continuous practice is key to improving design. There is always room for enhancement and refining the craft. By embracing a growth mindset and actively seeking opportunities to learn, I can continue to enhance my design skills and deliver even better results in the future.
