Dreamjobs Álláskereső Portál és a Konverzió 3-szoros Növekedése

A rebranding projekt végső szakaszaként a népszerű álláshirdetési portál csapatunkhoz fordult egy design megerősítő feladattal. Ami eredetileg felhasználói tesztként kezdődött, sokkal többet jelentett mindkét fél számára: teljesen új felhasználói folyamatokat fejlesztettünk a Dreamjobs.hu számára, és közösen megoldásokat találtunk korábban azonosítatlan UX problémákra. Csapatunk nem csak a tesztelés és UX tervezés kulcsszerepét játszotta, hanem a UI és reszponzív mobil elrendezések tervezésében is megbíztak minket.

Hogyan értük el a Dreamjobs.hu eredeti weboldalának teljesítményének 3-szorosát és a puha konverziók 4-szeres növekedését a B2C szegmensben?

Ez az esettanulmány bemutatja a projekt részleteit, kihívásait és az együttműködés értékét.

Az Eredmény

1. Felhasználói Tesztelés

2. Érintetti Interjúk

3. Persona Elemzések

4. Felhasználói Utak

5. Versenytárskutatás (B2C & B2B)

6. Drótvázak

7. Figma Prototípusok

8. UI Asztali és Mobil Felülethez

A Csapat

• 1 Projektmenedzser

• 2 Termék Tervező

• 1 IT Vezető (ügyfél oldalról)

• 1 Projekt Tulajdonos (ügyfél oldalról)

  
  

Szakértői Képességek

• UX Kutatás és Tesztelés

• Információs Architektúra Tervezés

• UI Tervezés

• Szolgáltatás Tervezés

Idővonal

✅ 2022 Március: Első használhatósági teszt (tervezés, végrehajtás, kiértékelés)

✅ 2022 Április: UX kutatási fázis (érintetti interjúk, versenytárs elemzés, UX audit, útvonal feltérképezése, műhelymunkák, persona analízis)

✅ 2022 Korai Nyár: Első UI tervezés (hibajavítások, új jellemzők, asztali & mobil tervek)

✅ 2022 Késő Nyár: Prototípus építés (tesztelés beállítása, végrehajtás, kiértékelés)

✅ 2022 Szeptember: Második használhatósági teszt (prototípus tesztelés)

✅ 2022 Október: UI frissítések a teszt visszajelzései alapján

✅ 2022 November: Projekt lezárása (átadás, fejlesztői támogatás)
​​​​

Az Első Felhasználói Teszt 

Az eredeti projekt célja az új márkaidentitáshoz kötődő Figma tervek tesztelése volt. Csapatunk részt vett a prototípus építésében, a teszt megszervezésében, a forgatókönyv megírásában, valamint a tesztek lebonyolításában és kiértékelésében. A résztvevők a jelenlegi és új felhasználók keverékei voltak.

Tesztelés Előkészítése és Utazási Elemzés

Az első érintetti interjúk igényeket tártak fel és vázolták a meglévő felhasználói utakat. A komplexitás miatt a tesztelést négy tematikus területre bontottuk: regisztráció/bejelentkezés, álláskeresés, állásra jelentkezés, cég keresés/követés.

Két csapattag vett részt: egy moderátor és egy megfigyelő.

Tesztelés és Kiértékelés

A résztvevőket célcsoportból választottuk, beleértve azokat, akik már ismerték a régi helyszínt, és az új felhasználókat is. Minden ülés 1–1,5 óráig tartott, videón rögzítettük, és a világjárvány miatt online platformokon folytattuk.

A nyers visszajelzéseket egy Excel táblázatba gyűjtöttük össze, azonosítva a problémákat és értékes betekintéseket gyűjtve.

Résztvevői Idézetek:

• Balázs: "A grafikus elemek rendben vannak, modernek és frissek."

• Kata: "Nem olyan, mint a LinkedIn—barátságosabb."

• Barni: "Túl sok cégtípus—egybe olvadnak a dolgok."

• Bence: "A kártyák emberközelibbé teszik."

• Edit: "A kártyáknak nincs vizuális hierarchiájuk, nehezen követhetők."

• Marci: "Jelentkeznék? Nem vagyok biztos benne. Az ikonok nem konzisztens."

Új Kihívások, Kibővített Hatókör

A Probléma Tudtuk, hogy vannak fekete lyukak az utazás logikájában. A tesztek megerősítették a hibás folyamatokat, a hiányzó képernyőket és a nehezen érthető tartalmat (például álláshirdetéseket).

Jó design alapokkal, de komoly UX problémákkal, és a korábbi tervezők már nem résztvevőként, a helyzet megrekedtnek tűnt.

A Megoldás Kibővítettük a megállapodást. 87 azonosított probléma, érintetti visszajelzések és helyi/nemzetközi legjobb gyakorlatok alapján nemcsak megoldásokat kellett találnunk, hanem implementálnunk is.

Új Feladatok

🟢 Piackutatás

🟢 Persona Elemzés

🟢 Megoldás Feltárása

🟢 Felhasználói Utak Tervezése

🟢 Vásárlói Utazási Térkép

🟢 Információs Architektúra (IA) Tervezése

🟢 Műhelymunkák

🟢 Érintetti Interjúk

🟢 Értékajánlatok

🟢 Kártyarendezés

🟢 Drótvázak

🟢 Új UI Tervek

🟢 Reszponzív Mobil Nézetek

🟢 Felhasználói Tesztelés – 2. Forduló

🟢 Teszt Kiértékelés

🟢 UI Frissítések

Kutatási Stratégiánk & Eszközeink 

A minőségi kutatás folytatódott műhelymunkákkal, érintetti interjúkkal és persona elemzésekkel. Elkezdődött a kvantitatív adatok gyűjtése és elemzése is.

Versenytárs Elemzés 

Helyi és globális versenytársakat is értékeltünk az álláshirdetési piacon. A megállapításokat egy legjobb gyakorlatok dokumentumba gyűjtöttük.

Műhelymunkák 

A műhelymunkák segítettek az oldal és tartalom struktúrázásában. A kártyarendezés révén intuitív navigációs rendszert és információs architektúrát terveztünk közösen. Az érintettek bemenete keretezte munkánkat.

Persona Elemzések 

A célközönség megértése kritikusan fontos volt. A teszteredmények és felhasználói adatok segítségével profilizáltuk a felhasználókat, motivációikat, céljaikat és a közösen használt jellemzőket, ezzel támasztva alá a tervezést és fejlesztést.

Vásárlói Utazási Térkép 

Két térképet készítettünk: egyet a jelenlegi problémákat tükrözve, és egy másikat az ideális élményt mutatva. Ezek a térképek vezették tervezési döntéseinket.

Magas Szintű UI Tervezések 

A végső kutatás és interjúk után javítottuk a felhasználói felületet és új tartalmakat hoztunk létre. A design rendszert frissítettük, foglalkoztunk az UX problémákkal, és reszponzív elrendezéseket építettünk.

Példa UX Problémák és Megoldások

Álláskártyák:

• Probléma: A címkék megtévesztették a felhasználókat (pl. 'Senior'), hosszú cégnevek törték a megjelenést, ikonok nem voltak konzisztens.

• Megoldás: Címkék helyett információs feliratokat helyeztünk, a színeket állítottuk, hasonló állások hivatkozást tettünk, javítottuk a névmegjelenítést és megkülönböztettük az ikonokat.

Állás Részletek Oldal:

• Probléma: Nehéz áttekinteni, információs birtoklás nem világos, gyenge funkcionalitás.

• Megoldás: Az információ blokkjait újraszerveztük tisztánlátás érdekében.

Álláspályázati Folyamat:

• Problémák: Megtévesztő elrendezés miatt a felhasználók azt hitték, hogy választaniuk kell opciókat. A profilos jelentkezés zavaros volt. Nem volt vendégszerző opció. Nincs visszajelzés a jelentkezés után.

• Megoldások: A cégpreferenciákat korábban helyeztük az úton. A profil bejelentkezést kevésbé hangsúlyoztuk. Gyors „DJ profil” létrehozás lehetősége. LinkedIn-en keresztül történő jelentkezés lehetősége. Részletes megerősítő felugró ablakot adtunk hozzá.

Kattintható Prototípusok 

Magas szintű prototípusokat és új oldalakat építettünk, hogy teszteljük és validáljuk a fejlesztéseinket.

Második Felhasználói Teszt 

Fő asztali képernyőket teszteltünk (főoldal, listázások, állás részletei, pályázat), mobil képernyőket és a profil oldalt. A felhasználók irányított feladatokat végeztek el. Az összegyűjtött információk segítettek a tervezések finomításában, egy kutatással alátámasztott, tesztelt megoldássá alakítva.

További Résztvevői Idézetek:

• Zsófi: "Más állásportálok lehangolóak. A mosolygó arcok itt szimpatikusak."

• Márk: "Az álláskártyák nagyszerűen néznek ki és tartalmazzák az összes információt."

• Zsanett: "Először mutassák, amit kínálnak, majd az elvárásokat."

• Dóri: "Megszünteti az álláskeresés unalmát."

• Kriszta: "Jó információs blokkok, de túl sok esetén összeolvadnak."

• Réka: "Trendi LinkedIn érzést kelt."

Mit Szállítottunk – Összegzés

A Dreamjobs projekt bizonyítja, hogy még egy félkész rebrand design is rejtett nagyszerű potenciállal bír, ha a cél egy magas konverziós rátájú, könnyen használható platform.

A projekt sikere a gondos kutatáson alapult, amely gyakran a munka felét jelentette. Ez az erőfeszítés valós hatást eredményezett és erős partnerséget teremtett az ügyféllel.

A Dreamjobs elérte:

• 3-szor több álláspályázat

• 4-szer több regisztráció a megjelenés után

Ezzel meghaladták céljaikat és csökkentették marketing költségeiket, versenyelőnyt szerezve az állásportál piacon.