Getz Technology

Про проект:  це масштабна міжнародна екосистема для замовлення поїздок. Ми створюємо не просто дизайн, а інженерну систему, де 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

• Робота суворо за наданим Брендбуком.
• Основний колір: Getz Green (HEX #35BF02).
• Типографіка: 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).

Умови співпраці

• Інструментарій: Figma (рівень Master: обов'язкове володіння Auto-layout 5.0, Variables/Tokens, Component Properties).
• Термін виконання: ~16 тижнів (4 місяці).
• Вхідні дані: Надаємо повне Технічне Завдання (Spec v12.4), список екранів та Брендбук.

Чому це цікаво: Це робота над продуктом зі складною бізнес-логікою, а не лендингом. Ваші макети стануть основою для реального бізнесу