Idea nykyaikaiselle enter.fi:n ilmeelle

back to works
No.
21
Year
2026
Type
Brand, Web
Published on

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.
Fig. 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.
Fig. 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.
Fig. 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.
Fig. 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.
Fig. 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.
Fig. 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.