Workfinder (F4S) app │ UX/UI Design

Project overview

Workfinder - The mission:
Workfinder (WF) aims to inspire young people (YP) to discover exciting career opportunities and explore the working world on their terms. The app connects users with hundreds of work experience opportunities with great companies in their area.

Objective:
Enhance the UI and solve integration issues with the Founders4Schools (F4S) system.

Key Responsibilities:

  1. UI Enhancement:
    1. Improved the initial groundwork of the app to create a more user-friendly interface.
    2. Ensured the design was intuitive and engaging for young users.
  2. System Integration:
    1. Addressed and resolved issues related to connecting WF with the F4S system.
    2. Facilitated seamless interaction between business leaders and both platforms' users.
  3. User Flow Detailing:
    1. Mapped out complex user flows between Business Leaders (BL) and Work Experience Seekers (WEX).
    2. Ensured clear and efficient navigation paths for both user groups.
  4. User Acceptance Testing (UAT):
    1. Conducted UAT sessions with BLs and WEXs to gather feedback and validate the design.
    2. Iterated on the design based on user feedback to enhance usability and satisfaction.

Key Achievements:

  1. User-Centered Design:
    1. Conducted user interviews to gather feedback and inform design decisions.
    2. Developed user flows and UI designs that enhanced the overall user experience.
    3. Accessibility Improvements: Implemented design changes to make the app more accessible, ensuring it could be used by individuals with varying abilities.
  2. Product Lifecycle Management:
    1. Managed the project from concept to launch, ensuring timely delivery and high-quality output.

  3. Skills Utilised
    1. C2C Marketplace Design: Applied experience in developing complex user flows and UI designs.
    2. UX/UI Design: Created user-centered designs for both iOS and web applications.
    3. User Research: Conducted interviews to drive positive changes in the app's design.

Involvement

UX/UI design
Design system lead

Client

Workfinder / Founders4Schools

Date

2018 - 2019

Tools

SKETCH
Adobe Creative
Axure RP
VWO
Google Analytics
Axure RP

Credits

Sherry Coutu - Founder
Dan Marsh - CTO
Travers Lee - CMO
Larissa Suzuki - Data Science
Juan Carlos - BA
Keith Staines - iOS Developer
Steph Crampin - Full Stack Developer

Business Leader (BL) analysis presentation excerpt

The presentation includes UX observations based on universal UX patterns and general UX laws and on-page analysis via GA and VWO, which examines engagement depth, churn/abandonment rates, visitor numbers, and CVR from heat mapping. The purpose was to highlight the insights gathered from internal stakeholders to optimise this initial part of the WF project.

BL Interaction Flow

The Interaction Flow (IXF) for BL begins with their sign-up on the F4S website, followed by receiving a confirmation email to verify their account. Once verified, their account is linked to the WF platform, allowing young people to apply for work experience opportunities. This process includes data-driven optimisations identified through VWO analysis to enhance UX and streamline the onboarding process. For a detailed view, see the large version of the IXF diagram.

C2C User Journey Flow

I developed a comprehensive triple-user journey for BL's, YP seeking work experience, and Educators. This journey outlines the actions and communications at each stage, ensuring a seamless experience for all users. It highlights key interactions from sign-up to ongoing engagement, aiding the development of the Workfinder app and identifying necessary adjustments in the F4S system to enhance the user experience for young people. For a detailed view, see the large version of the user journey diagram.

Partial of WF design system

UI evolution flow

Small excerpt of piece of UI work to enable the YP to specifiy the work experience date window and daily frequency.

Onboarding user flow

From splash screens to school selection, users can search for companies on the map landing page. The goal was to have the YP get directly to searching for work experience companies as quickly as possible. The YP does not need to register or create a profile until they are ready to apply.

Edit profile user flow

This user flow shows the journey of adding a user profile from the side-menu nav to empty states to the completed screens.

Young person work experience application flow

This user flow highlights unique, bespoke calendar date pickers and 'time-period-day' daily work experience selectors.

'Add bursary voucher' flow

YP required the ability to add a voucher for free work experience which were allocated based on available bursaries.

WF WEX placement certificate

A work placement certificate is issued to the YP upon successful completion of the WEX.

WF UI examples

More projects

Web design + UI

Burberry

Learn more

ECOMMERCE: UX + Design

Squaremeal

Learn more