UX/UI-design · Savvy Match · Arbetsgivarsidan
Företag går från rekryteringsbehov till tillsatt jobb, och varje kandidat får ett svar
Den andra sidan av Savvy Match: verktyget arbetsgivare använder för att publicera jobb, möta matchade kandidater och avsluta på ett bra sätt. Jag designade arbetsgivarflödena i Figma och byggde sedan om dem som en fungerande prototyp i appens designsystem, hela vägen.
- Min roll
- Produktdesigner
- År
- 2021–2022, prototyp 2026
- Bransch
- Rekrytering
- Företag
- Savvy Match
- Användare
- Arbetsgivare och deras rekryteringsteam
- Plattform
- Webb, dator och mobil
- Verktyg
- Figma och en fungerande prototyp i kod
Kort version
Problemet
En matchningsapp fungerar bara om arbetsgivarna är med. De behöver kunna publicera ett jobb snabbt, se vem som passar och varför, och svara alla, ofta vid sidan av att driva en verksamhet.
Vad jag gjorde
Jag designade arbetsgivarflödena i Figma, från rekryteringsbehovet till att avsluta jobbet, och byggde om dem som en fungerande prototyp i samma designsystem som appen för kandidater.
Vad det ledde till
En komplett, klickbar resa för arbetsgivare i fem steg, där luckorna som ett statiskt flöde döljer kom fram och fick en design, från roller i teamet till meddelandet till kandidaterna som inte fick jobbet.
Det här gjorde jag som produktdesigner
Arbetsgivarens resa
Arbetsgivarens halva av user story map, från ett rekryteringsbehov till ett avslutat jobb, så att båda sidor av matchningen designades som en tjänst.
Flöden i Figma
Arbetsgivarflödena för att publicera ett jobb, granska kandidater och prata med dem, designade i Figma tillsammans med grundarna.
En fungerande prototyp
Flödena ombyggda i kod, med riktiga tillstånd, data och övergångar, så att hela resan går att klicka igenom på dator och mobil.
Interaktionsdesign
En jobbsida som säger vad som ska göras i dag, en matchningssiffra som öppnar varför någon matchar, och att avsluta ett jobb i två tydliga steg.
Team och roller
Vem som kan se, redigera och hantera kandidater, per jobb, och ett flöde för att bjuda in som gäller både nuvarande och framtida jobb.
Designsystem
Kandidatappens färger, typografi och komponenter, utökade för en större skärm, i ljust och mörkt.
Utmaningen
Savvy Match ville matcha kandidater och företag på kompetens, kulturell passform och potential, inte på kön, ålder eller etnicitet. Appen för kandidater är ena halvan av det löftet. Den andra halvan är arbetsgivaren: om ingen svarar är även en rättvis matchning en återvändsgränd.
När vi kartlade båda sidorna tillsammans blev det tydligt. Statusar, samtalet och att avsluta ett jobb behövde finnas med i första versionen, inte som tillägg. Och de som rekryterar är ofta chefer som gör det vid sidan av, mellan passen, på en dator eller i mobilen.
Hur kan vi hjälpa arbetsgivare att snabbt gå från ett behov till rätt person, samtidigt som varje kandidat behandlas rättvist och får ett svar?
Så arbetade jag
Jag designade arbetsgivarsidan parallellt med appen för kandidater, som en tjänst. Senare tog jag Figma-flödena vidare och byggde dem som en fungerande prototyp, för att testa hela resan i stället för enskilda skärmar. Varje steg gav mig något som steget före inte kunde.
- En story map för båda sidorArbetsgivarens steg finns i samma user story map som kandidatens, med en MVP-linje. Det gjorde beroendena synliga: en kandidats intresse är bara värt något om en arbetsgivare ser det och svarar.
- Flöden i FigmaJag designade arbetsgivarflödena skärm för skärm: att publicera ett jobb, listan med kandidater, profilen och samtalet. Det gav grundarna och mig en gemensam bild av verktyget innan något byggdes.
- En fungerande prototypJag byggde om flödena i kod, i kandidatappens designsystem, för dator och mobilwebb. Med riktig data och riktiga tillstånd gick resan att följa från början till slut, och det som ett statiskt flöde hoppar över blev tydligt.
- Gå igenom den hela vägenJag prövade prototypen mot fem steg, från rekryteringsbehovet till att avsluta jobbet, och designade för varje lucka jag hittade. Det var så roller i teamet, standardmeddelanden och valet av vem som fick jobbet kom till.
Fem steg, hela vägen
Arbetsgivarens resa, återskapad med en påhittad restauranggrupp och påhittade personer. Alla skärmar är på svenska. Klicka på en bild för att förstora den.
Fungerande prototypProva självBörja i ett rekryteringsbehov, publicera jobbet, granska kandidater, chatta och avsluta jobbet. Dator och mobilwebb, ljust och mörkt. På svenska.1 · Ett rekryteringsbehov
Rekryteringen börjar före annonsen. Skapa jobb frågar först vad behovet är och erbjuder mallar för vanliga roller, så att arbetsgivaren börjar i ett rimligt utkast i stället för en tom sida.
2 · Publicera jobbet
Jobbet byggs i korta steg, med en levande förhandsvisning av jobbkortet så som kandidaterna ser det i appen. Kraven som anges här är samma som matchningen räknas på, så arbetsgivaren ser varför de spelar roll.
3 · Granska kandidater
Kandidater som visat intresse kommer in som kort med en stor matchningssiffra och de krav de uppfyller. Filter för nya, olästa och favoriter gör listan hanterbar, och ett klick på siffran öppnar profilen vid Därför matchar de.
4 · Prata med kandidaterna
Samtalet öppnas bredvid kandidaten, med snabbsvar för de vanliga nästa stegen, som att bjuda in till ett provpass. Möjliga matchningar som inte visat intresse än går också att kontakta, men de är anonyma tills de svarar.
5 · Avsluta jobbet
Att avsluta ett jobb tar två steg: varför det avslutas, och sedan vem som ska få höra vad. Arbetsgivaren väljer vem som fick jobbet, så att den personen inte får ett nej, och alla andra får ett vänligt standardmeddelande som går att redigera.
Designbeslut
När flödena byggdes som en fungerande prototyp kom frågor som ett statiskt flöde aldrig ställer. Det här är besluten som formade verktyget, och varför.
En jobbsida som säger vad som ska göras i dag
I stället för en översikt full av siffror börjar sidan Jobb med en kort att göra-lista: kandidater som väntar på svar, olästa meddelanden och jobb som snart stänger. Varje jobbkort visar var kandidaterna fastnar, från möjliga matchningar till anställd, med ett förslag på vad man kan göra åt det.
Att rekrytera är ett lagarbete
En chef rekryterar sällan ensam. Varje jobb har ett team, och varje person har en roll: se, redigera jobbet eller hantera kandidater. En inbjudan gäller jobben som finns nu och, om man vill, jobben som kommer senare, så att en ny kollega inte behöver läggas till om och om igen.
Gjord för mobilen också
Många av dem som rekryterar står på golvet, inte vid ett skrivbord. Samma verktyg fungerar i mobilen: att göra-listan, kandidaterna och samtalet, med navigeringen flyttad längst ner inom räckhåll för tummen.
Ett designsystem för båda sidor
Verktyget för arbetsgivare använder kandidatappens designsystem: djup marinblå, lavendel för handlingar och matchningen, Poppins, och samma chips, statusar och matchningssiffra. Jag utökade det för en större skärm med sidomeny, lådor och dialoger, i ljust och mörkt.
Ett gemensamt system gör att ett krav, en status eller en matchning ser likadan ut för kandidaten och arbetsgivaren, och det spelar roll när hela idén är en rättvis och gemensam bild av matchningen.
Vad jag tar med mig
En matchningstjänst är bara så rättvis som dess långsammaste svar. Att designa arbetsgivarsidan gjorde det konkret: detaljerna som avgör om en kandidat blir väl bemött, som vem som får vilket meddelande när ett jobb avslutas, finns på arbetsgivarens skärm.
Att bygga flödena som en fungerande prototyp ändrade också hur jag ser på ett färdigt flöde. Skärmar kan se klara ut och ändå hoppa över stunderna däremellan. Det var när jag gick resan från behov till avslutat jobb, med riktiga tillstånd, som jag såg var de fanns.
”Mikaela var en klippa som hjälpte oss att få upp flödet och utveckla hur appen skulle designas, för att vi sedan skulle kunna utveckla och lansera.”