Idea nykyaikaiselle enter.fi:n ilmeelle

takaisin töihin
Nro
21
Vuosi
2026
Tyyppi
Brändi, Web
Julkaistu

Enterin etusivulla ajelehtii tummansinisellä pohjalla verkko, jossa on oransseja pisteitä ja ohuita viivoja. Sama verkko toistuu jokaisen alasivun yläosassa. Siitä näkee, että ollaan tietotekniikan alalla, mutta ei sitä, mitä Enter oikeasti tekee. Enter pitää asiakkaidensa järjestelmät käynnissä niin, ettei niitä tarvitse ajatella.

Konsepti on oma-aloitteinen: Enter ei ole tilannut sitä eikä ole ollut mukana tekemässä. Kävin läpi sivuston 27 suomenkielistä sivua ja kokosin havainnot kuviksi. Niiden pohjalta tein kaksi luonnosta.

Mitä Enter myy

Enter SystemSolutions on turkulainen IT-palveluyritys, jolla on toimisto myös Espoossa. Perustajat innostuivat tietotekniikasta nuorina, ja harrastuksesta tuli yritys yli 25 vuotta sitten. Asiakkaita on monelta alalta ja paljon julkiselta puolelta: kaupunkeja, oppilaitoksia ja kriittisen infrastruktuurin ylläpitäjiä.

Päätuote on Enter Optimi, jota Enter kuvaa asiakkaan omaksi IT-osastoksi. Optimissa on kymmenen palvelua, ja jokaisella on oma nimi ja tunnus: Turva, Varma, Pääte, Infra, Tuki, Sensori, Valvomo, Ruutuvihko, Arkistointi ja Standardi. Mukaan pääsee jo yhdellä palvelulla. Palveluita kehitetään kierrossa: ensin toteutus, sitten seuranta ja lopuksi yhteinen optimointi. Johdon sparrausta Enter kutsuu IT Advisory Boardiksi. Optimin rinnalla on kahdeksan projektipalvelua, kuten kartoitus, kilpailutus, migraatio ja arkkitehtuurisuunnittelu.

Palvelukartta: Optimin kierto (toteutus, seuranta, optimointi) ja kymmenen palvelua ryhmiteltynä neljän tehtävän alle.
Kuva 01 Palvelukartta: Optimin kierto (toteutus, seuranta, optimointi) ja kymmenen palvelua ryhmiteltynä neljän tehtävän alle.

Sivustolla palvelut ovat tasaisena viiden sarakkeen ruudukkona, ja jokainen näyttää yhtä tärkeältä. Ryhmittelin ne neljän tehtävän alle: suojaa, pitää käynnissä, valvoo ja automatisoi. Ostaja tunnistaa oman ongelmansa helpommin verbistä kuin kymmenestä tuotenimestä.

Enterin asiakassuhteet ovat pitkiä. Svea Bankin kanssa yhteistyö on jatkunut yli kymmenen vuotta. DanHatchin hautomoissa Mynämäellä ja Kokemäellä kuoriutuu yli miljoona untuvikkoa viikossa, eikä automaatio saa pysähtyä. Keravalla Ruutuvihko luo käyttäjätunnukset suoraan HR-järjestelmän tiedoista. Enterillä on ISO/IEC 27001:2022 -sertifikaatti, ja se on Hanselin puitesopimuskumppani, joten kunnat ja virastot voivat ostaa siltä puitesopimuksella. NIS2-direktiivi tuo juuri nyt monelle organisaatiolle uusia velvoitteita, ja Enter Standardi on tehty niitä varten.

Miltä sivusto näyttää nyt

Nykyisen ilmeen värit, fontit, kontrastiarvot ja kolme kuvitustyyliä rinnakkain.
Kuva 02 Nykyisen ilmeen värit, fontit, kontrastiarvot ja kolme kuvitustyyliä rinnakkain.

Pohja on hyvä. Tummansininen ja oranssi erottuvat muiden IT-yritysten sivuista, jotka ovat yleensä sinisiä. Palveluiden tunnukset näyttävät samaan sarjaan kuuluvilta: jokaisessa on pieni ENTER-sana ja palvelun nimi Aldrich-fontilla. Toteutus taas on hajanainen. Oranssia on kahta vähän eri sävyä, ja kuvituksissa on kolmaskin väri, kirkas sininen, jota ei ole muualla paletissa. Pääotsikko on 36-pikselinen Aldrich, jossa on vain yksi paino, ja suurella tummalla pinnalla se jää pieneksi.

Kaksi kuvakaappausta enter.fi:n etusivulta. Merkitsin niihin numeroilla viisi ongelmakohtaa ja selitin ne.
Kuva 03 Kaksi kuvakaappausta enter.fi:n etusivulta. Merkitsin niihin numeroilla viisi ongelmakohtaa ja selitin ne.

Kävin etusivun läpi myös Vercelin Web Interface Guidelines -listan avulla. Oranssissa painikkeessa valkoisen tekstin kontrasti on 3,26:1, kun WCAG AA vaatii tavalliselta tekstiltä 4,5:1. Palveluiden nimet ovat sivulla pelkkinä PNG-kuvina, ja kahdesta kuvasta alt-teksti puuttuu tai on väärä. Etusivulla on neljä h1-otsikkoa eikä yhtään ohituslinkkiä. Optimin prosessikaavio on JPEG-kuva, jonka pientä tekstiä ei voi suurentaa eikä kääntää, eikä ruudunlukija pysty lukemaan sitä. Korjaukset ovat pieniä, mutta ostaja hakee niistä vastausta samaan kysymykseen kuin palvelukuvauksista: huolehtiiko tämä yritys yksityiskohdista.

Kuvat ovat kahta eri maata. Referenssitarinoissa on oikeita valokuvia Naantalin satamasta, hautomon untuvikoista ja Keravan kaupungintalolta, ja ne ovat sivuston parasta sisältöä. Optimi-sivuilla taas on sinisiä 3D-nauhoja, kättelevä liikemiespari ja rivi vektori-ihmisiä. Thoughtworksin brändiohje sanoo tämän suoraan: vältä kuvapankin näköisiä kuvia ja näytä omia ihmisiä.

Uutislistassa näkyy yrityksestä toinen puoli. Enteriläiset ovat kirjoittaneet ratkaisuohjeen Disobey-hakkeritapahtuman pulmaan, ja he käyvät DEF CONissa ja pelaavat Assemblyssa omalla Enter Fraggers -joukkueellaan. Keravan referenssin otsikko on ”Kuukauden Optimismi”. Muualla sivustolla tätä huumoria ja harrastajan intoa ei näy, vaikka yritys sai alkunsa harrastuksesta.

Ensimmäinen luonnos

Ensimmäinen luonnos on Enterin etusivun konsepti. Siinä säilytin sivuston omat elementit ja siistin toteutusta. Tummansininen jää pohjaksi, ja oranssia käytän vain painikkeissa ja hälytyksissä. Painikkeen teksti on tummansinistä oranssilla, joten kontrasti nousee 3,26:1:stä 6,17:1:een. Otsikoissa on leveä Mona Sans. Käytin sitä Enterin oman Bw Glenn Sansin tilalla, koska Bw Glenn Sansin käyttö vaatii maksullisen lisenssin.

Ensimmäinen luonnos karsinnan jälkeen: ryhmien nimet tavallisin kirjaimin, palvelusoluissa ei tilavaloja eikä yläotsikoita, ja yläpalkissa pysäytyspainike.
Kuva 04 Ensimmäinen luonnos karsinnan jälkeen: ryhmien nimet tavallisin kirjaimin, palvelusoluissa ei tilavaloja eikä yläotsikoita, ja yläpalkissa pysäytyspainike.

Turvan sivulla on mukana etusivun kartan Suojaa-sarake, jossa Turva on korostettu. Siitä lukija näkee, missä kohtaa palveluita hän on. Nykyisessä logossa R:n jalka jatkaa kuvun kylkeä suoraan alas, ja pienessä koossa logo näyttää lukevan ENTEA. Sanamerkkiluonnoksissa kokeilin, miten sen voisi korjata. Suosittelen Rivinvaihtoa: siinä jalka laskeutuu pikseli kerrallaan kuin kursori rivinvaihdossa.

Sanamerkki Rivinvaihto, jota suosittelen. R:n jalka laskeutuu portaittain, ja samasta muodosta tulee Enter-näppäimen symboli.
Kuva 05 Sanamerkki Rivinvaihto, jota suosittelen. R:n jalka laskeutuu portaittain, ja samasta muodosta tulee Enter-näppäimen symboli.

Karsin pois harvennetut versaalirivit, ENTER-sanan joka solusta, numerot 01–04 ja korttien liukuanimaatiot, koska ne eivät kertoneet Enteristä mitään. Vihreät tilavalot olivat oma ideani, ja ne lähtivät samasta syystä: sivulla ei ole mitään, millä olisi oikea tila. Jäljelle jäi palvelukartta, joka muistuttaa valvomon näyttöä.

Toinen suunta

Toinen luonnos, Paina Enteriä, lähtee samasta havainnosta eri suuntaan. Pohja on norsunluunvalkoinen, oranssia on vain yksi sävy, ja merkkinä on ISO-näppäimistön korkea Enter-näppäin. Otsikko on ”Paina Enteriä. Me hoidamme loput.” Palvelut ovat näppäimiä, ja fonttina on Archivo.

Toisen konseptin etusivu leveällä ruudulla: vasemmalla otsikko ”Paina Enteriä”, oikealla oranssi Enter-näppäin.
Kuva 06 Toisen konseptin etusivu leveällä ruudulla: vasemmalla otsikko ”Paina Enteriä”, oikealla oranssi Enter-näppäin.

Kun näppäintä painaa, sivulle kirjoittuu kolme riviä: päivitykset asennettu, varmuuskopiot testattu, valvomo seuraa. Ne ovat Enterin arkista työtä. Puhelimessa näppäin on keskellä ruutua, ja sama muoto toistuu alempana palvelukartassa.

Kysyisin Enteriltä vielä kaksi asiaa: onko ENTER-logo piirretty Aldrichin pohjalta vai kokonaan itse ja löytyykö kuvia omista ihmisistä, vaikkapa Assemblysta tai Disobeysta.