VERKKOSIVUT • VISUAALINEN SUUNNITTELU • SISÄLTÖRAKENNE • SEO

Kolme palvelualaa, kaksi kieltä ja yksi selkeä verkkosivusto

Elena Sonne tarvitsi verkkosivuston, joka tekee hänen laajan osaamisensa näkyväksi ilman, että kävijä eksyy palveluiden väliin. Uudistin kaksikielisen sivuston rakenteen, sisällöt ja visuaalisen ilmeen niin, että kirjanpito nousee selkeästi päärooliin ja yrityskonsultointi sekä kielipalvelut löytävät oman paikkansa saman henkilöbrändin alla.

Armas E. Leopold verkkosivuprojekti casekuva

Asiakas: Elena Sonne tmi, Pohjois-Karjala

Toimiala: kirjanpito, yrityskonsultointi sekä suomi–venäjä-kielipalvelut

Tavoite: selkeyttää palvelukokonaisuutta ja rakentaa moderni kaksikielinen sivusto, jota asiakkaan on helppo päivittää itse

Haaste:

Vanha sivusto oli Elenalle tärkeä ja hänen näköisensä. Vuosien varrella sinne oli kuitenkin kertynyt runsaasti palveluita, tekstejä, hinnastoja, koulutuksia ja projekteja, eikä kokonaisuudesta enää hahmottunut nopeasti, mihin Elena nykyään keskittyy ja kenelle palvelut on tarkoitettu.

Myös yritystoiminnan painopiste oli muuttunut: kirjanpidosta oli tullut tärkein palvelu, mutta se ei vielä näkynyt riittävän selvästi sivuston rakenteessa. Pitkät tekstikokonaisuudet, epäselvät käyttäjäpolut sekä ongelmat eri näyttökooissa vaikeuttivat tiedon löytämistä etenkin mobiilissa.

Ratkaisu:

Aloitin projektin uudesta sivukartasta ja palveluiden keskinäisen hierarkian selkeyttämisestä. Kirjanpito ja yrityskonsultointi sekä käännös- ja tulkkauspalvelut saivat omat kokonaisuutensa, joiden sisältä oikea palvelu löytyy ilman pitkää etsimistä.

Muokkasin ja kirjoitin sisältöjä uudelleen sekä suomeksi että venäjäksi. Pitkät tekstimassat jaettiin selkeisiin osioihin, otsikoihin, kortteihin ja hinnastoihin. Samalla sivustolle rakennettiin johdonmukaiset toimintakehotteet, joiden avulla kävijä pääsee luontevasti palvelun kuvauksesta yhteydenottoon.

Visuaalisessa uudistuksessa säilytettiin Elenalle tärkeä sinisen ja oranssin yhdistelmä, mutta värit, typografia ja sommittelu päivitettiin kevyemmäksi, rauhallisemmaksi ja ammattimaisemmaksi.

Tutkimus ja ratkaisu

1. Liiketoiminnan uusi painopiste piti tehdä näkyväksi
Elenan palveluvalikoima on laaja, mutta kaikkia palveluita ei voinut esittää samanarvoisina ja samalla tavalla. Kirjanpidosta oli tullut yrityksen keskeinen palvelu, joten sen asemaa vahvistettiin sekä etusivulla että sivuston navigaatiossa. Yrityskonsultointi ja kielipalvelut säilyivät tärkeänä osana kokonaisuutta, mutta jokaiselle palvelualueelle rakennettiin oma selkeä tehtävänsä.

2. Kolme palvelualaa tarvitsi yhden yhteisen brändin
Kirjanpito, yrityskonsultointi ja suomi–venäjä-kielipalvelut puhuttelevat osittain eri kohderyhmiä. Sivuston piti palvella yrittäjiä, organisaatioita ja yksityisasiakkaita ilman, että kokonaisuus alkaa näyttää kolmelta eri yritykseltä.
Ratkaisuna palvelut erotettiin rakenteellisesti toisistaan, mutta ne yhdistettiin saman henkilöbrändin, visuaalisen ilmeen ja viestintätavan alle. Elena itse toimii kokonaisuuden yhdistävänä tekijänä: sama kokenut asiantuntija auttaa erilaisissa talouteen, liiketoimintaan ja kieliin liittyvissä tilanteissa.

3. Runsas sisältö piti muuttaa käyttökelpoiseksi
Vanhalla sivustolla oli paljon arvokasta tietoa, mutta olennaisen löytäminen vaati kärsivällisyyttä. Sisältöjä ei vain lyhennetty, vaan niiden tarkoitus arvioitiin uudelleen: mitä kävijän pitää ymmärtää ensin, mitä hän haluaa tietää ennen yhteydenottoa ja mikä tieto kuuluu omalle alasivulleen?
Uudessa rakenteessa palvelukuvaukset, kohderyhmät, hinnat, yhteistyön vaiheet, asiakaspalautteet ja yhteydenottotavat muodostavat loogisen polun. Kävijä voi tutustua aiheeseen rauhassa tai siirtyä suoraan tarvitsemansa tiedon äärelle.

4. Vanhan sivuston tärkeät osat saivat jäädä
Uudistus ei tarkoittanut Elenalle tärkeiden sisältöjen hävittämistä. Yrityksestä-sivulla säilytettiin hänen ammatillinen tarinansa, koulutuksensa ja projektinsa, mutta ne järjestettiin helpommin luettavaan muotoon.
Myös tuttu sininen värimaailma ja Elementor säilyivät. Näin uusi sivusto tuntuu edelleen Elenan omalta, vaikka sen rakenne, käytettävyys ja visuaalinen kokonaisuus uudistettiin perusteellisesti.

Projektin toteutus

Visuaalinen suunnittelu
Sininen toimii sivuston visuaalisena perustana. Se viestii rauhallisuutta, varmuutta ja luottamusta – ominaisuuksia, jotka ovat olennaisia sekä taloushallinnossa että luottamuksellisissa kielipalveluissa.

Oranssi tuo kokonaisuuteen Elenan persoonan. Se on lämmin, energinen ja helposti tunnistettava väri, joka estää asiantuntijabrändiä muuttumasta liian viralliseksi tai etäiseksi. Runsas valkoinen tila tekee kokonaisuudesta ilmavan ja auttaa erottamaan laajatkin sisältökokonaisuudet toisistaan.

Pääfontiksi valittu Inter on selkeä, neutraali ja helposti luettava eri näyttökooissa. Sen rinnalla käytetty Dancing Script tuo harkittuina yksityiskohtina mukaan henkilökohtaisuutta ja vaikutelman siitä, että sivuston takana puhuu oikea ihminen.

Sivustolla käytettiin Elenan omia valokuvia, joita muokkasin ja retusoin kokonaisuuteen sopiviksi. Niiden rinnalle tuotettiin myös uutta, osittain tekoälyavusteisesti luotua kuvamateriaalia.

Sisällöt ja kieliversiot
Selkeämmät otsikot, konkreettiset palvelukuvaukset ja yhtenäiset toimintakehotteet auttavat kävijää ymmärtämään nopeasti, mitä Elena tarjoaa ja miten yhteistyö hänen kanssaan alkaa.

Sivustolle rakennettiin myös blogi, jossa Elena voi jatkossa julkaista ajankohtaista ja hyödyllistä sisältöä itsenäisesti. Artikkeleita voidaan selata ja suodattaa kategorioiden sekä avainsanojen perusteella.

Tekninen toteutus
Sivusto toteutettiin asiakkaan toiveesta WordPressillä ja Elementor Prolla. Elementor oli Elenalle jo tuttu, joten hän voi päivittää sivuja ja julkaista blogikirjoituksia itsenäisesti myös uudistuksen jälkeen.

Kaksikielisyys toteutettiin Polylangilla. Kokonaisuuteen kuuluu 14 sivua, blogi, yhteydenottolomake, hakukoneoptimointi, Meta Pixel, roskapostisuojaus ja suorituskyvyn optimointi.

Tekninen toteutus sisälsi myös runsaasti sivustoa varten kirjoitettua CSS-, JavaScript-, HTML- ja PHP-koodia. Mukautetuilla ratkaisuilla toteutettiin muun muassa uudelleenkäytettäviä komponentteja, blogin loop-näkymiä ja suodatuksia, lasimaisia pintatehosteita, otsikkoanimaatioita sekä hinnastotaulukoita, joille rakennettiin erillinen mobiiliin sopiva esitystapa.

Sivuston hakukoneoptimointia varten määriteltiin sivujen rakenteet ja metatiedot sekä luotiin sivukartta. Kokonaisuus optimoitiin toimimaan responsiivisesti tietokoneella, tabletilla ja puhelimella.

Aloitetaanko yhteistyö?

Laita viestiä lomakkeella, sähköpostitse tai kurkkaa someen. Mikä vain tuntuu sinusta helpoimmalta.

Vlada Danko
vlada@vladadesign.fi

Ensimmäinen yhteydenotto hoituu helposti lomakkeella tai sähköpostilla. Vastaan viestiisi viimeistään yhden arkipäivän kuluessa. Tarvittaessa sovimme noin 30 minuutin maksuttoman alkukartoituksen Teamsissa tai Zoomissa, jotta saat selkeän kuvan sopivasta etenemistavasta.

Lisää työnäytteitä

Painotuotteet

Kaivosvesien hallinta -näyttely

Kaivosmuseon näyttelytaulujen suunnittelu ja taitto

Outokummun kaivosmuseon väliaikaiseen näyttelyyn suunniteltiin ja taitettiin 12 kaksikielistä näyttelytaulua. Runsas tekstimäärä ja tekninen aihe vaativat erityisen selkeän rakenteen, hyvän luettavuuden ja rauhallisen visuaalisen ilmeen, joka sitoo kokonaisuuden yhteen ja antaa sisällölle tilaa.

Markkinointimateriaalit, Painotuotteet

Autokorjaamo tmi Toni Räsänen

Katso projekti

Mainos autokorjaamolle verkkoon ja lehteen

Sama ilme suunniteltiin toimimaan sekä Facebookissa että lehdessä niin, että tärkein tieto näkyy nopeasti ja palvelu jää mieleen.

Painotuotteet

Yhtiön maatila kaivostoiminnan tukena -näyttely

Kaivosmuseon näyttelytaulujen suunnittelu ja taitto

Suunnittelin ja taitoin Kaivosmuseon näyttelytaulut kokonaisuudeksi, jossa historiallinen sisältö avautuu kävijälle selkeästi ja kiinnostavasti. Huolellinen sommittelu, typografia ja kuvien käyttö tukevat näyttelyn tunnelmaa ja helpottavat tiedon omaksumista.

Mittalauteet.fi-verkkosivusto tietokoneen ja puhelimen näytöllä

Verkkosivut

Mittalauteet.fi – Jadeca Oy:n erikoistunut liiketoiminta-alue

Mittalauteet.fi – selkeä verkkosivusto saunalauderatkaisuille

Mittalauteet.fi suunniteltiin Jadeca Oy:n yhdelle liiketoiminta-alueelle omaksi verkkosivustoksi. Sivuston tehtävänä on esitellä mittatilaussaunalauteet selkeästi, houkuttelevasti ja tuotteen laatua tukevalla tavalla.

Brändi & ilme, Markkinointimateriaalit, Painotuotteet, Verkkosivut

OutoJazz 2026 – jazzfestivaali Outokummussa

OutoJazz 2026 – vuositeeman mukainen ilme, materiaalit ja sisällöt eri kanaviin

OutoJazzin ilme rakentuu joka vuosi uuden teeman ympärille, ja vuonna 2026 se vietiin verkkosivuston päivitykseen, painotuotteisiin, markkinointimateriaaleihin ja someen. Tavoitteena oli tehdä tämän vuoden kokonaisuudesta tuore ja teemaan sopiva, mutta silti selvästi OutoJazziksi tunnistettava.

"Hämäläispojan polku kaivoksilta Venäjän Karjalaan" on geologi Eero Rauhamäen kirjoittama muistelmateos. Casekuva kirjan taidosta

Painotuotteet

Hämäläispojan polku kaivoksilta Venäjän Karjalaan -kirja

Geologiateoksen visuaalinen suunnittelu, taitto ja kansi

Tässä projektissa laaja, yli 200-sivuinen ja runsaasti kuvitettu kirja taitettiin valmiiksi kokonaisuudeksi, jossa sisältö on helppo lukea ja sivut toimivat yhteen alusta loppuun. Geologiaa käsittelevä teos tehtiin yhteistyössä Outokummun kaivosmuseon kanssa.

Brändi & ilme, Markkinointimateriaalit, Painotuotteet, Verkkosivut

OutoValo 2025

Suunnittelin OutoValolle brändi-ilmeen ja toteutin laajan visuaalisen kokonaisuuden, joka ulottui logosta verkkosivustoon, painomateriaaleihin ja festivaalin aikaisiin sisältöihin. Yhtenäinen visuaalinen linja tuki tapahtuman tunnistettavuutta ja toi viestintään selkeyttä eri ympäristöissä.

Armas E Leopoldin verkkosivusto kannettavan tietokoneen näytöllä

Verkkosivut

Armas E. Leopold etnogroove-yhtye

Katso projekti

armaseleopold.fi -verkkosivusto

Verkkosivusto pohjoiskarjalaiselle Armas E. Leopold -yhtyeelle. Kokonaisuus esittelee keikat, albumin, kuvamateriaalin ja yhtyeen omaleimaisen maailman, ja vastaan myös sivuston jatkuvasta ylläpidosta.

Brändi & ilme

Outokummun teatteri

Outokummun teatteri - logon suunnittelu

Logosuunnittelu Outokummun Teatterille. Visuaalinen ilme yhdistää teatterimaailman estetiikkaa ja Outokummun paikallista identiteettiä, jossa myös Vanha Kaivos näkyy osana kokonaisuutta.

Painotuotteet

Vuorineuvos Eero Mäkinen -näyttely

Selkeä ja rauhallinen näyttelykokonaisuus, jossa teksti ja kuvat ohjaavat kävijää luontevasti eteenpäin. Suunnittelu ja taitto toteutettiin suoraan painovalmiiksi museoympäristöön.

Verkkosivut

Psykoterapiapalvelu Anneli

Katso projekti

terapiaanneli.fi

Psykoterapiapalvelu näkyväksi verkossa: selkeä rakenne, luottamusta herättävä ilme ja SEO.

Brändi & ilme, Markkinointimateriaalit, Painotuotteet, Verkkosivut

OutoJazz 2025

Outokummun kaupungin jazztapahtuma OutoJazz sai yhtenäisen visuaalisen ilmeen ja vahvan, tunnistettavan graafisen kokonaisuuden. Markkinointimateriaaleista ja digiväylän ulkomainonnasta festivaalin reaaliaikaiseen some-sisällöntuotantoon – visuaalinen kerronta toi tapahtuman näkyväksi.