We iterated based on learnings from low-fidelity testing and adapted our designs for new platforms–iOS and web. At the time, workers could only access their profiles via its mobile app, but it was important to provide access online too as some of its users weren't digitally savvy with apps.
The lead designer crafted design standards to ensure consistency across platforms, and I worked to bring our wireframes to life for the web.
Companies hire based on user profiles and star ratings, so having a thoughtfully written profile could make or break getting a job. Workers weren’t aware having an incomplete one was an issue, and their biggest concern was not knowing what to write about themselves to improve their chances of getting hired.
We addressed these needs by:
- Adding visual cues for incomplete sections
- Creating an action card prompting users to take their next step
- Offering explicit examples what to write & why in the edit page
Workers wanted to know what mattered to companies when hiring so they could improve their chances of getting jobs. Was it rating, distance, interests, bio? Although companies prioritized people who had 5-star ratings, some had cancelled jobs because they didn't know enough about the candidates.
Creating a way for people to understand how companies view when hiring them would improve their ability to get jobs, encourage better performance at work, and increase app engagement. So I introduced "Compliments” in profiles as an additional rating that let companies leave personalized feedback after a job well done.
I created the ability to preview what profiles look like as "public" & bottom sheets with detailed information that trigger when turning the Public view toggle on and off.
With our new designs, 5 of 8 people understood the purpose of Public View! Although, they had trouble figuring how to preview their public profile. My thought process was that people would see the Preview feature while editing their profile or notice it when using the nav drawer. The work goes on.
Workers could earn badges to certify they had specific skills or training, get additional financial rewards, and in some cases, were pre-requisites before they could apply to certain jobs. However, the original badges UI only displayed its icon and name, and during testing, no interaction when workers furiously tried tapping on them to learn more.
Learning about badges should be intuitive rather than painful. So I provided easy access to information in the way users expected:
- Tapping a badge opens a modal to view details
- "See All" option to view all their badges in one place
- A progress bar to motivate and visualize how close they are to their next badge
While we held regular reviews with Wonolo’s product and engineering to ensure our designs were feasible throughout the design process, we presented our "final" designs with their larger team of engineers, marketers, and stakeholders to build alignment and discuss questions or concerns about integration before handing off.
Our designs helped more people understand how companies assessed them, guided more people to complete their profiles confidently, and made learning about Wonolo's badges system easier and intuitive.
Both users and the client responded very positively to our final prototype, but many features can be further refined with testing and quantitative analysis.
