Lični projekat / Aktivan

Brend identitet / Sajtovi

Webovanje

Istražuj. Uči. Stvaraj.

Vrsta
Lični projekat
Status
Aktivan
Oblast
Brend identitet / Sajtovi
Godina
2024
Webovanje
Priča o projektu

Brend identitet / Sajtovi

Dalje ↓
Istraži. Nauči. Stvori. Brend osmišljen da znanje o grafičkom dizajnu bude otvoreno, živo i zanimljivo za istraživanje.

Ukratko o projektu

Sve bitno na jednom mestu

Brend izgrađen oko jednostavne navike: istraži, nauči, pa stvori.

Uloga
Osnivač, dizajner i autor strategije brenda
Zaduženja
  • Ime
  • Strategija brenda
  • Vizuelni identitet
  • Pravac sajta
  • Organizacija sadržaja
Izazov
Znanje o grafičkom dizajnu približiti ljudima koji nisu dizajneri, a da brend ne postane još jedan bezličan edukativni sajt.
Šta je urađeno
  • Ime i mesto na tržištu
  • Vizuelni identitet
  • Animirani znak
  • Pravila brenda
  • Edukativni sajt

Poglavlje

01

Promišljen proces

Način rada

Svaka odluka prošla je četiri provere.

Webovanje je nastalo kroz jasan model rada koji je strategiju i dizajn držao zajedno. Svaki deo prolazio je kroz razumevanje, istraživanje, testiranje i rešenje, pre nego što bi ušao u konačni identitet.

Razumevanje
01
Istraživanje
02
Testiranje
03
Rešenje
04

Poglavlje

02

Edukativni brend

Ideja

Za radoznale koji nisu dizajneri.

Platforma je delila znanje ljubitelja grafičkog dizajna kroz edukativne tekstove, primere završenih projekata i praktične alate. Publiku je spajala želja da istražuje, uči i stvara — čak i kada kreativan posao nije njihova profesija.

Set nalepnica sa simbolom unutar prstena Istraži Nauči Stvori

Poglavlje

03

Ime kao glagol

Ime

Od guglanja do Webovanja.

Polazna tačka bio je poznat domaći izraz za pretraživanje interneta — guglanje. Kada se Google zameni rečju Web, dobija se novi, direktan glagol: tražiti informacije o nekome ili nečemu na internetu. Slovo W čuva vezu sa World Wide Webom.

Poglavlje

04

Kako je nastao znak

Webovanje logotip koji se sažima u samostalni simbol W
Slika 01

Logotip se svodi na jedno slovo — simbol je ono što može da stoji samo.

Blok sa ranim skicama slova W pored olovaka, lenjira i šestara
01 / Primena
Niz skica olovkom koje jedan potez razvijaju do gotovog znaka
02 / Primena
Otvorena sveska sa varijantama slova W na mreži, koje se završavaju punim simbolom

Konstrukcija

Jedno V, udvojeno, pa udvojeno po dijagonali.

Simbol se svodi na jednu jednostavnu liniju. Dva slova V jedno pored drugog čitaju se kao W, a kada se ponove po dijagonali, potezi se slažu jedan uz drugi dok se praznine unutra ne popune i slovo ne dobije pun oblik i punu boju. Četiri koraka, jedan potez — ta ideja se provlači kroz ceo znak.

Četiri koraka izgradnje simbola: jedan potez, udvojeno W, naslagano ponavljanje, pun znak
Simbol koji se sam iscrtava, konturni potezi se sklapaju u pun znak

Pokret

Znak koji nastaje, a ne stoji.

Simbol je jedan potez ponovljen pod uglom, pa se na ekranu iscrtava jednako lako kao što se štampa. Zato se logotip animira iz sopstvene konstrukcije, umesto da mu se pokret naknadno dodaje.

Konstrukcija simbola u okviru od 100 × 60 jedinica
Slika 02

Uklopljen u okvir od 100 x 60 jedinica, pa svaka primena kreće od iste geometrije.

Bezijeove ručice na unutrašnjem prostoru simbola, bledoplavo na šafran narandžastoj

Crtež

Krive crtane rukom, a ne preuzete gotove.

Svaka praznina unutar znaka isečena je prema spoljnom potezu, umesto da je preuzeta iz nekog fonta — odatle znaku toplina. Na prvi pogled se čita kao W, a i kada logotipa nema, stoji kao samostalan simbol.

Ceo logotip se otkriva — W se iscrtava konturom, ispunjava, a zatim razmotava

Poglavlje

05

Celina

Webovanje logotip u šafran narandžastoj na crnoj podlozi

Varijante

Dva oblika jednog imena.

Identitet postoji u dva oblika. Logotip nosi celo ime gde god ima dovoljno mesta — u štampi, na natpisima, na prednjoj strani vizit-karte — a simbol ga zamenjuje tamo gde mesta nema. Oba su nastala iz iste geometrije, pa prelazak s jednog na drugi nikad ne menja izgled brenda.

Paleta boja

Boje sa zadatkom

Narandžasta nosi istraživanje, plava podržava učenje, bledo nebo ostavlja prostor za stvaranje, a tamni mahagoni donosi fokus i kontrast.

#FF6200Istraži / Šafran narandžasta

#1A45DFNauči / Duboka plava

#DFE4EFStvori / Bledo nebo

#0F0702Fokus / Duboki mahagoni

Simbol ponovljen u nizu koji se udaljava, od šafran narandžaste do bledosive
Konstrukcija šare — simbol ponovljen pod nagibom u tamnoplavoj
Slika 03

Šara je isto ponavljanje, vođeno pod uglom dok slovo ne postane tekstura.

Poglavlje

06

Od brenda do vodiča

Korice priručnika brenda — Identitet Brenda u gradijentu od narandžaste do plave
01 / Primena
Priručnik brenda otvoren na sadržaju i naslovnoj strani prvog poglavlja
02 / Primena

Standardi

Priručnik koji se koristi, a ne skuplja prašinu.

Pravila idu od značenja svake boje do toga kako se identitet ponaša na ekranu, a završavaju se pristupačnošću: za svaki par boja iz palete naveden je izmeren kontrast, pa niko ne mora da nagađa da li je kombinacija čitljiva.

Strane priručnika brenda o značenju boja i split-komplementarnom kontrastu
01
Strane priručnika brenda o digitalnoj primeni
02
Strane priručnika brenda o pristupačnosti i izmerenim odnosima kontrasta
03

Poglavlje

07

U upotrebi

Vizitkarte — prednja strana u gradijentu i tamnosiva poleđina na tamnom drvetu
01 / Primena
Set poslovnih materijala: memorandum, vizitkarte, telefon i tablet na sivoj podlozi
02 / Primena
Istraži – Nauči – Stvori kao neprekidna pokretna traka
Bilbord sa logotipom u narandžastoj na plavoj šari
Crno-narandžasti kačket sa izvezenim simbolom
01
Svetla majica sa malim odštampanim simbolom na grudima
02
Majica sa natpisom Istraži Nauči Stvori, osvetljena na stalku
03
Platnena torba u narandžasto-plavoj šari sa WBVE logotipom
01
Narandžasta šolja sa simbolom u tamnoplavoj
02
Dve šolje — simbol u narandžastoj i WBVE logotip sa šarom
03

Poglavlje

08

Sajt

Mapa sajta: jedna glavna stranica koja vodi ka istraživanju, učenju i stvaranju

Struktura

Troja vrata, jedna navika.

Sajt je organizovan oko ista tri glagola na kojima počiva brend. Istraži, nauči i stvori otvaraju se sa početne strane i svaki vodi ka svojim tekstovima, pa čitalac stiže tamo gde je već i hteo.

Pregled projekta
Laptop sa Webovanje početnom stranicom na gradijentu od narandžaste do plave
01
Tablet sa spiskom članaka u narandžastoj
02
Telefon sa responzivnom početnom stranicom
03
Sajt, prva verzija — narandžasta podloga sa plavim dugmadima za poziv na akciju
01 / Primena
Sajt, druga verzija — cela stranica u narandžastoj sa naslaganim trakama sadržaja
02 / Primena
Sajt, treća verzija — paleta posvetljena do bledoroze i plave
01 / Primena
Sajt, završna verzija — bledoroze podloga, ponuda u tri kolone i blok zajednice
02 / Primena

Rezultat

Četiri verzije, jedan pravac.

Sajt je tri puta prerađivan, a identitet nijednom nije morao da se menja. Narandžasta se sa cele stranice povukla samo na ono na šta se klikće, a bledo nebo postalo je pozadina — ista paleta, drugačije raspoređena kako je tekstova bivalo sve više. Webovanje je i danas aktivno na webovanje.com, posle perioda velikog rasta poseta iz pretrage, bez plaćenih reklama.

Pogledajte još

Sledeći projekti

2 izdvojena