Klima101

Uvod:

Klima101 je NVO i informativni web sajt koji se bavi klimatskim promenama. Iako pokriva vesti i dešavanja iz celog sveta, ciljna grupa im je Srbija i region. Klima101 ima za cilj da edukuje ljude o klimatskim promenama.

Projekat:

Prvi web sajt Klime101 je bio napravljen u WordPress temi, koja je imala svoja ograničena i nakon par godina Klimi101 je bila potrebna veća fleksibilnost. Tako da smo napravili custom WordPress temu koja zadovoljava sve potrebe njihovih čitalaca, ali i urednika i autora.

Ciljevi projekta su bili da se Klima101 otarasi standardnog „blog“ izgleda i da postane informativni web sajt, poput velikih novinarskih sajtova. Morali smo da reorganizujemo sadržaj sajta, olakšamo čitaocima kretanje kroz sajt, omogućimo komentare i vezu sa društvenim vezama, i da učvrstimo brend Klime101 povezujući vizuelno sve aspekte njihovog online prisustva.

Ograničenja:

• Imali smo rok od 4 nedelje, za dizajn i izradu sajta zajedno. Kasnije je rok pomeren kako bi se izrada završila, ali dizajn je bio spreman za manje od 3 nedelje.
• Kako je web sajt izgrađen za WordPress platformu imali smo neka ograničenja i za backend i za frontend u cilju da administracija bude što jednostavnija i da sajt funkcioniše bez opterećenja.

Klima101 je započela izgradnju brenda samo sa logom.

Ostatak vizuelnog identiteta je izgrađen vremenom. Tek sa redizajnom web sajta vizuelni identitet je konačno definisan.

Osnove identiteta čine crna i zelena boja, upečatljiva „bold“ tipografija i linije koje se koriste kako u ilustracijama tako i u dizajn sistemu za web sajt.

Neke od ikonica i ilustracija

Više od 30 ikonica i ilustracija je napravljeno za web sajt, društvene mreže i digitalni priručnik.

Primer stila za ikonice

Primer stila za ilustracije

Dizajn infografika

Infografici se nalaze i na landing stranama ali i na stranama pojedinačnih tekstova, kao i na društvenim mrežama.

Sadržaj web sajta

Najveći deo sadržaja pripada postovima, tj. tekstovima koji se objavljuju na sajtu. Tekstove smo podelili na 10 različitih kategorija na osnovu tema koje pokrivaju. Takođe, osmislili smo posebnu kategoriju kojoj pripadaju svi članci koji su originalno napisani od strane istraživača, novinara i stručnjaka za Klimu101.

Jednostavan user flow

Deo dizajn sistema

Strana individualnog posta

Na ovoj strani smo osmislili nekoliko umetnutih odeljaka kako bismo ostvarili ciljeve sajta i omogućili bolji UX za korisnike:

1. Kategorije kojima pripada tekst. Svaka kartica je link ka strani gde se prikazuju svi tekstovi koji pripadaju toj kategoriji, poput filtera.
2. Osnovne informacije posta: vreme objave, autor teksta i broj komentara. Ime autora je linkovano i otvara stranu tog autora, gde se nalazi njegova fotografija, osnovne informacije i svi tekstovi tog autora. Ikonica za komentare je linkovana sa sekcijom za komentare na dnu strane.
3. Sidebar sekcije: Najnoviji postovi i spisak svih kategorija
4. Izdvojen citat iz teksta: Može se dodati bilo gde u tekstu i pomaže autorima da izdvoje najbitnije delove teksta koji su i čitaocima najzanimljiviji.
5. Slični postovi: Može se dodati bilo gde u tekstu i ručno se biraju postovi koji će se prikazati kako bi korisnici zaista dobili najviše povezane tekstove. Takođe, ovaj odeljak omogućava duže zadržavanje korisnika na sajtu jer su im ponuđeni tekstovi koji ih zanimaju.
6. Prijava na newsletter: Pročitajte više u sledećem odeljku.
7. Linkovi ka društvenim mrežama.
8. Povezani postovi koji se automatski selektuju i pojavljuju u zavisnosti od kategorija i tagova.
9. Sekcija za komentare: Pročitajte više ispod.

Kategorija autorskih tekstova

U cilju vizuelnog izdvajanja autorskih tekstova na sajtu, dizajnirali smo oznaku koristeći ikonicu zvezde, koja se prikazuje na umanjenim slikama članaka. Ovako posetioci sajta mogu lako da uoče autorske tekstove bilo gde na sajtu.

Prijava na newsletter

Jedan od ciljeva novog web sajta je da korisnici mogu lakše da se prijave na newsletter i zbog toga smo dodali dva različita odeljka u ovu svrhu. Umetnuti odeljak na stranama individualnih postova, i odeljak koji je deo svake strane i nalazi se na dnu strane, odmah iznad footera.

Odeljak za komentarisanje ispod svakog teksta

Korisnicima je omogućeno da se prijave i ostave komentar. Ovo je jedna od novih funkcionalnosti na sajtu i jedna od važnijih jer Klima101 želi da podstakne razgovor o klimatskim promenama između autora i čitaoca ali i među čitaocima.

Proces dodavanja komentara na mobilnom uređaju.