Brändiuudistuksen tuominen digitaaliseen maailmaan

Asiakkaamme bränditoimisto Avidly loi uudet brändi-identiteetit. Me saimme Avidlylta brändiohjeistukset, jotka sisälsivät kummankin brändin ”look & feel” -ilmeen ja puhuttelutavan. Työskentelimme brändiohjeiden pohjalta, kun suunnittelimme miten uudet brändi-identiteetit mukautuvat digitaalisille alustoille. 

Brändiohjeiden mukautus verkkosivuston suunnitteluun oli oma mieluisa haasteensa. Jokainen suunnitteluvalintamme pohjautui käytettävyyteen ja tarkoituksenmukaisuuteen. Samalla varmistimme että kummankin brändin uniikit ominaisuudet toistuvat palveluissa yhtenäisesti.

Design System - skaalautuva suunnittelu

Loimme kummallekin brändille monikäyttöisen Design System -järjestelmän. Design System antaa puitteet sivuston toistuville elementeille ja sisältää kaikki sellaiset käyttöliittymän komponentit, joilla taataan, että visuaalinen suunnittelu skaalautuu brändin digitaalisen läsnäolon kasvaessa. 

Sukelsimme sivuston informaatiorakenteeseen suunnitellaksemme mahdollisimman selkeän ja yksinkertaisen navigaation sivustoille. Laitoimme etusijalle asiakkaamme tavoitteisiin nähden olennaisimman informaation, samalla pitäen pääsivut näkyvillä koko ajan.

Sivustot jakavat samanlaisen rakenteen ja ”flown”, joka pohjautuu Buster.fi-projektissa suunnittelemaamme, toimivaksi todettuun rakenteeseen. Rakenne on suunniteltu siten, että käyttäjät luontevasti ja helposti ohjautuvat kohti sivuston sydäntä, yksittäisen veneen sivua. Varmistimme, että käyttäjät liikkuvat sivustolla vaivatta ja tietävät sijaintinsa sivustolla koko ajan.

Projektin tavoite oli parantaa konversiota käyttäjälähtöisen suunnittelun avulla ja luoda kaksi sivustoa, jotka todella vaikuttavat veneiden myyntiin. Yksittäisen veneen sivulla käyttäjät voivat suunnitella unelmaveneensä ja vaivatta tallentaa tai lähettää venesuunnitelman lähimmälle jälleenmyyjälle tarjouspyyntönä. Näin käyttäjät muuttuvat laadukkaiksi myyntiliideiksi, jotka välitetään sivustolta jälleenmyyjille.

Valitsimme sivuston teknologiaratkaisuksi Drupalin. Drupal tarjoaa joustavan CMS-järjestelmän, kattavan tuen kieliversioille ja vaivattoman sisällönhallinnan asiakkaamme admineille. Rakensimme sivuston front endin käyttäen Bootstrap 4 kirjastoa. Venekonfiguraattori rakennettiin Reactilla.

Tulokset

Uudet sivustot julkaistiin tammikuussa 2019. Tulokset tähän asti ovat olleet lupaavia. Olemme nähneet merkittävän parannuksen orgaanisessa liikenteessä ja käyttäjien säilyttämisessä verrattuna vastaavaan aikaväliin edellisenä vuonna. Olemme onnistuneet vähentämään käyttäjän selaamia sivuja per istunto, mikä tarkoittaa että käyttäjät löytävät hakemansa tiedon helpommin ja nopeammin uudella sivustolla.

Katso työmme osoitteissa Yamarin.com ja Cross.boats.