Pieni KukkaKukkakauppa, Vammala

Kukkakauppa, joka myy myös silloin, kun ovi on kiinni

Pieni Kukka sai brändin ja modernin verkkokaupan, joka on rakennettu hakukoneoptimointi edellä.

  • Brändi
  • Verkkokauppa
  • Hakukoneoptimointi
Katso sivusto pienikukka.fi
Pieni Kukka: sivusto kannettavan tietokoneen näytöllä

01Tehtävä

Tehtävä

Kukkien ostaja hakee usein kiireessä: lähin kukkakauppa, juhlapäivä, toimitus huomiseksi. Verkkokaupan piti löytyä niillä hauilla ja tehdä tilaamisesta helppoa.

Mitä teimme

  1. 01

    Brändi

    Ilme, joka tuntuu kukkakaupalta eikä verkkokaupan pohjalta.

  2. 02

    Verkkokauppa

    Moderni kauppa, jossa tilaaminen ja ennakkotilaukset onnistuvat muutamalla valinnalla.

  3. 03

    Hakukoneoptimointi

    Kaupan rakenne ja tuotesivut niille hauille, joilla kukkia ostetaan.

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.

Pieni Kukka: brändikortti, typografia Jost ja Boska, väripaletti #FFF9EF, #1D1D1D, #5E574E, #FFD5D5, #B6A46F
Otsikot JostLeipäteksti Boska#FFF9EF #1D1D1D #5E574E #FFD5D5 #B6A46F
Pieni Kukka: 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.

Pieni Kukka: valmis näkymä
Pieni Kukka: sama näkymä rautalankamallina

04Sivusto

Pieni Kukka: sivuston etusivu työpöydällä
Pieni Kukka: 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.