top of page
Banner image 3.png
Banner image 1.png
Banner image 2.png

Enabling youngsters to apply for work

Expanding Youngster.co, one step at a time
Client

Youngster.co

Tools
  • Figma

  • Miro

  • Google forms

Team

Team of 2

Role
  • UX research

  • UX design

  • UX writing

  • Project management

Duration

3 weeks

My contributions
  • Performed a heuristic evaluation

  • Conducted interviews

  • Synthesised findings

  • Created customer journey maps

  • Created user flows and task flows

  • Designed forms

  • Wrote content

  • Initial sketching

  • Iterated wireframes

  • Prototyping

  • Conducted usability tests

  • Managed multiple client expectations

  • Presented handover documentation

Summary
The brief

Youngster.co match young people (youngsters) with seniors who require personalised support with technology.

After prioritising the client’s needs and wants, our task was to streamline the application, verification and approval processes, so that the business can onboard youngsters autonomously.

The solution

We improved the overall process by repositioning components in the processes. This created a more intuitive experience for youngsters applying for work.

Following this, we redesigned the interface, taking a mobile-first responsive web approach based on user needs and wants.

The research

We conducted 3 user interviews, learning from youngsters who previously went through the processes.

From our evaluation of the existing processes and user interviews, we determined that youngsters had difficulty uploading verification documents and difficulty navigating through the process.

Next steps

We documented our thoughts and provided Youngster.co with resources to continue our work.

We recommend conducting more usability tests on the new process as well as conducting more user interviews to understand youngster’s needs and wants on the dashboard.

The problem

The overall process for applying, providing necessary documentation and receiving confirmation of being accepted was convoluted and not supported by clear instructions.

This accounted for the difficulties youngsters had when completing the processes, which caused unnecessary interaction between youngsters and the business owners.

Reflection

We have to prioritise based on balancing client and user needs, and sell them on our prioritises.

Make assumptions when you need to, but validate them ASAP.

You won’t know if your design is right until you test users, so test early and often before it’s too late.

Full case study
Full case sudy
Overview

Youngster.co offer personalised technology support to seniors, taught by young people (youngsters). They aim to combat the technological gap in seniors whilst providing life skills to youngsters.

In this client project, my team and I streamlined the application, verification and approval processes. We took a mobile-first, responsive web approach based on user preferences.

Youngster.co logo.png
The challenge

Youngster.co presented three ideas that would help facilitate expansion of the business. In a 3-week sprint, we had to prioritise one idea and justify our decision to the clients.

Based on what we had prioritised, our challenge was to streamline the application, verification and approval processes so that the business can onboard youngsters autonomously.

Our hypothesis

The overall process for applying, providing necessary documentation and receiving confirmation of being accepted was convoluted and not supported by clear instructions.

This accounted for the difficulties youngsters had when completing the process. Thus, leading to unnecessary contact with the business owners and more work.

The business goals
icon - growth.png

More time spent on business development

icon - admin.png

Less time spent on administration

How we prioritised
The three initial ideas

Youngster.co presented three ideas that would accomplish their goals.

icon - documents.png

Improve the application, verification and approval processes which require the business owner’s involvement

icon - empowering youngsters.png

Enable experienced youngsters to take on responsibilities that the business owner’s currently perform

icon - 1-on-1.png

Enable youngsters to help seniors in one-on-one environments to help Youngster.co expand

The priority

We prioritised the application, verification and approval processes as these processes are early touch points for users.

Our reasoning

  • Poor user experience reflects negatively on the brand

 

  • If users have early negative experiences, they are more likely to dropout

​​

  • Improving these processes will reduce the business owner’s involvement early on, allowing them to focus on business development
     

  • Seamless processes reflect legitimacy, professionalism and organisation, which is expected from employers

The research

We conducted 3 user interviews, learning from users who had previously completed the process.

What frustrated youngsters?
quote1.png
quote3.png
quote2.png
How we pinpointed the frustrations

From our evaluation of the existing processes and user interviews, we identified key barriers to entry.

number1.png

The placement of the verification form during sign-up created a lengthy sign-up process

number2.png

Lack of transparency regarding why youngsters needed to provide certain documentation caused uncertainty during the application process

Customer Journey Map
The ‘quick win’

We created two ‘quick wins’ for youngsters through our new processes.

icon - quick win.png
number1.png
Changing the process

Existing process

Youngsters undergo a lengthy process before gaining access to the dashboard. They must provide their email and password, personal information, verification documents, and then await approval before accessing the dashboard.

New process

We separated the initial application and final verification processes. When youngsters complete the first step of the process (creating an account), they are immediately given restricted access to the dashboard (receiving instant gratification), and can then provide the required documentation.

Whilst awaiting approval, youngsters can learn more about the job and the platform via the dashboard.

icon - form.png

Register expression of interest by creating an account

icon - dashboard.png

Gain access to the dashboard to better understand the job and the platform

icon - documents2.png

Complete verification process by providing required documentation

User Flow & Task Flow (existing and new)
number2.png
Provide detailed instructions on how to complete the verification process

Navigational instructions through the form

Screen - navigation.png

Reminder of required documentation

Screen - reminder.png

Link opens the police check form in a new browser

Screen - police.png
Youngsters really do prefer mobile

It may be counter-intuitive, but youngsters prefer to apply for and submit documents such as a police check via their smartphone.

quote - mobile.png
Designing and testing the solution

We redesigned the initial application, verification and approval processes, receiving feedback from 5 usability tests, and additional design critique.

screen - personal details sketch.png
screen - personal details wireframe.png
screen - covid19.png
What about the language?

We wrote copy on every screen. However, we learnt that our language was too professional, so we revised the wording to cater towards youngsters.

icon - language.png
Significant changes in the forms
  • Added a social login option during sign-up to cater towards the users
     

  • Added a compulsory skillset step in the verification form to help Youngster.co vet youngsters based on their technological capabilities. This also provides valuable information for marketing campaigns

  • Repositioned the bank details and ABN steps in the verification form to the account section in the dashboard
     

  • Created a more user-friendly dashboard

Before​

screen - profile photo OLD.png

After

screen - profile photo.png

Before​

screen - personal details OLD.png

After

screen - personal details.png
The solution

We improved the overall convoluted process by repositioning components in the processes. This created a more intuitive experience for youngsters applying for work.

Following this, we redesigned the interface, taking a mobile-first responsive web approach based on user wants and needs.

How did we meet the business goals?


We provided details instructions to help youngsters complete the verification process independently. This reduces the need for the business owner's intervention, allowing more time for business development.

We went above and beyond with additional screens

We went above and beyond, creating additional screens for use once youngsters have been accepted to work.

Post-approval home page

Screen - approval.png

Personalised work page

Screen - session.png

Account page

Screen - account.png
Handing it back over to Youngster.co
Documentation and Handover

We documented our thoughts and provided Youngster.co with resources to continue our work.

icon - handover.png
Annotated wireframe2.png
Measuring success
  • Conduct usability tests on new youngsters to assess any frustrations during the new application, verification and approval processes

 

  • Track analytics to measure dropout rates and identify pain points

icon - measure.png
Lessons learnt
We aren’t superheroes, we can’t solve every problem at once
Make assumptions when you need to, but validate them ASAP
Choose your words wisely

Clients often have numerous problems, but sometimes it is difficult for them to prioritise. We have to help the client to prioritise based on their needs as well as the needs of the users.

Users were only available for interviews in the second week of the 3-week sprint, so we made assumptions based on our evaluation of the existing processes and validated these assumptions afterwards.

The words we use help to define the personality of the product. When content writing, you have to remember who your user is.

Conduct regular usability tests

You won’t know if your design is right or wrong until you test users, so test early and often before it’s too late.

Lessons icon.png
Next steps
  • Conduct user interviews to understand youngster’s needs and wants on the dashboard
     

  • Re-assess the forms of identification required to make the verification process easier for youngsters

icon - road.png
bottom of page