About the Project
Employo, an online job marketplace, targets university students seeking internship opportunities. The Employo team anticipated the UX to evolve and improve to better serve its purpose to users. Students have access to a curated list of postings across Canada, saving them time and boosting overall student engagement.
As with most start-ups, the team was faced with aggressive deadlines for its initial launch date. I was able to deliver a great user and brand experience within the given time constraints by working closely with developers, managers, and other stakeholders. Although the first version could still communicate Employos features to its stakeholders, the team and I wanted to take their feedback and comments to re-evaluate particular pages.
Details
ROLE
UX/UI, User Research, Visual Designs
TOOLS
Figma and InVision
TIMELINE
2 weeks
Problem
Employo's registration forms was seeing lower rates of completion than expected.
In order to sign up a new subscriber, to sell a product or service, initiate customer support, or get feedback, a form must be filled out. How might we redesign the registration form to streamline the sign-up process and increase profile completion rates?
Research
1. PRIMARY RESEARCH
User testing sessions and feedback from users
2. SECONDARY RESEARCH
Comparative analysis on current product market
01 User Testing
I invited classmates of the Employo team to participate in testing; I gave the participants the task of completing the registration form and asked them to think out loud as they completed the process. Hearing the participants vocalize their experience helped me gain a better understanding of where users were facing obstacles that impeded them from successfully registering a profile with Employo.
Annotated Form
%201.png)
Participants' Comments
02 Comparative Analysis
Completing a different registration process helped us understand how other products and services were solving this problem. Noticeable features that made the process smoother were the addition of progress indicators, visual hierarchies with logical actions, and the ability to skip steps.
Solution
To solve these problems, I proposed that we re-design the sign-up flow with the following aims:
Sections and
Hierarchy
Divide up the form to make the large amount of information more digestible.
Minimalism
A new visual style that improves form clarity and accessibility.
Technical vs
Non-Technical
Support students from all kinds of fields and backgrounds by making the jargon as straight-forward as possible.
Tracking
Progress
Show people where they're comes from and where they're headed with a tracking progress bar.
Designing
Through separating the registration form into sections created logical connections between different fields. Using the atomic design methodology, I started designing the smallest elements, such as form fields for different input types. From there, I began to design other interaction types such as drop-down menus, search functions, and more.
Style Guide
Alongside the interface design, I revised Employo's style guide to establish a consistent visual hierarchy for easier navigation. As well, this updated style guide helped to establish consistent design components across all of Employo's pages.
High-Fidelity Designs
At the wireframe stage, I progressed the designed using the card component version instead of the anchored dashboard. This layout proved to create the least amount of congestion on the screen and follow Spare's existing visual product design patterns.
Conclusion
Although forms aren't the most exciting components to design, it's still imperative that users are able to complete them quickly and without confusion.
Working on product teams
This redesign project really taught me a lot about working with a full team of developers, stakeholders, and managers. It taught me about managing and meeting the expectations of what managers and stakeholders envision for the product, while also ensuring that the creative solutions proposed are feasible and can be executed by the developers.
By working closely with Employo's users and listening carefully to their comments and feedback, our work with the newly designed registration form increased form completion rates by ~20%.