Stefan Stojanović ENSR ✕ Esc
← Nazad na projekte

Web · 02 / 05

iCode-Le - Redizajn sajta

Konceptualni redizajn koji prenatrpanu ponudu kurseva pretvara u jedan jasan put.

iCode-Le redizajn sajta - nova početna strana na laptopu, tabletu i telefonu
Klijent
iCode-Le
Kategorija
Redizajn sajta · UX
Uloga
Koncept, UX i UI dizajn
Realizovano pod
SS Design Studio
Status
Koncept

Zadatak i koncept

Konceptualni redizajn za iCode-Le, pravu školu programiranja u Leskovcu - jedan na jedan i u malim grupama. Originalni sajt je pokušavao da kaže sve odjednom - programiranje, Office, AI, STEM, Arduino i radionice nabacani na jednu stranu, prazan šop, membership ponuda, i svaki poziv na akciju vodio je na istu generičku Google formu. Nije bilo cena, ni reči o osobi koja zapravo drži časove. Ponuda je bila jaka, ali posetilac nije imao jasan put od „zanima me“ do „zakazao sam čas.“

Sajt je preuređen oko jednog iskrenog toka: šta možeš da naučiš (tri fokusirane oblasti), za koga je, kako čas zaista izgleda i tri jasna načina da se krene - svaki sa realnom cenom. Poverenje je izvučeno na površinu sekcijom o profesoru, utiscima polaznika i FAQ-om koji odgovara na pitanja koja su ljudi ionako slali mejlom.

iCode-Le koncept redizajna - prvi ekran novog sajta
iCode-Le - prvi ekran sadašnjeg sajta
Sadašnji sajt Redizajn
Prevuci da vidiš sadašnji sajt

Redizajniran je i logo, a ceo vizuelni sistem izrađen je u Figmi i Adobe Illustratoru, dok je front-end kodiran uz AI-asistiran razvoj. Brend plava i narandžasta su zadržane, ali smeštene u svetao, prozračan raspored sa prepoznatljivim „editorom koda“ u herou - živim staklenim panelom sa sintaksnim bojama iznad tananog polja jedinica i nula. Raspored je proveren u pregledima za Samsung S25 Ultra, iPad i MacBook i testom na dodir, sa posebnim rasporedom za tablet umesto razvučenog telefonskog ekrana. Deluje manje kao letak, a više kao mesto gde se prave stvarni projekti.

iCode-Le redizajn - prolaz kroz ceo sajt na laptopu
iCode-Le redizajn - prolaz kroz sajt na tabletu
iCode-Le redizajn - prolaz kroz mobilni sajt na telefonu
Informaciona arhitektura
Jedan iskren tok - šta učiš, za koga je, kako izgleda čas, tri načina da se krene, dokazi, FAQ, pa zakazivanje.
Vizuelni sistem
Brend plava i narandžasta u svetlom, prozračnom rasporedu, sa staklenim kod-editorom kao prepoznatljivim elementom.
Interakcija
Živi kod-panel sa sintaksnim bojama u herou, preko suptilnog polja jedinica i nula, uz hover i motion stanja kroz ceo sajt.
Responzivnost
Iznova napravljeno za desktop, tablet i mobilni, sa realnim cenama i funkcionalnom formom za zakazivanje umesto stare generičke Google forme.
iCode-Le redizajn - desktop i mobilni ekrani svih sekcija novog sajta