#8201
Predstavitev projekta

ELNET

Cilj:

prenova podobe.

Obseg:

celostna grafična podoba z aplikacijami,
spletna stran.

Poudarek:

profesionalno,
sodobno, čisto,
umirjeno,
'manj je več'.

Prenova vizualne podobe

Logotip

Stara podoba (logo, tiskovine...)

Nov logo

Razvoj novega logotipa

Razvoj novega logotipa
je potekal v več fazah.

Tu je prikazanih nekaj idej
in vzorcev razmišljanja
preden smo prišli do
končne verzije.

Konstrukcija logotipa

Končna izvedba logotipa:

Logotip ni bil samo oblikovan,
temveč tudi skonstruiran,
da ustreza vsem potrebam podjetja
in upodobitve podobe.

Prenova vizualne podobe

Priročnik CGP

* celostne grafične podobe

Priročnik

Najprej smo izdelali
novo vizualno podobo
nato jo strnili v priročnik

Priročnik CGP*
(*celostne grafične podobe)
vsebuje smernice
za konsistentno upodobitev
v vseh načinih reprodukcije.

Vsebina priročnika

1. Priročnik celostne
grafične podobe
vsebuje določila
oz. t.i. elemente:

2. Priročnik vsebuje
tudi konkretno
oblikovane izdelke
oz. t.i. aplikacije:

Prenova vizualne podobe

Spletna stran

User Interface / UI

Zgolj mini menu

Cel zaslon!

Sodobna oblika

Preprosto in urejeno

Npr.:

uporabimo cel zaslon,
povejmo eno stvar naenkrat,
komunicirajmo bistveno,
responsive design,
...

User Interface / UI

Skladno s CGP

Povsod enotna podoba

Npr.:

logotip, barve, tipografija,
dimenzije, razmaki in razmerja,
'prazni' prostor, efekti, ...

Vse naj bo enotno in skladno z vašo
celostno grafično podobo.

Skladno s CGP (min. prostor)

Enotne podoba:
razmerja in razmaki ...

Menu

'Hamburger'

'Slide-in' menu

Jasno, čisto

Poenostavimo!

Priporočamo:

ključne informacije že na vstopni strani,
v meniju preostalo, npr.:
- kratka predstavitev,
- o nas, kontakti,
- GDPR, pravila zasebnosti,
- ...

User eXperience / UX

Slike!

... povedo več, kot 1.000 besed

Na primer:

črno-bele fotografije,
storitve smo označili z barvo,
ob hover¹ se prikaže barvna slika
in pod njo ime reference.

... ali, kot vam ustreza.

¹ = z miško...

Referenčni projekti
(storitve z modro)

hover* z miško prikaže
vsak objekt v barvah

Animirajmo!

Primer: pot je
lahko animirana.

Pika na i

Saj ni bilo treba, ampak ...

Google Maps (zemljevid) je običajen prikaz lokacije.

Vrisana ali celo animirana pot pa naredi nekaj več. ;-)

Povzetek

Projekt ELNET

Prenova vizualne podobe in spletne strani.

Bi imeli ... nekaj podobnega?

Pon-pet: 8-12 in 14-16 ali SMS.