Meto
Back
Project 1: Student Registration Page
Meto facilitates connections between African students and global universities, so student registration accounts are essential for storing their information. Thus, I was entrusted with the task of designing registration interfaces for students interested in utilizing Meto's services.
✴︎ Phase I
Pros:
All information presented on one interface
Cons:
Burden users with an excessive number of fields to complete
Inadequate focus on organizational branding
Pros:
Moderate amount of tasks on each page
Cons:
Inefficient use of space
Insufficient emphasis on organization branding
Pros:
Moderate task distribution on each page
Clear indication of organization branding
Selected Version
✴︎ Phase II
Side bar:
Facilitates easy access to each section.
Progress bars:
Indicate the completion status of the entire user profile (Yet none proved to be sufficiently clear and effective)
Checkboxes :
Update users on their progress within this section
✴︎ Phase III
Cons:
Minimal information per interface, meaning excessive number of pages to complete user profiles
More input fields per page:
Restricts the overall page count.
Floating labels:
Conserve space and enhance task visualization
Progress bar at the top:
Indicates the users' progress in completing the current section and upcoming steps, fostering a sense of control and engagement in the overall process.
✴︎ Phase IV: Final Design
Web Version
The design pattern used for these three student demographic information pages will be extended to other data entry pages.
-
![Step One]()
Step 1: Birth Information
-
![Step Two]()
Step 2: Citizenship and Parent Education Level
-
![Step Three]()
Step 3: Additional Information
