DATA Most — Mobile layouts (dark)

Krok 0.5 — Občanství

Krok 0.5 z 10 Kategorizace

Jaké občanství má zaměstnanec?

Zvolte před vyplňováním. Ovlivní, jaké další pole se zobrazí.

A Občan ČR

Standardní proces — RČ, občanský průkaz, česká pojišťovna.

~80% případů

B Občan EU / EHP

Slovensko, Polsko, Německo… Volný pohyb, bez prac. povolení.

~15%

C Občan třetí země

Ukrajina, Vietnam, Srbsko… Vyžaduje pas, vízum, pracovní povolení.

~5%

Nevíte? Zjistěte z dokladu totožnosti — OP = A, modrý EU průkaz = B, pas jiné země = C.

Krok 3 — Doklady + fotky

Krok 3 z 10 Doklady a pojišťovna

Doklad totožnosti

Údaje z občanského průkazu

Číslo OP*

Platnost do*

Vydavatel*

photo_camera Vyfotit OP

nebo nahrát z galerie (PDF/JPG, max 50 MB)

Zdravotní pojišťovna

Pojišťovna*

Scénář F — klient upload

pending_actions Žádost o dokument

Od: Marie Účetní (DATA Photo)
21. 4. 2026 14:32

Potřebujeme zápočtový list z předchozího zaměstnání Jana Nováka. Bez něj nelze uplatnit slevy na dani od prvního měsíce.

schedule Deadline: 25. 4.

priority_high Vysoká

check_circle

zapocet_novak.pdf

1.2 MB · před 30 s

✓ Antivir OK

cloud_upload Přidat další soubor

PDF, JPG · automatický antivir scan

Mobile design principles

M1Single-column forms Žádné grid layouty (3-col nefunguje na 375px). Každé pole na vlastním řádku, label nad input (ne vedle).

M2Touch targets 44×44 px min Buttons 44px high (padding 14px), radio kartička 44px+, upload zone velká plocha. Apple HIG + Material Design guideline.

M3Sticky bottom actions Primary CTA vždy viditelné, nepropadá do keyboardu. Sticky position bottom. Dva buttony max (Zpět + Pokračovat).

M4Nativní camera access `` pro OP/pasy/rodné listy. HR admin může hned vyfotit dokumenty klienta.

M5Progress bar místo stepperu Stepper na 375px = nečitelný. Místo toho progress bar (X z 10 + aktuální sekce). Kliknutelný = návrat na předchozí krok.

M6Dark theme — OLED friendly Pravé black #000 body bg šetří baterii na OLED displayích (iPhone 13 Pro+, moderní Androidy). Výrazný kontrast.

M7Auto-save indikátor Save icon v topbar (místo Save buttonu) — klient vidí že data nezmizí ani při zavření.

M8Big selection cards (ne radio) Krok 0.5 kategorie A/B/C — karty plné šířky místo malých radio buttonů. Větší target, lepší čtení.

M9Scénář F optimalizovaný pro push notif Klient klikne na push → deep link přímo do requestu. Žádný dashboard, žádné menu. Jeden cíl: upload + send.