Kotisivuprojekti kuulostaa yksinkertaiselta — kunnes alkaa miettiä mistä aloittaa. Tarvitaanko toimisto? Mitä materiaalia pitää toimittaa? Kuinka kauan kestää? Mitä se maksaa?
Tässä käydään läpi miten ammattimainen kotisivuprojekti oikeasti etenee — ei teoriassa, vaan käytännössä niin kuin me sen teemme.
Vaihe 1: Kartoitus — 30 minuuttia, ei sitoumuksia
Kaikki alkaa lyhyellä puhelulla tai videotapaamisella. Ei toimistokäyntiä, ei pitkiä esityksiä.
Kartoituksessa käydään läpi:
- Mitä sivusto tekee? Onko tavoite yhteydenotot, varaukset, myynti vai joku muu?
- Kenelle sivusto on tehty — kuka on asiakas?
- Onko olemassa olevaa brändiä, logoa, värejä?
- Mikä on budjetti ja aikataulu?
Kartoituksen perusteella tehdään tarjous. Hinta on kiinteä — ei tuntilaskutusta, ei muuttuvia kustannuksia. Jos tarjous ei sovi, ei synny kuluja.
Vaihe 2: Sisällön kerääminen — sinulta tarvitaan tämä
Tässä kohtaa monilla tulee yllätys: kotisivuihin tarvitaan sisältö.
Mitä käytännössä tarkoittaa:
- Logo vektoriformaatissa (SVG tai AI). Jos ei ole, voidaan auttaa.
- Tekstit — kuvaukset palveluista, yrityksestä, yhteystiedot. Voimme kirjoittaa nämä puolestasi lisäpalveluna.
- Kuvat — omia valokuvia tai kuvapankkikuvia. Autamme valinnoissa.
- Mahdolliset referenssit tai asiakasarviot jos niitä on
Mitä ei tarvita: teknistä osaamista, koodia, isoja tiedostoja etukäteen.
Sisällön kerääminen on usein se vaihe, joka vie eniten aikaa asiakkaan puolelta. Mitä nopeammin materiaalit saadaan, sitä nopeammin sivusto valmistuu.
Vaihe 3: Design — näet ennen kuin hyväksyt
Sisällön perusteella rakennetaan ensin visuaalinen design Figmassa. Tässä vaiheessa sivusto on vielä kuva, ei toimiva koodi — mutta se tarkoittaa, että muutokset ovat nopeita ja halpoja.
Designissa määritellään:
- Värit, typografia, visuaalinen tyyli
- Sivurakenne ja navigaatio
- Mobiili- ja desktop-näkymät
- Yhteydenottolomakkeet, painikkeet, CTA:t
Design hyväksytään ennen koodaamisen aloittamista. Et maksa koodista jota et halua.
Vaihe 4: Toteutus — tässä me teemme töitä
Hyväksytty design muutetaan toimivaksi sivustoksi. Käytämme Next.js-frameworkia ja Sanity-sisällönhallintaa — teknologiayhdistelmä, joka tuottaa nopeat, tietoturvalliset sivustot ilman riippuvuutta ulkopuolisista liitännäisistä.
Toteutuksen aikana rakennetaan:
- Kaikki sivut ja niiden toiminnallisuudet
- Mobiiliresponsiivisuus
- Yhteydenottolomake ja sähköposti-integraatio
- Google Analytics 4
- SEO-pohja: meta-tagit, sitemap, strukturoitu data
- Hallintapaneeli tekstien ja kuvien päivitykseen
Koko prosessin ajan näet kehitysversion oikealta URL-osoitteesta. Et odottele pimeässä.
Vaihe 5: Tarkistus ja SEO-katselmus
Ennen julkaisua käydään läpi tekninen tarkistuslista:
- Latausnopeus ja Core Web Vitals
- Kuvien optimointi
- Mobiilitoimivuus kaikilla yleisimmillä laitteilla
- Metatiedot, canonical-URL:t ja strukturoitu data
- Lomakkeiden toimivuus
- 404-sivut ja uudelleenohjaukset
Tästä vaiheesta ei tingitä. Huono tekninen pohja tarkoittaa heikompaa Google-näkyvyyttä heti alusta alkaen.
Vaihe 6: Julkaisu ja luovutus
Julkaisupäivänä sivusto siirtyy oikealle domainille. Sen jälkeen:
- Pidämme lyhyen perehdytyksen hallintapaneeliin — 20–30 minuuttia ja osaat päivittää sisällöt itse
- Lähdekoodi siirretään sinulle GitHub-repona
- Figma-designtiedostot toimitetaan
- Google Analytics -tili on valmis seurattavaksi
Projekti on valmis. Sivusto on sinun — täysin, ilman riippuvuuksia.
Miten kauan koko prosessi kestää?
Tyypillinen yrityssivusto valmistuu 10–18 arkipäivässä yhteydenotosta julkaisuun. Aikataulu riippuu eniten siitä, kuinka nopeasti sisältömateriaalit saadaan kerättyä.
Verkkokaupat ja räätälöidyt sovellukset kestävät pidempään — sovitaan projektikohtaisesti.
Mitä jos haluaa muuttaa jotain?
Designvaiheessa muutokset kuuluvat prosessiin. Toteutuksen jälkeen teemme kohtuulliset muutokset ilman lisälaskutusta. Tarkoitus on, että olet tyytyväinen — ei se, että myymme lisätöitä.
Kiinnostaako? Katso tarkemmin prosessimme tai lue lisää verkkosivupalvelustamme.