.png)
St. John
The Youth Scout Membership System is designed to enhance the management of scout activities. It enables administrators to efficiently create and approve events while offering scout members an intuitive platform to apply for activities, access news updates, and manage their profiles.
Role
UI/UX designer
Oct 2023
Date
Client Project
Project
My Duties
1. UI/UX Design - Amend from the first draft
2. UI/UX Refinement- Base on the clients' feedback
Design Process
Given that the client has provided the project's scope, functions, workflow, and initial draft, we can forgo the research and ideation phases. Additionally, considering the presence of two user types—scout members and administrators—there will be two distinct designs, each with slight differences in functionality.
Identify
Pain Point
Design
Sitemap
Component
Wireframe Design
Develop
Responsive Issues
Define the problems
Identify the Painpoints
（Fig.1) Difficult to view when
applications are getting more
(Fig.2) Approval function
designed in notification
(Fig.3) Spaces are
not fully utilized
Takeaway
-
A spearate page may be needed for "Application status" and "calendar" to show enough content
-
Approval pages can become a page in admin version design, as admin would always stay in this page.
-
Present all content on a single page, minimizing the need for scrolling as much as possible.
-
Two different user interfaces will be designed for scout member and administratiors.
The solution
In order to redesign,
Application Page
Scout members and administrators can monitor the status of applications on this page. It features a search bar for querying applications, filters for application type and status, and grid or gallery view options. This design allows users to find the application from a substantial amount of applications.
Review and Manage
This function is exclusively available to administrators and not to scout members. Administrators can approve or decline applications, following the same workflow as previously established. When compared to previous design, it will be more user friendly
Activity
Scout members can quickly read the details and apply at a glance. Additionally, an indicator has been added to the right corner of the picture and the health form submission area, based on client feedback. This enhancement allows members to easily identify the type of activity.
