Josefina StrandbergValokuvaaja, Helsinki

Valokuvaajan sivusto, joka tuntuu hänen kuviltaan

Josefina Strandbergille rakensimme persoonallisen sivuston ja hakukoneoptimoinnin, jotta kuvaajan tyyli näkyy jo ennen ensimmäistä viestiä.

  • Verkkosivut
  • Hakukoneoptimointi
Katso sivusto josefinastrandberg.com
Josefina Strandberg: sivusto kannettavan tietokoneen näytöllä

01Tehtävä

Tehtävä

Valokuvaajan asiakas valitsee tyylin perusteella. Sivuston piti näyttää Josefinan kädenjäljeltä ja löytyä niillä hauilla, joilla kuvaajaa Helsingistä etsitään.

Mitä teimme

  1. 01

    Verkkosivut

    Sivusto, jonka rytmi ja tunnelma tulevat kuvaajan omista töistä.

  2. 02

    Hakukoneoptimointi

    Kuvauspalvelut ja alue hakusanoina, joilla asiakkaat kuvaajaa etsivät.

02Visuaalinen kieli

Asiakkaan oma visuaalinen kieli

Sivusto rakennettiin asiakkaan oman tyylin päälle: samat värit ja kirjaintyypit kuin hänen töissään.

Josefina Strandberg: brändikortti, typografia Instrument Serif ja Hanken Grotesk, väripaletti #0F0D0B, #EFE7DA, #B8AD9E, #FFFFFF, #5B5146, #E0473F
Otsikot Instrument SerifLeipäteksti Hanken Grotesk#0F0D0B #EFE7DA #B8AD9E #FFFFFF #5B5146 #E0473F

03Wireframe

Wireframesta valmiiksi

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

Josefina Strandberg: valmis näkymä
Josefina Strandberg: sama näkymä rautalankamallina

04Sivusto

Josefina Strandberg: sivuston etusivu työpöydällä
Josefina Strandberg: 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

    Sivusto rakennettiin WordPressillä. 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.