Технічне завдання на створення односторінкового сайту «Chicken Road 2»
Важливо: Потрібно створити кілька таких односторінкових сайтів, і буде обрано кілька виконавців, які виконуватимуть однакове завдання. Насправді завдання дуже просте, зробити простий дизайн відповідно до ТЗ, переробити текст за допомогою ІІ та зробити 5-7 власних скріншотів з Демо версії гри.
Важливо 2: Це саме версія гри Chicken Road 2 - ДРУГА версія і потрібно описувати саме другу версію, де курка переходить дорогу, по якій їздять машини, а не описувати ПЕРШУ версію гри Chicken Road, де курка проходить печі.
Щоб зрозуміти різницю в іграх, потрібно подивитися приклади на сайті розробника.
Chicken Road 2 https://inout.games/games/chicken-road-2-0 (наша версія)
Chicken Road https://inout.games/games/chiken-road (НЕ наша версія)
Сайти, які подобаються і з яких можна брати приклад:
https://chickenroad.com/ (дизайну такого рівня не чекаю від робіт, сайт для прикладу)
https://www.metisnews.it/
https://www.richardholdenbbq.co.uk/
https://chicken-road.net/
https://chicken-road2.net/
За винятком першого, всі інші сайти мають мінімалістичний дизайн (якщо це взагалі можна назвати дизайном) Це приклад того, що хочеться отримати на виході.
1. Загальні відомості
Проект: Односторінковий лендинг для гри Chicken Road 2.
Цільова аудиторія: Молоді гравці, любителі казино-ігор і казуальних розваг.
Мова тексту: Англійська.
Формат передачі: готовий набір файлів: index.html, папка(и) зі стилями (css/), скриптами (js/), зображеннями (images/, включаючи скріншоти).
2. Структура сторінки
2.1. Перший екран
Логотип і адаптивне меню (бургер)
Основний заголовок <h1>
Iframe з демо-версією гри (на першому або другому екрані)
<iframe src=">https://demo.inout.games/games-view/games/game/?authToken=1c5fd593-eeeb-902c-5a07-0cd1718241be&operatorId=ee2013ed-e1f0-4d6e-97d2-f36619e2eb52&gameMode=chicken-road-two&isDemo=MTc0NTIzNDM2NjUzOA%3D%3D¤cy=USD&lang=en></iframe>
Кнопка: Play for Real Money (не менше 5 кнопок на Головній сторінці)
2.2. Блок «Як грати»
Заголовок <h2>
Список кроків <ol> з підказками
Заголовки <h2> або <h3>, що розкривають деталі кроку
2.3. Ігрові скріншоти
Розмістити 5–7 власних скріншотів з демо-версії
Оформити у вигляді заголовка та короткого опису того, що відбувається на скріншоті.
2.4. Таблиці з даними про гру
Таблиця 1: базові характеристики (RTP, мінімальні/максимальні ставки, режими складності)
Таблиця 2: статистика (середній множник, максимальний виграш, кількість рівнів тощо)
Заголовки таблиць: <h2> і/або <h3>
2.5. Блок «Плюси і мінуси»
Заголовок <h2>
Генерувати опис «Плюси гри» і «Мінуси гри» через ІІ або вручну
Списки <ul> для кожного розділу
2.6. Додаткові блоки з кнопкою
Розмістити 2 блоки з кнопкою Play Now (в ключових точках)
Приклад у вкладенні.
3. Контент і тексти
Генерація тексту ІІ: загальний обсяг — близько 3000 слів англійською мовою. Потрібно брати сайти з прикладу і рерайтити текст за допомогою ІІ англійською.
Тексти для блоків: опис гри, особливості, інструкції, переваги та недоліки
4. Дизайн і матеріали
Використовувати зображення з наданого архіву (фонові, іконки)
https://drive.google.com/drive/folders/1w-EemHPX0tNjTgyFs_ZCUnwPGOAsnrdt
Зробити власні унікальні скріншоти 5-7 штук з Демки https://inout.games/games/chicken-road-2-0
Адаптивна верстка: mobile-first, коректне відображення меню та iframe на мобільних пристроях
5. Технічні вимоги
Чистий HTML5, CSS3
Мінімум JavaScript (тільки для бургера і, за необхідності, легкої анімації)
Оптимізація зображень (WebP або JPEG/PNG стиснення)
Все описане вище в тій чи іншій формі ви можете бачити на сайтах прикладах.
Потрібно використовувати
H1 - 1 штука
Н2 - 5-10 штук
Н3 - 10-15 штук
Опис до кожного заголовка 2-3 речення англійською мовою.
Є необхідність у постійній розробці подібних односторінкових сайтів. Якщо сподобається ваша робота, можемо налагодити співпрацю на постійній основі.
