(Ekosystem zamawiania przejazdów: Mobilny + Web ERP)
Starszy projektant UI/UX (Ekosystem ride-hailing: Mobilny + Web ERP)
O projekcie: to rozbudowany międzynarodowy ekosystem do zamawiania przejazdów. Tworzymy nie tylko design, ale inżynieryjny system, w którym 70% komponentów jest ujednoliconych między aplikacjami, a interfejs bezpośrednio wpływa na szybkość podejmowania decyzji w czasie rzeczywistym.
Potrzebujemy projektanta systemowego, który potrafi pracować z Design Tokens, rozumie specyfikę interfejsów Map-First i jest gotów 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 przesyłania 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
- Projektowanie gotowe do frameworka: Projektowanie interfejsu z 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 śledzenia w sieci (Mobile Web)
- Responsywna strona do publicznego udostępniania przejazdu (przeglądanie trasy w przeglądarce bez aplikacji).
5. Zasoby 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. Podstawa & Branding
- Praca ściśle według dostarczonego Brandbooka.
- Typografia: Poppins (Bold/Medium dla nagłówków, Regular dla tekstu).
- Siatka: Ścisła 8dp/8px grid.
2. Technologiczna ciemna tematyka (Adaptive UI)
- ⛔ ZABRONIONE: Ręczne przefarbowywanie każdego projektu na ciemny kolor.
- ✅ WYMAGANIE: Realizacja ciemnej tematyki przez system Design Tokens (Variables) 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 placeholderów) 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. Projekt Map-First
- 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).
- [ ] Assets wyeksportowane (ikony w SVG, ilustracje, animacje Lottie).
- [ ] Interakcje 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 dotykowe ≥ 44pt).
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).
Senior UI/UX Designer (Ride-Hailing Ecosystem: Mobile + Web ERP) -
Детальне ТЗ уже є, з повним описом усієї логіки та кожного екрана.
Шановні колеги, прохання: якщо ви не Senior UI/UX дизайнер — не потрібно писати. Допомога нам не потрібна - потрібен спеціаліст, який на 120% розуміє, що таке ride-hailing платформа.
Надсилайте реальні роботи з мобільних застосунків, де ви особисто створювали дизайн. Міфічні рендери ми не розглядаємо.
Дякуємо за розуміння.
Про проект: це масштабна міжнародна екосистема для замовлення поїздок. Ми створюємо не просто дизайн, а інженерну систему, де 70% компонентів уніфіковані між додатками, а інтерфейс напряму впливає на швидкість прийняття рішень у реальному часі.
Нам потрібен системний дизайнер, який вміє працювати з Design Tokens, розуміє специфіку Map-First інтерфейсів та готовий спроектувати 148+ екранів для iOS, Android та Web.
🛠 Обсяг робіт (Scope of Work): 148 екранів + Маркетинг
1. Rider App (iOS & Android) - ~27 екранів
Весь шлях користувача: від входу (OTP) до оцінки поїздки.
Map-First UI: Головний екран без Top Bar, управління через плаваючі віджети.
Rider Boost: Інтерфейс системи торгів за ціну в реальному часі ("Flash" ефекти при зміні ціни).
Live Activity: Відстеження подачі авто та маршруту.
2. Driver App (iOS & Android) - ~26 екранів
Onboarding & KYC: Складний флоу завантаження 6+ фото авто та документів.
Incoming Order: Екран прийому замовлення (Full Screen Intent) поверх блокування телефону.
Shift & Earnings: Статистика заробітку, баланс G-Wallet.
3. Admin Panel (Web ERP) - ~44 сторінки
Framework-ready Design: Проектування інтерфейсу з суворим урахуванням використання готових React-бібліотек (shadcn/ui або MUI) для прискорення верстки.
Evidence Console: Складний віджет арбітражу спорів (карта "План vs Факт" + телеметрія).
Dispatch & Surge: Управління геозонами (Polygon Tool) та тепловими картами.
4. Web Tracking Client (Mobile Web)
Адаптивна сторінка для публічного шерингу поїздки (перегляд маршруту у браузері без додатку).
5. Marketing Assets (App Store & Google Play)
Скріншоти: Підготовка 6–8 промо-скриншотів для кожного додатку (Rider/Driver) з мокапами пристроїв та маркетинговими текстами.
Іконки: Розробка набору іконок додатку для всіх розширень (iOS/Android).
⚙️ Технічні стандарти та Вимоги
1. Foundation & Branding
Робота суворо за наданим Брендбуком.
Типографіка: Poppins (Bold/Medium для заголовків, Regular для тексту).
Сітка: Сувора 8dp/8px grid.
2. Технологічна Dark Theme (Adaptive UI)
⛔ ЗАБОРОНЕНО: Вручну перефарбовувати кожен макет у темний колір.
✅ ВИМОГА: Реалізація темної теми через систему Design Tokens (Variables) у Figma. Всі кольори (Background, Surface, Text-Primary) мають бути прив'язані до змінних, щоб розробники могли змінювати тему на рівні коду однією строчкою.
3. UI Kit для розробників
States: Промальовка всіх станів елементів: Normal, Pressed, Disabled, Loading.
Anti-Flicker: Обов'язкове проектування Skeleton Loaders (мерехтливих заглушок) для всіх списків та карток, щоб уникнути "стрибків" інтерфейсу при завантаженні.
4. Splash Screen
Проектування стартового екрану з урахуванням нативної анімації: плавний Fade-in логотипу рівно за 800 мс (без складних 3D ефектів).
5. Map-First Design
Глибока стилізація карт (Custom Google Maps JSON Style) для світлої та темної тем.
Проектування шарів Heatmap (гексагональна сітка) та логіки руху маркерів авто (плавність, повороти).
✅ Чек-лист готовності до передачі (Handoff)
Ви вважаєтесь готовим до передачі макетів розробникам (Developer Handoff Meeting), коли виконано наступне:
[ ] Всі екрани завершені та перевірені у світлому/темному режимах.
[ ] Design System документована (кольори, токени, шрифти, відступи, тіні).
[ ] Components Library готова (всі майстер-компоненти зібрані та структуровані).
[ ] Assets експортовані (іконки в SVG, ілюстрації, Lottie-анімації).
[ ] Interaction Flows описані (створені прототипи переходів та логічні зв'язки).
[ ] Responsive Specs готові (адаптивність під різні розміри екранів iPhone/Android).
[ ] Accessibility врахована (контрастність WCAG AA, зони натискання ≥ 44pt).
Aktualne zlecenia dla freelancerów w kategorii Projektowanie aplikacji mobilnych
Szukam projektanta UX/UI. Redesign strony internetowej + projekt aplikacji mobilnej dla CAR RENT UAProjektant UX/UI do redesignu strony internetowej i projektu aplikacji mobilnej Szukam doświadczonego projektanta UX/UI do długoterminowej współpracy.Projekt dotyczy serwisu motoryzacyjnego (wynajem samochodów i samochody do wykupu). Należy zaktualizować istniejącą stronę i… Projektowanie aplikacji mobilnych, Projektowanie stron internetowych ∙ 4 dni 23 godziny temu ∙ 79 ofert |
Szukam projektanta UI/UX do aplikacji mobilnychSzukałem projektanta z doświadczeniem w pracy z aplikacjami mobilnymi z subskrypcjami (jeśli takiego doświadczenia nie było - proszę nie składać ofert). Należy stworzyć kilka ekranów w aplikacji, szczegóły przekażę w wiadomości prywatnej. Jeśli to możliwe, proszę od razu… Projektowanie aplikacji mobilnych ∙ 12 dni 20 godzin temu ∙ 34 oferty |