Jelentkezési folyamat

A Karrier Portál jelentkezési folyamata felhasználóbarát módon vezeti végig a jelöltet a pályázat benyújtásán.

Jelentkezési lépések

A jelentkezési folyamat több lépésből áll, amelyek segítik a jelöltet a teljes pályázati anyag összeállításában.

1
Alapadatok
2
Önéletrajz
3
Kérdőív
4
Ellenőrzés

Lépéssor komponens

A lépéssor vizuálisan megjeleníti a jelentkezési folyamat aktuális állapotát, segítve a felhasználót a tájékozódásban.

Aktív lépés:
Zöld színnel kitöltött kör
Következő lépés:
Zöld körvonalú, üres kör
Jövőbeli lépés:
Szürke körvonalú, üres kör
Összekötők:
Vonalak jelzik a folyamat előrehaladását

Kód példa

<div class="flex items-center justify-between">
  <div class="flex flex-col items-center">
    <div class="w-12 h-12 rounded-full bg-[#f50537] text-white flex items-center justify-center text-lg font-medium">1</div>
    <span class="text-sm text-[#333333] font-medium mt-2">Alapadatok</span>
  </div>
  <div class="flex-1 h-1 bg-[#f50537]"></div>
  <div class="flex flex-col items-center">
    <div class="w-12 h-12 rounded-full bg-[#f50537] text-white flex items-center justify-center text-lg font-medium">2</div>
    <span class="text-sm text-[#333333] font-medium mt-2">Önéletrajz</span>
  </div>
  <!-- További lépések... -->
</div>

3. lépés: Kérdőív

A jelentkezési folyamat minden lépésében szabványos űrlapelemeket és gombtípusokat használunk a konzisztens felhasználói élmény érdekében.

Jelentkezési űrlap elemek

A jelentkezési űrlapokon használt input elemek tervezése a felhasználóbarát kitöltést és a hibamentes adatbevitelt támogatja.

Input mezők

A jelentkezési visszajelzést erre az email címre küldjük.

Kérjük, adjon meg egy érvényes telefonszámot.

Checkbox és Radio

Preferált munkaidő

Fájl feltöltés

Húzza ide az önéletrajzot, vagy

Támogatott formátumok: PDF, DOC, DOCX (max. 5MB)

oneletrajz.pdf

1.2 MB

Gomb állapotok

Kód példa

<div>
  <label class="block text-[#333333] mb-1 text-sm font-medium">Címke</label>
  <input
    type="text"
    placeholder="Placeholder"
    class="w-full px-3 py-2 border border-[#E0E0E0] rounded-[4px] focus:ring-2 focus:ring-[#f50537] focus:border-[#f50537] focus:outline-none transition"
  />
  <p class="text-xs text-[#666666] mt-1">Segítő szöveg</p>
</div>

Jelentkezés állapota

A jelentkezés benyújtása után a jelöltek nyomon követhetik pályázatuk aktuális állapotát.

Feldolgozás alatt

A jelentkezését feldolgozzuk, hamarosan átnézzük.

Szoftverfejlesztő mérnök2025.04.10

Interjúra hívva

Örömmel értesítjük, hogy interjúra hívjuk! Ellenőrizze email fiókját.

Frontend fejlesztő2025.04.08

Elutasítva

Sajnos ez alkalommal más jelöltet választottunk. Köszönjük érdeklődését!

Logisztikai specialista2025.03.15

Állapot jelölések

Feldolgozás alatt Előszűrve Interjúra hívva Elfogadva Elutasítva