Lähtökohdat
Tärkeimpänä syynä sivustouudistukselle oli vanhan sivuston legacy-koodi, sivuston pohjautuminen pelkkiin ACF-kenttiin ilman Gutenbergiä ja se että ilme ei puhuttele B2B-ostajia vaan lähinnä yksittäisiä kehittäjiä, jotka tarvitsevat yksittäisiä palvelimia.
UpCloud on monelle dudelaiselle tuttu firma menneisyyden palvelinkuvioista, joten projekti oli alusta lähtien kiinnostava. Koska Dudelta löytyy myös visuaalista suunnittelua, halusimme ottaa osaa myös leiskojen viimeistelyyn.
Tavoitteet
Sivustouudistuksen varsinaisena tavoitteina olivat brändiä vahvistava visuaalinen ilme, nykyisiä ja tulevia kohderyhmiä paremmin palveleva sivusto, sisällön selkeämpi ja kiinnostavampi esittely, ratkaisut ja tuotteet selkeämmin omiksi osioikseen ja ennen kaikkea ylläpitäjille selkeä ja helppo hallinta. UpCloudilla on jo valmiiksi vahva brändi, joten varsinaista brändityötä ei ollut tarpeen tehdä.
Tavoitteiden keskiössä olivat myös käyttäjäpolkujen selkeyttäminen. Uudelle sivustolle haluttiin lisää kiintopisteitä, joita pitkin pääsee jatkamaan seuraavalle sivulle. Vaikka palvelinten kanssa toimitaankin, myös henkilöitä toivottiin enemmän sivustolle.
Ratkaisu
Dude lähti suunnittelemaan sivuston designiä yhdessä UpCloudin suunnittelijan kanssa. Ulkoasut kasattiin Figmaan, jossa niitä jalostettiin eteenpäin pala palalta. UpCloudin erottuvaa brändiä tuotiin vahvasti myös uuteen ulkoasuun ja sivuston omiin värikoodattuihin osioihinsa. Lopputuloksena saatin aikaan näyttävä ja yhtenäinen kokonaisuus.
Sivusto rakennettin kokonaan UpCloudille räätälöitynä joustavana Gutenberg-teemana. Uudelleenkäytettäviä lohkoja rakennettiin yhteensä 26 kappaletta ja sisältötyyppejä 9 kappaletta. Lohkojen avulla upcloudilaisten on mahdollista rakentaa vapaasti aina tyyliltään toimivia sivuja ja ländäreitä. Sivuston lohkoihin rakennettiin useita eri tyylivalintoja ja hallintaan paneuduttiin huolella mm. väriteema-asetusten suhteen.
Sivustossa keskityttiin erityisesti myös sen suorituskykyyn, sillä kilpailuetua haluttiin sivuston latausnopeudella.