Threatrix Studija Slučaja

Saradnja sa izuzetnim timom stručnjaka za sajber bezbednost iz kompanije Threatrix rezultirala je kreiranjem sveobuhvatnog novog brenda – uključujući znak, logo, paletu boja, tipografiju i smernice za brendiranje. Takođe smo radili na dizajnu i razvoju veb sajta, kao i na raznim grafičkim elementima, poput grafika za štandove na sajmovima, korica za bele knjige i drugih promotivnih materijala.

Usluge

Uvod u Threatrix i Ginger

Threatrix se fokusira razvoju naprednih alata za bezbednost otvorenog koda, usklađenost licenci i upravljanje rizicima u lancu snabdevanja, pružajući softverska rešenja na nivou preduzeća za vodeće kompanije u industriji. Njihova autonomna platforma za upravljanje otvorenim kodom ističe se brzinom, sveobuhvatnom tačnošću i visokim stepenom automatizacije.

Tim iz Threatrix-a nam se obratio s potrebom za osvežavanjem njihovog brenda, rešavanjem različitih grafičkih zahteva i kreiranjem novog veb sajta. Njihova rešenja su počela da se probijaju na tržištu i bila su spremna za konkurenciju u prikupljanju dodatnih sredstava, a naš prvi zadatak bio je da osmislimo moderan vizuelni identitet koji će verno preneti njihovu priču i pomoći im da se istaknu u moru drugih kompanija. Nakon toga, sproveli smo kompletan redizajn i razvoj veb sajta. Tim iz Threatrix-a je insistirao da sajt ostane statičan, dok bi WordPress pokretao njihov blog – što smo precizno realizovali prema njihovim zahtevima.

Proces brendiranja Threatrix-a

Započeli smo uvodne sastanke sa Džonom i Kristen, nastojeći da saznamo što više o njihovoj kompaniji, dosadašnjim naporima u brendiranju, kao i o tome šta je funkcionisalo, a šta nije. Detaljno smo analizirali njihov stari logotip, paletu boja, tipografiju i dizajnerske elemente korišćene u prethodnim materijalima.

Njihov stari logo bio je previše sličan logotipu jedne IT kompanije, što je moglo predstavljati potencijalni problem. Tokom sastanaka za prikupljanje informacija, jasno su definisali ograničenja koja su imali na umu: nismo smeli da koristimo uobičajene simbole u industriji informacione bezbednosti, poput štitova, ključeva i brava. Naš zadatak je bio da osmislimo dovoljno apstraktan logo koji će istovremeno preneti njihovu priču – Threatrix je razvio naprednu platformu pokretanu veštačkom inteligencijom, fokusiranu na bezbednost lanca snabdevanja, sigurnost otvorenog koda i upravljanje rizicima.

Prezentacija

IkonicaThreatrix-a (Znak)

Dogovorili smo se da započnemo proces dizajna ikone kreiranjem tri koncepta za njih. Nakon prva dva sastanka s njihovim timom, prikupili smo dovoljno informacija da započnemo rad.

Nakon što smo kreirali koncepte, tim iz Threatrix-a se složio da smo na pravom putu i odabrao jedan koncept za dalji razvoj u njihov novi logo. Želeli su da ikona odražava njihov fokus na inteligentnu, otvorenu međusobnu povezanost i da uključi ideju o lancu snabdevanja. Naše istraživanje je pokazalo da im se dopada motiv globusa sa povezanim čvorovima, što nas je upravo inspirisalo za odabrani koncept, prateći pažljivo njihove povratne informacije. Nakon tri iteracije izabranog koncepta, svi smo bili na istoj talasnoj dužini, a tim iz Threatrix-a je bio siguran da je dobio svoju novu ikonu.

Logo

Naš dizajner je pažljivo slušao želje tima iz Threatrix-a i primenio svoje ideje i najbolje prakse u kreiranju znaka. Kreirali smo ikonu koja koristi negativan prostor, perspektivu i geometriju kako bi pažljivo stvorila bogatu dimenzionalnost i prenela priču o Threatrix-u. Lanac snabdevanja je prikazan kroz negativan prostor i povezane čvorove unutar ikone, dok zakrivljenost i iskrivljena perspektiva ikone simbolizuju globus sa povezanim čvorovima, što naglašava skalabilnost Threatrix-a.

Sledeći koraci za nas bili su dovršavanje logotipa koristeći oštru, modernu tipografiju i pažljivo birajući pravu paletu boja.

Tipografija i paleta boja Threatrix-a

Odabir fontova i palete boja bio je znatno lakši zadatak u poređenju sa dizajnom ikone. Brzo smo razumeli šta Threatrix želi i uspešno uskladili tipografiju sa znakom.

Posebno smo uživali u procesu kreiranja palete boja. Naše istraživanje je pokazalo da kompanije iz oblasti sajber bezbednosti i informacione sigurnosti obično dele rad na različite domene, koji su najčešće predstavljeni bojama. Threatrix pripada domenu zelenog InfoSec tima, koji predstavlja vezu između plavog i žutog tima. Njihov fokus je na unapređenju sposobnosti za odbranu kroz kod i dizajn, uključujući detekciju, odgovor na incidente i digitalnu forenziku, čime se značajno poboljšava kapacitet za otkrivanje pretnji.

Kreirali smo tri palete boja, a tim iz Threatrix-a se složio da je ona sa primarnom zelenom bojom, koja odražava njihovu poziciju u industriji, savršen izbor. Testirali smo različite nijanse primarne zelene i sekundarne žute boje. Dogovorili smo se da nastavimo sa primarnom zelenom bojom #73DD08 i sekundarnom narandžasto-žutom bojom #FFA113 kako bismo paleti dodali više energije i topline, uz neutralnu osnovu koju smo prethodno kreirali.

Brendiranje

Tim iz Threatrix-a bio je uveren da smo na pravom putu, pa smo kreirali različite prikaze njihovog novog logotipa, koji su demonstrirali njegovu vidljivost i sve kvalitete – od najmanjih aplikacija do velikih fokusiranih primena. Proces brendiranja za Threatrix smo zaokružili kreiranjem različitih verzija i primena logotipa. Dizajn logotipa bio je završen!

Proces dizajna i razvoja veb sajta Threatrix-a

Tim Threatrix-a okuplja iskusne programere i developere aplikacija. Ipak, smatrali su da njihov veb sajt zahteva osvežavanje i da bi za njih bilo efikasnije da se fokusiraju na razvoj internih alata, dok bi dizajn i razvoj sajta prepustili stručnjacima za tu oblast. Odlučili su da taj zadatak poverе timu iz Ginger-a.

Kako smo već kreirali njihov vizuelni identitet i nekoliko grafičkih materijala, imali smo jasnu viziju dizajnerskih rešenja koja su Threatrix-u bila potrebna. Pošto je vreme bilo ključni faktor, njihov tim je zatražio da preskočimo klasičan proces dizajna i prvo kreiramo početnu stranicu (Home), zatim kolekciju blogova i pojedinačne blog stranice. Tek nakon toga je trebalo osmisliti ostatak sajta i prilagoditi početnu stranicu kako bi sve bilo dosledno povezano, s obzirom na to da im je sajt bio potreban u izuzetno kratkom vremenskom roku za predstojeće događaje i marketinške aktivnosti.

Blisko smo sarađivali s timom kako bismo utvrdili koje delove sadržaja sa postojećeg sajta treba ukloniti, šta treba redizajnirati, a šta dodati. Na osnovu toga smo kreirali novu mapu sajta, koju smo dosledno pratili tokom faze dizajna i razvoja.

Početna stranica

Sa paletom boja koju smo kreirali i informacijama koje smo dobili, bilo nam je jasno da Threatrix želi moderan, selegantan dizajn sa jasnim porukama, bogatom grafikom i teksturiranim pozadinama.

Svaka sekcija na odredišnoj stranici bila je pažljivo osmišljena, sa grafikama specijalno dizajniranim za svaku priču. Naši dizajneri su koristili generisanje putem veštačke inteligencije kako bi brzo kreirali stotine ideja i precizno definisali prava grafička rešenja za elemente Threatrix-a.

Kompletan dizajn i razvoj realizovali smo kao statičnu stranicu sa prilagođenim PHP funkcijama u pozadini – i sve je bilo spremno tačno na vreme da tim iz Threatrix-a može odmah da je koristi.

Veb sajt

Nakon što smo završili hitan razvoj, mogli smo da se posvetimo redizajnu ostatka veb sajta.

Pratili smo naš provereni proces – prikupili smo informacije od Threatrix-a, analizirali prednosti i nedostatke različitih dizajnerskih rešenja, kreirali dizajne, testirali ih s timom Threatrix-a, doradili ih i nakon što su odobreni, predali ih na razvoj.

Celokupan sajt je bio redizajniran sa dosledno jasnim porukama, prilagođenom grafikom i glatkim animacijama.

Iskoristili smo naše znanje i iskustvo kako bismo kreirali tačno ono što je timu iz Threatrix-a bilo potrebno. Prilagođeni statični sajt koji smo razvili pružio je sve što je Threatrix-ovom timu bilo neophodno, predstavljajući savršenu osnovu za njihov budući rast.

Galerija veb sajta

Jedan od zahteva tima iz Threatrix-a bio je kreiranje dinamičkog šablona za odredišne stranice namenjene preuzimanju belih knjiga i privlačenju e-mail pretplatnika. Naš tim je razvio prilagođenu PHP funkcionalnost prema njihovim specifikacijama, omogućivši Threatrix-u da kreira i prati neograničen broj dinamičkih odredišnih stranica za sve svoje bele knjige.

Pregled bloga

Threatrix blog je izrađen u WordPress-u, a mi smo ga redizajnirali kako bi bio u potpunosti usklađen s novim dizajnom.

Cilj nam je bio da osiguramo uspeh njihovog budućeg SEO rada, pa smo dodali funkcionalnosti poput okvira sa podacima o autoru članka, datuma kreiranja i ažuriranja, kao i odgovarajućih istaknutih slika. Osim toga, restrukturirali smo njihove članke kako bi pratili pravilnu hijerarhiju naslova.

Rezultati saradnje Threatrix-a i Ginger-a

Kako je poslovanje unapređeno

Zahvaljujući efikasnoj komunikaciji i međusobnom razumevanju svih učesnika, Threatrix i Ginger su zajedno prošli kroz temeljni proces istraživanja, dizajna i razvoja. To nam je omogućilo da kreiramo moderan, pristupačan, siguran i visokoperformansan veb sajt visokih performansi koji verno prenosi priču o Threatrix-u, tačno onako kako je to njihov tim želeo.

Nastavljamo saradnju jer tim iz Threatrix-a ima potpuno poverenje u našu sposobnost da isporučimo visokokvalitetna rešenja – na vreme i u okviru budžeta.

Naši projekti

Da li ste spremni da unapredite svoje digitalno prisustvo i postanete priča o uspehu?

Istražite inspirativne priče o transformaciji i inovativnosti uz Ginger IT.