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

registration.png

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
Sign-up Page (student) 1.png
Participants' Comments
Artboard.png

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.

Competitive Analysis.png

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.

lofimockups.png

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.

style guide.png

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.

registration.png

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%.