Projekt iz portfolija

Bearing Intelligence

Bearing je platforma za konkurentsku inteligenciju namijenjena timovima za proizvode i cijene. Prati objave konkurenata — cijene, pakiranja, dnevnike promjena, podneske — te svakog jutra isporučuje strukturirane i provjerene promjene.

Korišteni alati i tehnologije

Cookie ConsentElementorImage OptimizerLiteSpeedRank Math SEOWordfence SecurityWordPress

Pregled projekta

Pretvaranje vizije u digitalnu prisutnost visokog utjecaja

Publika je bila neobično široka za jednu web stranicu. Voditelj odjela za cijene želi dokaz da su podaci ažurni. CTO želi znati s čime se alat povezuje. Nabava želi znati odakle dolaze podaci. Svaka je stranica morala odgovoriti drugom čitatelju bez fragmentacije na pet različitih proizvoda.

Smjer brenda — ime, znak, paleta i sustav s dva tipografska pisma
Višekratni dizajn sustav: varijable boja i veličina, tipografska ljestvica i obrasci komponenti
Makete korisničkog sučelja proizvoda korištene kao vizuali stranice umjesto generičkih fotografija
Jedanaest marketinških stranica, svaka s originalnim tekstom
Izrada u Elementoru V4

Izazov

Izgradnja tržišno spremnog brenda od temelja

Ova kategorija ima problem s vjerodostojnošću. Alati za konkurentsku inteligenciju obično izgledaju kao proizvodi za nadzor — tamne nadzorne ploče, radarski prikazi, početni dijelovi stranice s teškim gradijentima — a oni koji ne izgledaju tako, djeluju generički. Nijedan od tih pristupa ne ulijeva povjerenje kupcu koji mora opravdati odluku o promjeni cijena svom upravnom odboru.

Povjerenje je moralo biti vidljivo, a ne samo deklarirano. Tvrdnja „izvorno i provjerljivo” nikoga ne uvjerava. Samo sučelje moralo je prikazivati vremenske oznake, razlike u podacima i revizijske tragove.
Jedan brend, pet čitatelja. Odjeli za cijene, proizvode, IT, nabavu i financije trebali su stranicu napisanu za njih, jedinstvenim i dosljednim tonom.
Izrada je morala preživjeti primopredaju. Prekrasan statični dizajn koji bismo samo mi mogli uređivati bio bi neuspješan. Rezultat je morala biti prava Elementor stranica koju klijentov tim može samostalno održavati.

Također smo rano postavili strogo ograničenje: bez generičkih fotografija ljudi koji pokazuju na prijenosna računala. Ako je vrijednost proizvoda u strukturiranim dokazima, stranica treba prikazivati strukturirane dokaze.

Rješenje

Dizajn vođen strategijom i izvršenje usmjereno na konverzije

Identitet smo izgradili oko ideje instrumenta, a ne nadzorne ploče. Uski raspon od tamnoplave do petrolej boje nosi tamne dijelove, dok je tirkizna svedena na naglasak od šest piksela — nikada gumb, nikada gradijent. Tri boje podataka (gore, dolje, novo) rezervirane su isključivo za brojeve, tako da boja uvijek ima značenje.

Tipografija obavlja glavni posao: Instrument Sans za sav čitljiv tekst, JetBrains Mono za oznake, metriku, vremenske oznake i oznake izvora. Taj sloj monospaced pisma čini da se proizvod doživljava kao mjerni alat, a ne kao marketinška stranica.

Umjesto ilustriranja procesa, prikazali smo njegov rezultat. Svaka stranica sadrži stvarni artefakt:

Početna stranica otvara se animiranim dijagramom konvergencije — pet vrsta izvora koji se slijevaju u jedan čvor, tri vrste izlaza koji ga napuštaju — uz tablicu signala uživo
Stranica platforme prikazuje stvarnu razliku u cijeni prije i poslije, što je najuvjerljiviji element u cijelom projektu
Stranica o sigurnosti započinje panelom protoka podataka koji dokazuje da ne postoji ulazna putanja u sustave korisnika
Završni poziv na akciju nudi stvarne termine za sastanak s jednim unaprijed odabranim, tako da gumb imenuje obvezu umjesto da kaže „započnite”

Tekstovi su pisani po stranici i po čitatelju. Stranica o pokrivenosti objavljuje izvornu tablicu s učestalošću ažuriranja i eksplicitnim popisom onoga što nije obuhvaćeno. Etika podataka navodi poslove koje bismo odbili. Cijene se naplaćuju po praćenom konkurentu, a ne po korisničkom mjestu, uz odjeljak koji točno definira što se smatra jednim konkurentom — jer je naplata po stranici uobičajen trik u ovoj kategoriji.

Za primopredaju smo izradili Elementor PRO web stranicu na kojoj svaki element nosi vlastite globalne stilove za stolna računala, tablete i mobilne uređaje.

Ishod

Skalabilan temelj za rast

Projekt je isporučio potpuni identitet proizvoda, a ne samo skup dizajnerskih prijedloga:

Jedanaest stranica dizajniranih i napisanih, a sve dijele jedno zaglavlje, jedan završni poziv na akciju i jedno podnožje
Dokumentirani dizajn sustav — 31 varijabla boja, 14 varijabli veličina, dva tipografska pisma i potpuna tipografska ljestvica s vrijednostima za svaku točku prijeloma
Funkcionalna Elementor PRO V4 web stranica koja se čisto uvozi, sa samo dva ručno kodirana bloka zadržana za animirani dijagram i maketu proizvoda
Nula generičkih fotografija u narativu proizvoda — svaki vizual je ili stvarno sučelje ili stvarni podaci
Potpuno fluidan raspored: spremnik sadržaja od 1.440 piksela s responzivnim ponašanjem vođenim fluidnom tipografijom i samopovezujućim mrežama, tako da ništa ne ovisi o fiksnim točkama prijeloma

Što je najvažnije, dizajn argumentira prednosti proizvoda bez pukog dokazivanja. Sučelje prikazuje svoje izvore, stranica s cijenama prikazuje vlastita ograničenja, a stranica o etici pokazuje što tvrtka odbija — što je uvjerljiviji signal povjerenja od bilo kojeg niza logotipa klijenata.

Obratili smo se timu OrionWP-a s okvirnom idejom i snimkom zaslona, a oni su to pretvorili u potpun i dotjeran identitet proizvoda. Brzina je bila prva stvar koja nas je impresionirala. Stranice su isporučivane brže nego što smo ih mi mogli pregledati, a da pritom ništa nije djelovalo užurbano ili kompromitirano. Međutim, ono što se zaista istaknulo bila je besprijekorna provedba cijelog projekta. Svaka je izmjena točno odgovarala našim zahtjevima, bez nepotrebnih promjena, a kvaliteta je ostala dosljedna od prve stranice pa sve do jedanaeste. Datoteke za primopredaju su također bile čiste, organizirane i uistinu spremne da ih naš Elementor tim preuzme i nastavi s radom. Cjelokupno iskustvo je bilo profesionalno, učinkovito i iznimno jednostavno od početka do kraja. Apsolutno bismo ponovno surađivali s timom OrionWP-a bez oklijevanja.

Ines Falk

Co-founder

Pregled web stranice

Djelomičan pregled konačnog iskustva web stranice, izgrađenog za uravnoteženje moderne estetike, besprijekorne upotrebljivosti i dizajna usmjerenog na konverzije.

Vaša sljedeća web stranica počinje ovdje

Spremni ste za izradu web stranice koja donosi rezultate?

Pomažemo tvrtkama poput vaše da kreiraju web stranice koje se ističu i prodaju. Razgovarajte sa stručnjakom i otkrijte kako možemo oživjeti vašu viziju – brzo i učinkovito.

Zakažite 30-minutni poziv

Uživo, jedan na jedan putem Zooma