All work

UX/UI Design · Savvy Match · UX/UI design for a mobile app

Effortlessly match job seekers with companies through a simple swipe left or right

As UX/UI designer, I helped turn the founders’ idea for fair, bias-free recruitment into a native mobile app for job seekers and employers. I designed the user flows from wireframes and prototypes to finished UI, and built a design system so the experience stayed consistent and ready to scale.

My role
UX/UI designer
Year
2021–2022
Industry
Recruitment
Company
Savvy Match
Team
The two founders and the developers
Platform
Mobile app, iOS and Android
Tools
Figma

The short version

The challenge

Candidates were being overlooked because of gender, age and ethnicity. The founders wanted a platform that matches on skills, culture fit and potential instead.

What I did

I designed the user flows and the service for candidates and employers, defined the MVP together with the founders, and built the design system.

What I delivered

Development-ready UI for a native app, with specifications, interactive prototypes and design system documentation for the developers.

What I did as UX/UI designer

Research and direction

Desktop research into matching platforms and bias-free hiring, built on the founders’ deep insight into recruitment.

User journeys and wireframes

Core journeys for candidates and employers, first as low-fidelity wireframes, refined together with the founders.

UI design for iOS and Android

Finished screens in Figma for the whole candidate journey, from sign-up to chat.

Interaction design

A swipe card with three clear actions, matching criteria as chips you can add and remove, and short onboarding steps.

Design system

Colours, type, icons and components, built while designing the flows, so the app stayed consistent and could grow.

Handoff to developers

Design specifications, interactive prototypes and design system documentation, with support during the build.

01

The challenge

The two founders came to me with a clear mission: to change recruitment by removing bias and discrimination. With years in the industry, they had seen candidates overlooked because of gender, age and ethnicity.

Their vision was a platform that matches candidates and companies on skills, culture fit and potential. They brought deep recruitment expertise from both sides, the candidate’s and the employer’s.

The design had to make matching feel simple and fair, without losing what a relevant match needs.

02

How I worked

My role was to design the user flows and the service for candidates and employers, for the development team. We defined the MVP together, and I worked in four steps.

  1. ResearchDesktop research into different matching platforms and best practice in bias-free hiring. The founders provided the key insights from their experience, which became the foundation of the core features.
  2. Setting the design directionI mapped the core journeys for candidates and employers and made low-fidelity wireframes of the key interactions, refining the direction together with the founders.
  3. Designing the overall experienceI designed the full experience and visual identity through continuous iteration with the founders, and built a design system for components, typography and interactions.
  4. ImplementationI worked closely with the developers, with detailed design specifications, interactive prototypes and documentation from the design system, and stayed involved to answer questions and refine details.
03

The app, flow by flow

The candidate’s journey, from first screen to conversation with a company. All screens are in Swedish. Click a flow to enlarge it.

Create an account and log in

Five phone screens: the Savvy Match start screen, language choice, log in, create account with email, Google or Apple, and a four-digit verification code
One language choice, then log in or create an account with email, Google or Apple, and confirm with a code.

Onboarding: what you are looking for

Five phone screens: an invitation to set criteria for better job suggestions, how you want to work and where, which fields interest you, a summary of matching criteria as chips, and the first matched job
A short invitation that can be skipped, then three questions with a step indicator. The criteria are summed up as chips that can be removed or added to, before the first matched jobs are shown.

Act on job opportunities

Four phone screens: a job card with a match percentage, the card being swiped, a dialog after showing interest, and a confirmation that the interest has been sent
Each job is a card with the match in percent, the matching criteria and three actions: not interested, interested and save. Showing interest gives a clear confirmation of what happens next.

Profile and matching criteria

Five phone screens: the profile with photo, contact details and about me, uploading a document, the matching criteria tab, and lists of saved jobs and jobs with shown interest
The profile and the matching criteria sit side by side in two tabs, so a candidate can update what they are looking for at any time.

Saved jobs and chat

Four phone screens: saved jobs, a list of chats with companies, and a conversation with a company including a meeting link
Saved jobs, interest shown and jobs passed on are collected in one place. When a company gets in touch, the conversation continues in the app.
04

Design system

I built the design system while designing the flows. It kept components, typography and interactions consistent, and made future development more efficient and scalable.

A board of components: inputs, chips, options, steppers, buttons, avatars, accordions, dialogs, navigation, badges and the job card layout
Components and layouts. Inputs, chips, buttons, steppers, dialogs, navigation and the job card, each in its variants.
Colour palette for background, surface, action, error, warning, info, success and text, a type scale, and the Savvy Match logo in dark and light
Colour, type and logo. Deep navy for the brand, a bright purple for actions and highlights, and full sets for error, warning, info and success.
A sheet of icons with their names
Icons. One named set for the whole app.

What I took with me

Being part of this project was incredibly rewarding. I am proud to have helped create a platform that drives fair and unbiased hiring.

Working this closely with founders who knew their field so well meant their insight shaped the product from day one. My part was to turn that knowledge into flows and screens that felt simple to use.