Premekon: verkkosivut, visuaalinen ilme
Premekonin verkkosivut ja visuaalisen ilme kaipasivat uudistusta, vastatakseen nykypäivän haasteisiin. Premekon on suomalainen metallialan yritys, joka on erikoistunut teollisuuden hoitotasojen, porrastornien ja muiden vaativien teräsrakenteiden suunnitteluun, valmistukseen ja asennukseen. Yrityksessä ainutlaatuista on se, että koko palveluketju löytyy saman katon alta.
Lähtökohta
Premekonin edellinen verkkosivusto oli tullut tiensä päähän. Tärkeää olikin tuoda verkkosivusto tähän päivään sekä visuaalisen ulkoasun, että teknisen toteutuksensa puolesta. Toinen kärkitavoite sivustouudistuksen takana oli tuoda Premekonin tarjoamat suunnittelu- ja asennuspalvelut selkeästi esiin yrityksen tuotteiden rinnalle. Kolmas tavoite oli tuoda esiin yrityksen arvoja ja löytää paikka vastuullisuus- ja turvallisuus osioille sivustolla.
Verkkosivu-uudistuksen yhteydessä päivitettiin yrityksen logo ja luotiin graafinen ohjeisto, joka kokoaa yhteen yrityksen visuaaliset elementit: logon, typografian, värimaailman ja kuvallisen tyylin. Ohjeisto toimi paitsi sivustouudistuksen kivijalkana, myös apuna yrityksen muussa viestinnässä ja markkinoinnissa.
Ratkaisu
Projekti käynnistyi verkkosivuston rakenteen suunnittelulla. Määrittelytyön jälkeen, kun tiesimme mitä sivuja ja minkälaisia sisältöpaikkoja sivustolle tulee, loimme rautalankaleiskat ja proton. Näiden avulla pystyimme testaamaan sivuston rakennetta yhteistyössä asiakkaan kanssa.
Valikossa tuotteet ja suunnitteluratkaisut on erotettu toisistaan omiksi osioikseen ratkaisut linkin alle. Suunnitteluratkaisut esittelevät Premekonin suunnittelu- ja asennuspalveluita, kun taas tuotteiden sivut keskittyvät esittelemään tuotteita mahdollisimman kattavasti. Yritykseen liittyvät sivut (yritys, historia ja rekry) löytyvät valikosta yritys linkin alta. Vastuullisuus on nostettu päätasolle esiin mahdollisimman helposti löydettäväksi.
Sivuston visuaalinen ilme johdettiin uudesta graafisesta ohjeistosta, joka tukee Premekonin identiteettiä modernina ja asiantuntevana toimijana teollisuuden vaativissa hankkeissa. Vinojen linjojen harkittu käyttö tuo sivuston rakenteeseen liikkeen tuntua ja rytmiä. Suuret siniset väripinnat luovat erottuvan ulkoasun, jota valkoiset tekstit ja oranssit yksityiskohdat raikastavat. Yhtenäinen typografia ja kuvamaailma viimeistelevät ilmeen, joka on sekä tunnistettava että helposti lähestyttävä. Lopputuloksena syntyi visuaalisesti vakuuttava verkkosivu, joka viestii laadusta, asiantuntemuksesta ja käytettävyydestä.
Sivuston teknisessä toteutuksessa panostettiin helppoon käyttökokemukseen, nopeuteen ja muunneltavuuteen. Sivusto toimii eri päätelaitteilla ja skaalautuu tietysti myös mobiiliin. Lisäksi sivustolle suunniteltiin ja toteutettiin mm. SVG-pohjainen interaktiivinen tuotekuva. Kuva havainnollistaa visuaalisesti tuotteiden ominaisuuksia ja tuo teknisen sisällön lähemmäs asiakkaita.
Sivusto on ollut käytössä jo jonkin aikaa ja sen päivittäminen ja ylläpito on helppoa. Muutosten ja lisäysten tekeminen onnistuu, koska sivuston moduulit on suunniteltu käyttäjäystävällisiksi. Verkkosivun rohkea värimaailma ja selkeys ovat keränneet kehuja yrityksen asiakkailta. Sivusto on moderni ja vahvistaa mielikuvaa Premekonista nuorekkaana ja nykyaikaisena toimijana.
Halusimme tuoda Premekonin visuaalisen ilmeen tälle vuosikymmenelle päivittämällä verkkosivumme ja koko graafisen ilmeemme. Yhdessä Groteskin kanssa loimme näyttävän, mutta ammattimaisen kokonaisuuden, joka vahvistaa brändiämme erinomaisesti. Groteski osasi kiteyttää ideamme toimiviksi ratkaisuiksi, ja pystyimme sovittamaan verkkosivu-uudistuksen läpiajon myös kiireisen työkuorman keskelle. Groteskilta löytyi niin sujuvaa ja tuloksellista tekemisen meininkiä, että lopulta päätimme jatkaa yhteistyötä heidän kanssaan myös muiden projektien parissa.
