O projektu
Projekt je obuhvaćao osmišljavanje i izradu Portala za digitalno obrazovanje i tehnologije u nastajanju u sklopu projekta e-Sveučilišta, s ciljem objedinjavanja edukacija, alata i sadržaja o primjeni digitalnih tehnologija u obrazovanju na jednom mjestu.
Portal je namijenjen djelatnicima u visokom obrazovanju, studentima te široj obrazovnoj i istraživačkoj zajednici. Koncept i struktura oblikovani su s naglaskom na preglednost, jednostavno snalaženje i poticanje razmjene znanja.
Naziv i slogan
Naziv DOT nastao je kao akronim za “Digitalno obrazovanje i tehnologije”, dok riječ “dot” simbolizira povezanost i središnje mjesto okupljanja digitalnih sadržaja, alata i znanja. Naziv povezuje tehnologiju, učenje i razmjenu iskustava kroz jednostavan pristup relevantnim informacijama.
“ Spojite točke, umrežite znanje.
Slogan naglašava povezivanje informacija, ljudi i znanja u jedinstvenu digitalnu platformu za učenje, suradnju i razmjenu iskustava.
Identitet u obliku
“ Ponekad dizajn ne počinje idejom, već pravilom – geometrijom, ritmom i mrežom.
Upravo iz sustava od šest precizno postavljenih kružnica nastao je ovaj logotip, u kojem se slova D, O i T oblikuju kroz pažljivo konstruirane kružne plohe.
Minimalistička crna forma donosi jasnoću, stabilnost i suvremen izgled, dok tri obojene točkice unose dinamiku i poveznicu s vizualnim identitetom CARNET-a. One simboliziraju povezanost, razmjenu znanja i digitalnu komunikaciju. Logotip tako spaja tehničku preciznost i vizualnu razigranost te jednako uspješno funkcionira u digitalnim i tiskanim medijima, na svijetlim i tamnim podlogama.
Informacijska struktura
Kroz radionice smo definirali strukturu portala, organizaciju sadržaja i logiku navigacije kako bismo korisnicima omogućili jasno i jednostavno snalaženje. Poseban fokus bio je na preglednosti, razumljivim nazivima kategorija i mogućnosti daljnjeg razvoja sadržaja.
Wireframe
Nakon definiranja strukture izrađeni su wireframeovi za različite tipove stranica. Njima smo razradili raspored elemenata, hijerarhiju sadržaja, navigaciju i ključne funkcionalnosti prije početka vizualnog dizajna.
Sadržajne smjernice
Paralelno smo razvijali inicijalni sadržaj i sadržajne smjernice za portal. Definiran je ton komunikacije, pravila oblikovanja tekstova i urednički pristup kako bi sadržaj bio dosljedan, jasan i prilagođen različitim vrstama objava.
Dizajn sustava
Nakon wireframe faze razvijen je vizualni smjer i izrađeni su mockup–i za ključne tipove stranica: naslovnicu, rubrike, liste vijesti, statične stranice te podcast sekciju. Fokus je bio na stvaranju sustava koji može podržati velik broj različitih sadržaja, a pritom ostati pregledan i jednostavan za korištenje.
“ Vizualni stil temelji se na čistoj uredničkoj strukturi, uz ilustracije, boje i grafičke detalje koji unose dinamiku i razlikuju pojedine sekcije. Sustav je postavljen modularno kroz kartice i sadržajne blokove, čime je osigurana dosljednost i fleksibilnost za različite formate sadržaja.
Sustav je postavljen modularno, kroz kartice i sadržajne blokove koji se ponavljaju kroz različite stranice. Time je postignuta dosljednost u dizajnu, ali i dovoljno fleksibilnosti za prilagodbu različitim formatima sadržaja, od članaka i vijesti do edukacija i podcasta.
Za podcast sekciju razvijeni su zasebni vizuali i prilagodljivi predlošci naslovnih slika, dok je kroz UI Style Guide definiran sustav tipografije, boja, grida i komponenti kao temelj za daljnji razvoj portala i budućih e-Sveučilište webova.
Implementacija i razvoj
Implementacija i razvoj
Nakon završetka dizajnerske faze portal je implementiran u WordPress okruženju, s fokusom na jednostavno upravljanje sadržajem i mogućnost budućih nadogradnji. Tehnička izvedba uključivala je integraciju prijave putem CARNET sustava, višejezičnost, SEO postavke, analitiku, upravljanje sadržajem i migraciju postojećeg portala sys.portal.
Pristupačnost
Portal je od početka razvijan prema visokim standardima pristupačnosti i sigurnosti. Implementirane su prilagodbe za čitače ekrana, promjenu kontrasta, veličine fonta i uključivanje fonta za disleksiju, uz poštivanje smjernica digitalne pristupačnosti i sigurnosnih zahtjeva.
Personalizacija
Sustav je razvijen modularno i fleksibilno kako bi uredništvu omogućio jednostavno prilagođavanje sadržaja, upravljanje različitim tipovima objava i daljnji razvoj portala bez narušavanja osnovne strukture.