KECY Žilina

(02) Landing page

Anglicko-konverzačný letný tábor pre ôsmakov, deviatakov a stredoškolákov. Zaujať tínedžerov musíme za tri sekundy, zvyšok času máme na presvedčenie rodičov, aby im camp zaplatili.

Klient: KECY Žilina
Rozsah: Dizajn, postavičky, vývoj, registrácia, spracovanie fotiek
Technológie: HTML, Tailwind CSS 4, vanilla JavaScript
Web: Pozrieť web ↗

Tábor pre tínedžerov potrebuje web, ktorý nevyzerá ako zo školy. Hlasný, farebný a zábavný, no zároveň informačne jasný a bohatý pre rodičov.

Tínedžeri prídu z Instagramu na telefóne, takže sme začali mobilom. Celý vizuál sme navrhli vo Figme: farby, typografiu, natočené karty aj postavičky účastníkov. Potom sme ho domysleli pre tablet, notebook aj veľký monitor.

Úvod stránky: English camp for youth na limetkovom pozadí

Statický web bez balastu. Rýchly na slabom signáli, hoci aj v horách pri Medzilaborciach.

Čisté HTML, Tailwind a trocha JavaScriptu na citáty, lightbox a video. Postavičky sme z dizajnu vyexportovali ako priehľadné WebP obrázky a fotky z tábora spracovali do troch veľkostí.

01

Vlastný vizuál a postavičky

Neónové farby, čierne tiene, ostré prechody medzi sekciami a vystrihnuté hlavy účastníkov. Navrhnuté vo Figme a prenesené do kódu na pixel.
02

Odvaha a hravosť

Tak ako životné obdobie stredoškoláka, naša stránka prináša obe. Hravé postavičky ukazujú, že camp nie je niečo vzdialené, ale niečo bezpečné. Odvážne neónové farby naopak prinášajú prvok jedinečnosti a snahy vytŕčať z davu.
03

Video až na kliknutie

YouTube sa načíta, až keď ho niekto naozaj chce pustiť. Dovtedy stačí náhľad a stránka je tak rýchlejšia.
04

Registrácia bez prekvapení

Všetky informácie o registrácii sme izolovali na samostatnú stránku. Študent či rodič tak má ešte pred prihláškou možnosť vidieť cenu, zľavu za pozvaného kamoša, štipendium aj storno podmienky.