SWF.
Studija slučaja

Mašinska škola NS

Srednja mašinska škola u Novom Sadu: pola veka obrazovanja i preko 5.000 đaka. Napravili smo sajt koji spaja tradiciju i savremen veb: jasno predstavljenih 10 obrazovnih profila, vesti i školski list, i sve informacije o upisu na jednom mestu, pregledno za buduće đake i roditelje.

Informaciona arhitekturaUX/UI dizajnWordPressSEO
Mašinska škola NS: početna stranica sajta
03 / 2024
01 · Izazov

Škola sa dugom tradicijom i velikim brojem đaka ima mnogo sadržaja: profili, raspored, kalendar, vesti, upis, školski list. Izazov je bio da se sve to organizuje tako da budući đak i roditelj za par klikova nađu ono što traže, da škola sama lako objavljuje vesti, i da sajt bude vidljiv u pretrazi kada porodice biraju srednju školu.

02 · Pristup

Prvo pitanje nije bilo kako sajt izgleda, nego šta porodica traži kad prvi put dođe. Sve ostalo smo podredili tome. Ton smo držali između tradicije i sadašnjeg trenutka: škola sa pola veka istorije ne sme da deluje improvizovano, ali ni zastarelo na telefonu, odakle stiže većina poseta. WordPress je izabran zbog jedne obaveze, a ne zbog navike: kolektiv mora sam da objavljuje, bez zavisnosti od agencije.

03 · Šta je isporučeno
  • Deset obrazovnih profila, četvorogodišnji i trogodišnji razdvojeni
  • Raspored, kalendar i kompletne informacije o upisu
  • Sekcija vesti i školski list „Mašinci novog doba”
  • SEO osnova postavljena od starta
  • CMS kojim kolektiv sam objavljuje
  • Živo na masinskans.edu.rs

Kako radi.

Korak 01

Bira profil

Četvorogodišnji i trogodišnji profili razdvojeni su i opisani, pa porodica poredi ono što je stvarno različito.

Korak 02

Proverava upis

Informacije o upisu stoje na jednom mestu, uz raspored i kalendar, bez traženja po objavama.

Korak 03

Prati školu

Vesti i školski list stižu direktno od kolektiva, bez posrednika između škole i porodica.

Dizajn sistem
Tipografija
Exo 2
Telo: InterSkala: 16 → 60px

Exo 2 je tehnički, blago „inženjerski” grotesk. Savršeno pristaje mašinskoj školi i daje naslovima karakter, dok Inter u telu drži tekst čitljivim i ozbiljnim za đake i roditelje.

Paleta
Primarna
Plava
#0008B0

Snažna, samouverena plava nosi identitet škole: ozbiljno i stabilno, u duhu tehničkog obrazovanja.

Sekundarna
Teget
#000455

Tamnija plava za dubinu i kontrast: pozadine i naslovi kojima treba težina.

Neutralna
Svetloplava
#53B1DC

Vazdušasta plava spušta ton i otvara prostor: detalji, ikone i sekcije koje treba da dišu.

Akcenat
Crvena
#AE0100

Jedini topao ton. Koristi se štedljivo, za istaknute akcije i naglaske na plavoj osnovi.

Imate sličan projekat? Hajde da popričamo.