Потрібно розробити дизайн інтерфейсу для веб-проєкту у форматі 2D–2.5D сцени з машинками та короткими гонками. Це не маркетинговий сайт і не класичний лендинг, а інтерактивний ігровий інтерфейс, у якому користувач більшість часу перебуває на одному екрані, робить вибір і спостерігає за процесом гонки.
Проєкт циклічний. Користувач заходить на сайт, бачить трасу, машинки, таймер до старту та інтерфейс для вибору. Після початку гонки інтерфейс спрощується, фокус переходить на саму гонку. Після завершення гонки коротко показується результат і одразу запускається новий цикл.
Потрібен саме дизайн сцени та інтерфейсу. Реалізація логіки, анімацій і фронтенд не входять у завдання.
Екрани та стани
При першому вході передбачено окремий disclaimer-екран з підтвердженням перед продовженням.
Після цього використовується універсальний екран завантаження, який може з’являтися при першому вході, перед стартом гонки та між ігровими циклами.
Основний екран до старту гонки. На ньому видно поточну трасу, розміщення машинок, таймер до старту, зону ставок на конкретну машинку з автоматичним прорахунком потенційного виграшу, а також короткий список результатів останніх 5–10 заїздів (яка машинка вигравала). На екрані постійно присутні закріплені елементи: логотип проєкту, кнопка підключення гаманця (після підключення — постійно видимий wallet), баланс користувача та футер з посиланнями на ToS, Privacy Policy і Twitter.
Для підключення гаманця, роботи з балансом, перегляду правил гри, ToS, Privacy Policy та системних повідомлень використовуються спливаючі модальні вікна.
Окремо передбачений екран або велика модалка для реферальної системи.
Стан початку гонки. У цей момент інтерфейс очищується від допоміжних елементів: зона ставок та історія результатів зникають або згортаються, сцена з гонкою стає більшою. Гонка відображається в основному вікні з можливістю розгорнути її на весь екран. Збоку або поверх сцени відображається мінімальна інформація про поточні позиції машинок без таймінгів і статистики.
Після завершення гонки використовується короткий пост-рейс стан без окремого екрана результатів. Виділяється машинка-переможець, з’являється коротке повідомлення про завершення заїзду, після чого автоматично стартує новий цикл.
Траси та машинки
Для кожної траси дизайнер має закласти напрям руху та умовний маршрут (guideline), придатний для подальшої анімації руху машинок на фронтенді.
Потрібно розробити дизайн трьох різних трас. Вони мають бути простими, читабельними, з різною орієнтацією або конфігурацією, без перевантаження деталями. На кожній трасі завжди видно стартове розміщення машинок.
Машинки мають бути промальовані як окремі об’єкти в єдиному стилі. Усі машинки рівні за логікою, без апгрейдів і характеристик, відрізняються лише візуальному.
Траси та машинки повинні бути підготовлені як окремі ассети, а не злиті в один макет. Очікується передача у вигляді Figma-компонентів або окремих SVG/PNG з прозорим фоном, придатних для подальшого використання на фронтенді.
Анімації
Фінальна анімація руху машинок реалізується на фронтенді. Від дизайнера не очікується створення повноцінних анімацій. За бажанням дизайнер може показати приклад або логіку руху у вигляді прототипу, але основне завдання — підготувати сцену та об’єкти.
Постійної фонової анімації бути не повинно. Рух з’являється лише в момент гонки.
Стиль і подача
Інтерфейс має бути сучасним і контрастним, з чітким фокусом на дію та таймінг. Без перевантаження текстом, цифрами чи декоративними елементами.
Колірна гамма має підбиратися свідомо, на основі принципів нейромаркетингу та поведінкової психології. Очікується, що дизайнер зможе аргументувати вибір ключових кольорів і акцентів: що саме вони підкреслюють (дію, напругу, очікування, позитивний результат) і як впливають на сприйняття та рішення користувача. Важлива не сама палітра, а логіка її застосування в інтерфейсі.
Адмін-панель (дизайн)
Також необхідно передбачити дизайн мінімальної адмін-панелі для внутрішнього використання. Адмінка не є публічним інтерфейсом і має бути утилітарною та функціональною, без декоративних елементів.
Адмін-панель призначена для моніторингу та оперативного контролю платформи і повинна включати такі розділи:
– оглядовий дашборд з поточним статусом гри, таймером циклу, загальним балансом платформи та коротким фінансовим підсумком за день;– список заїздів з базовою інформацією по кожному циклу;– агреговану інформацію по ставках у заїздах;– список користувачів з мінімальними даними (гаманець, баланс, статус);– депозити та виводи зі статусами;– реферальну систему з нарахуваннями та холдом;– блок керування з можливістю паузи ставок, депозитів та переведення платформи в аварійні режими.
Дизайн адмінки очікується на рівні wireframe / базового UI без глибокої аналітики та без опрацювання бізнес-логіки.
Результат роботи
Очікується Figma-файл з дизайном для desktop і mobile, основними станами екранів, підготовленими ассетами трас і машинок, а також базовим UI-китом. Верстка і код не потрібні.
Проєкт розглядається як інтерактивна сцена, тому важливо, щоб дизайнер мислив не як автор лендингів, а як спеціаліст з ігрових або динамічних інтерфейсів.
ЛоготипТакож необхідно розробити просте мінімалістичне логотипне рішення для платформи (wordmark або простий знак), яке буде використовуватись у хедері інтерфейсу та на екрані завантаження.
Freelancehunt 
Dribbble
Behance
