Techniczne zadanie na stworzenie strony jednopodstronowej „Chicken Road 2”
Ważne: Trzeba stworzyć kilka takich stron jednopodstronowych, a kilku wykonawców zostanie wybranych do realizacji tego samego zadania. W rzeczywistości zadanie jest bardzo proste, zrobić prosty design zgodnie z TZ, przeredagować tekst za pomocą AI i zrobić 5-7 własnych zrzutów ekranu z wersji demo gry.
Ważne 2: To jest dokładnie wersja gry Chicken Road 2 - DRUGA wersja i trzeba opisywać właśnie drugą wersję, tam gdzie kura przechodzi drogą, po której jeżdżą samochody, a nie opisywać PIERWSZĄ wersję gry Chicken Road, gdzie kura przechodzi przez piecyki.
Aby zrozumieć różnicę w grach, trzeba spojrzeć na przykłady na stronie dewelopera.
Chicken Road 2 https://inout.games/games/chicken-road-2-0 (nasza wersja)
Chicken Road https://inout.games/games/chiken-road (NIE nasza wersja)
Strony, które się podobają i z których można brać przykład:
https://chickenroad.com/ (nie oczekuję takiego poziomu designu od prac, strona dla przykładu)
https://www.metisnews.it/
https://www.richardholdenbbq.co.uk/
https://chicken-road.net/
https://chicken-road2.net/
Z wyjątkiem pierwszego, wszystkie pozostałe strony mają minimalistyczny design (jeśli w ogóle można to nazwać designem) To przykład tego, co chciałbym uzyskać na wyjściu.
1. Ogólne informacje
Projekt: Strona jednopodstronowa dla gry Chicken Road 2.
Docelowa grupa odbiorców: Młodzi gracze, miłośnicy gier kasynowych i rozrywek casualowych.
Język tekstu: Angielski.
Format przekazania: gotowy zestaw plików: index.html, folder(y) ze stylami (css/), skryptami (js/), obrazami (images/, w tym zrzuty ekranu).
2. Struktura strony
2.1. Pierwszy ekran
Logo i responsywne menu (burger)
Główny nagłówek <h1>
Iframe z wersją demo gry (na pierwszym lub drugim ekranie)
<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>
Przycisk: Play for Real Money (co najmniej 5 przycisków na stronie głównej)
2.2. Blok „Jak grać”
Nagłówek <h2>
Lista kroków <ol> z podpowiedziami
Nagłówki <h2> lub <h3>, rozwijające szczegóły kroku
2.3. Zrzuty ekranu z gry
Umieścić 5–7 własnych zrzutów ekranu z wersji demo
Oformować w postaci nagłówka i krótkiego opisu tego, co dzieje się na zrzucie ekranu.
2.4. Tabele z danymi o grze
Tabela 1: podstawowe charakterystyki (RTP, minimalne/maksymalne stawki, tryby trudności)
Tabela 2: statystyki (średni mnożnik, maksymalna wygrana, liczba poziomów itp.)
Nagłówki tabel: <h2> i/lub <h3>
2.5. Blok „Zalety i wady”
Nagłówek <h2>
Generować opis „Zalety gry” i „Wady gry” przez AI lub ręcznie
Listy <ul> dla każdej sekcji
2.6. Dodatkowe bloki z przyciskiem
Umieścić 2 bloki z przyciskiem Play Now (w kluczowych punktach)
Przykład w załączniku.
3. Treść i teksty
Generacja tekstu AI: całkowita objętość — około 3000 słów w języku angielskim. Należy brać strony z przykładu i przeredagować tekst za pomocą AI na angielski.
Teksty dla bloków: opis gry, cechy, instrukcje, zalety i wady
4. Design i materiały
Używać obrazów z dostarczonego archiwum (tła, ikony)
https://drive.google.com/drive/folders/1w-EemHPX0tNjTgyFs_ZCUnwPGOAsnrdt
Stworzyć własne unikalne zrzuty ekranu 5-7 sztuk z Demki https://inout.games/games/chicken-road-2-0
Responsywne układ: mobile-first, poprawne wyświetlanie menu i iframe na urządzeniach mobilnych
5. Wymagania techniczne
Czysty HTML5, CSS3
Minimalna ilość JavaScript (tylko dla burgera i, w razie potrzeby, lekkiej animacji)
Optymalizacja obrazów (WebP lub JPEG/PNG kompresja)
Wszystko, co opisano powyżej w jakiejś formie można zobaczyć na stronach przykładach.
Trzeba używać
H1 - 1 sztuka
H2 - 5-10 sztuk
H3 - 10-15 sztuk
Opis do każdego nagłówka 2-3 zdania w języku angielskim.
Istnieje potrzeba stałego tworzenia podobnych stron jednopodstronowych. Jeśli spodoba się Twoja praca, możemy nawiązać współpracę na stałe.
