- 30/03/2026
- Web projekti 2025./2026.
One page dizajn “BikeFix Studio” - dizajn i CMS
Koncept zadatka za učenike 4. godine web dizajna razvijen je kao projektno orijentirani pristup učenju koji spaja kreativno promišljanje, tehničke vještine i praktičnu primjenu.
U školskoj godini 2025./2026. postavljen je kao cjeloviti proces – od idejnog koncepta i izrade wireframea, preko izrade vizualnog dizajna u Figmi, pa sve do implementacije funkcionalnog WordPress rješenja.
Na taj način učenici dobivaju priliku se upoznati s realnim kompleksnijim zahtjevima tržišta.
Ključni koraci i smjernice zadatka “BikeFix Studio”:
- Izrada wireframea – Desktop i mobile verzija, definiranje osnovne strukture i rasporeda.
- Postavljanje artboarda i grida – 1440 px desktop, 390 px mobile, 12/4 kolone ili flexbox logika.
- Definiranje vizualnog identiteta – Paleta boja, tipografija, stil ikona i gumbova, konzistentni razmaci.
- Dizajn obaveznih sekcija – Hero, usluge, proces, recenzije, lokacija/kontakt, footer.
- Izrada responzivnog dizajna – Vizualno povezane verzije, mobile u jednoj koloni, full‑width CTA.
- Kreativno oblikovanje – Sloboda u stilu, rasporedu, vizualnim naglascima i izboru multimedije.
- Priprema finalne predaje – Wireframe + dizajn za desktop i mobile, uredni artboardi, jasna hijerarhija.
Dijelovi rješenja koje učenici predaju:
- Wireframe – Desktop i mobile verzija
- Dizajn u Figmi – Desktop i mobile verzija + artboard
- Funkcionalno web rješenje – CMS WordPress
Poveznica: Zadatak i smjernice za učenike – upute su zadane 19.01.2026.
Rješenje: za prikaz koncepta odabrano je rješenje učenice Lucije Toplek, 4.d WD
Wireframe – Figma:
Dizajn + artboard – Figma:
Web rješenje – CMS WordPress: poveznica – https://bikefix.lucija-toplek.from.hr/
Ovako postavljen zadatak jasno povezuje sve bitne elemente profesionalnog web dizajna: planiranje strukture, izradu wireframea, definiranje vizualnog identiteta i izradu responzivnog dizajna.
Učenici kroz konkretne sekcije uče kako organizirati sadržaj, graditi vizualnu hijerarhiju i razmišljati o korisničkom iskustvu. Istovremeno, zadatak im ostavlja prostor za kreativnost u stilu, rasporedu i vizualnim rješenjima.
Zbog kombinacije jasnih smjernica i slobode u izvedbi, učenici razvijaju praktične, tržišno relevantne vještine i dobivaju rad koji mogu koristiti kasnije u svom portfoliju.
Pripremila: Suzana Šestan, magistra dizajna