(Ekosystem zamawiania przejazdów: Mobilny + Web ERP)

Senior UI/UX Designer (Ecosystem ride-hailing: Mobile + Web ERP) -

Szczegółowe zlecenie już jest, z pełnym opisem całej logiki i każdego ekranu.
Szanowni koledzy, prośba: jeśli nie jesteś Senior UI/UX designerem — nie pisz. Pomoc nam nie jest potrzebna - potrzebujemy specjalisty, który w 120% rozumie, czym jest platforma ride-hailing.
Proszę przesyłać rzeczywiste prace z aplikacji mobilnych, gdzie osobiście tworzyłeś design. Mityczne rendery nie będą brane pod uwagę.
Dziękujemy za zrozumienie.

O projekcie: to rozbudowany międzynarodowy ekosystem do zamawiania przejazdów. Tworzymy nie tylko design, ale inżynieryjny system, gdzie 70% komponentów jest ujednoliconych między aplikacjami, a interfejs bezpośrednio wpływa na szybkość podejmowania decyzji w czasie rzeczywistym.

Potrzebujemy systemowego projektanta, który potrafi pracować z Design Tokens, rozumie specyfikę interfejsów Map-First i jest gotowy zaprojektować 148+ ekranów dla iOS, Android i Web.

🛠 Zakres prac (Scope of Work): 148 ekranów + Marketing

1. Aplikacja dla pasażera (iOS & Android) - ~27 ekranów

Cała ścieżka użytkownika: od logowania (OTP) do oceny przejazdu.

Map-First UI: Główny ekran bez Top Bar, zarządzanie przez pływające widgety.

Rider Boost: Interfejs systemu licytacji ceny w czasie rzeczywistym (efekty "Flash" przy zmianie ceny).

Live Activity: Śledzenie przybycia samochodu i trasy.

2. Aplikacja dla kierowcy (iOS & Android) - ~26 ekranów

Onboarding & KYC: Złożony proces ładowania 6+ zdjęć samochodu i dokumentów.

Przychodzące zamówienie: Ekran przyjęcia zamówienia (Full Screen Intent) nad blokadą telefonu.

Zmiana & Zarobki: Statystyki zarobków, saldo G-Wallet.

3. Panel administracyjny (Web ERP) - ~44 strony

Framework-ready Design: Projektowanie interfejsu z surowym uwzględnieniem użycia gotowych bibliotek React (shadcn/ui lub MUI) w celu przyspieszenia kodowania.

Evidence Console: Złożony widget arbitrażu sporów (mapa "Plan vs Fakt" + telemetria).

Dispatch & Surge: Zarządzanie geozonami (Polygon Tool) i mapami cieplnymi.

4. Klient Web Tracking (Mobile Web)

Responsywna strona do publicznego udostępniania przejazdu (przeglądanie trasy w przeglądarce bez aplikacji).

5. Materiały marketingowe (App Store & Google Play)

Zrzuty ekranu: Przygotowanie 6–8 promocyjnych zrzutów ekranu dla każdej aplikacji (Rider/Driver) z mockupami urządzeń i tekstami marketingowymi.

Ikony: Opracowanie zestawu ikon aplikacji dla wszystkich rozszerzeń (iOS/Android).

⚙️ Standardy techniczne i wymagania

1. Foundation & Branding

Praca ściśle według dostarczonego Brandbooka.

Typografia: Poppins (Bold/Medium dla nagłówków, Regular dla tekstu).

Siatka: Ścisła siatka 8dp/8px.

2. Technologiczna ciemna tematyka (Adaptive UI)

⛔ ZABRONIONE: Ręczne przefarbowywanie każdego projektu na ciemny kolor.

✅ WYMAGANIE: Realizacja ciemnej tematyki przez system Design Tokens (zmienne) w Figma. Wszystkie kolory (Background, Surface, Text-Primary) muszą być powiązane ze zmiennymi, aby programiści mogli zmieniać temat na poziomie kodu jedną linią.

3. UI Kit dla programistów

Stany: Rysowanie wszystkich stanów elementów: Normal, Pressed, Disabled, Loading.

Anti-Flicker: Obowiązkowe projektowanie Skeleton Loaders (migających zatyczek) dla wszystkich list i kart, aby uniknąć "skoków" interfejsu podczas ładowania.

4. Ekran powitalny

Projektowanie ekranu startowego z uwzględnieniem natywnej animacji: płynne Fade-in logo w ciągu 800 ms (bez skomplikowanych efektów 3D).

5. Map-First Design

Głęboka stylizacja map (Custom Google Maps JSON Style) dla jasnych i ciemnych tematów.

Projektowanie warstw Heatmap (heksagonalna siatka) i logiki ruchu znaczników samochodów (płynność, zakręty).

✅ Lista kontrolna gotowości do przekazania (Handoff)

Uważasz się za gotowego do przekazania projektów programistom (Developer Handoff Meeting), gdy spełnione są następujące warunki:

[ ] Wszystkie ekrany zakończone i sprawdzone w trybie jasnym/ciemnym.

[ ] System projektowy udokumentowany (kolory, tokeny, czcionki, odstępy, cienie).

[ ] Biblioteka komponentów gotowa (wszystkie komponenty główne zebrane i uporządkowane).

[ ] Zasoby wyeksportowane (ikony w SVG, ilustracje, animacje Lottie).

[ ] Przepływy interakcji opisane (stworzone prototypy przejść i logiczne powiązania).

[ ] Specyfikacje responsywne gotowe (responsywność dla różnych rozmiarów ekranów iPhone/Android).

[ ] Dostępność uwzględniona (kontrast WCAG AA, strefy nacisku ≥ 44pt).