Link IndustrialTeollisuusautomaatio ja sähköistys

Teollisuusyritys, jonka brändi tehtiin sisällöistä logoon asti

Link Industrialille teimme brändityön kokonaan: sisällöt, visuaalisen ilmeen, logot ja kaiken niiden välissä.

  • Brändi
  • Sisällöt
  • Visuaalinen ilme
  • Logo
Katso sivusto linkindustrial.fi
Link Industrial: sivusto kannettavan tietokoneen näytöllä

01Tehtävä

Tehtävä

Teollisuusautomaation ostaja on insinööri, joka ei osta mainoslausetta. Brändin piti kertoa osaamisesta yhtä täsmällisesti kuin yritys tekee työnsä.

Mitä teimme

  1. 01

    Sisällöt

    Viestit ja tekstit, jotka puhuvat tuotantolinjan omistajan kieltä.

  2. 02

    Visuaalinen ilme

    Ilme, joka erottuu teollisuuden sinisestä ja harmaasta.

  3. 03

    Logot

    Logo ja sen versiot eri käyttöpaikkoihin.

02Brändi

Identiteetti, joka kantaa kaikkialla

Logo, värit ja typografia päätettiin ennen yhtäkään sivua. Sama järjestelmä toimii sivustolla, painotuotteissa ja mainoksissa.

Link Industrial: brändikortti, typografia axiforma ja IBM Plex Mono, väripaletti #0B0E10, #F2F3F1, #7E858A, #AEB4B7, #FF8A24, #D6D9D6
Otsikot axiformaLeipäteksti IBM Plex Mono#0B0E10 #F2F3F1 #7E858A #AEB4B7 #FF8A24 #D6D9D6
Link Industrial: käyntikortit ja painotuotteet brändin mukaisina

03Wireframe

Wireframesta valmiiksi

Sama näkymä kahdessa vaiheessa. Vedä liukusäädintä ja katso, mitä visuaalinen konsepti lisää lukittuun rakenteeseen.

Link Industrial: valmis näkymä
Link Industrial: sama näkymä rautalankamallina

04Sivusto

Link Industrial: sivuston etusivu työpöydällä
Link Industrial: sivusto puhelimessa

05Prosessi

Näin se tehtiin

Sama järjestys jokaisessa projektissa. Mitään ei piirretä ennen kuin tiedetään, mitä sivun pitää tehdä.

  1. 01

    Avainsanatutkimus

    Selvitimme, millä sanoilla asiakkaat palvelua oikeasti hakevat. Sivukartta syntyi siitä.

  2. 02

    Sisällön kiteytys

    Tiivistimme, mitä yritys tekee ja miksi juuri se kannattaa valita, ja kirjoitimme sisällöt brändin äänellä.

  3. 03

    Asiakaspolut

    Suunnittelimme, mitä kävijä tarvitsee nähdäkseen ennen yhteydenottoa tai ostoa.

  4. 04

    Wireframe

    Rakenne ja järjestys lukittiin rautalankamallina ennen yhtäkään värivalintaa.

  5. 05

    Visuaalinen konsepti

    Paletti, typografia ja yksityiskohdat valittiin tukemaan brändiä, ei koristeeksi.

  6. 06

    Rakentaminen

    Custom-koodi. Nopea, saavutettava ja helppo päivittää.

  7. 07

    Metatiedot ja mittaus

    Metatiedot, analytiikka ja konversioseuranta kuntoon ennen julkaisua.

  8. 08

    Datavetoinen jatkokehitys

    Mitattu data ohjaa seuraavia muutoksia. Sivusto paranee julkaisun jälkeenkin.

Haluatteko saman kokonaisuuden?

Kertokaa, missä olette ja minne haluatte. Kerromme, mitä tekisimme ja missä järjestyksessä. Keskustelu on maksuton.