Miten kotisivut tehdään? — Prosessi alusta loppuun

Usein kun asiakas ottaa meihin yhteyttä ensimmäistä kertaa, tulee sama lista kysymyksiä: mistä aloitetaan, mitä minulta vaaditaan, kuinka kauan kestää, pitääkö minun ymmärtää tekniikasta mitään. Hyvät kysymykset. Tässä vastaukset.

Vaihe 1: Kartoitus — 30 minuuttia, ei sitoumuksia

Kaikki alkaa lyhyellä puhelulla. Ei toimistokäyntiä, ei esityspakettia, ei kalenteriviikkoja odottamista.

Kartoituksessa käydään läpi mitä sivusto tekee ja kenelle — onko tavoite yhteydenotot, varaukset, myynti. Onko olemassa brändiä tai visuaalista ilmettä. Mikä on realistinen budjetti ja aikataulu.

Kartoituksen jälkeen tulee kiinteä tarjous. Jos se ei sovi, ei synny kuluja eikä velvoitteita. Jos sopi, sovitaan aikataulu.

Vaihe 2: Sisältö — tämä on se missä asiakas tekee töitä

Tässä tulee yllätys monille: kotisivuihin tarvitaan sisältö. Ei tarkoita, että asiakkaan pitäisi osata tehdä sitä itse — me autamme muotoilemaan. Mutta yrityksen tarina, palvelut ja ydinviesti tulevat asiakkaalta.

Käytännössä tarvitaan logo (SVG-muodossa jos on, autamme jos ei), palvelukuvaukset, kuvat (omia tai kuvapankkikuvia, autamme valinnoissa), ja mahdolliset asiakasarviot. Ei teknistä osaamista, ei koodausta, ei isoja tiedostoja etukäteen.

Käytännön kokemus: sisällön kerääminen on se vaihe joka useimmiten venyttää aikataulua. Mitä nopeammin materiaalit saadaan, sitä nopeammin sivusto valmistuu.

Vaihe 3: Design — näet ennen kuin hyväksyt

Rakennetaan ensin visuaalinen design Figmassa. Tässä vaiheessa sivusto on kuva, ei koodia — muutokset ovat nopeita ja halpoja. Väärä väri tai sijoittelu korjataan minuuteissa, ei tunteina.

Design hyväksytään ennen kuin koodaaminen aloitetaan. Et maksa koodista jota et halua — näet lopputuloksen jo tässä vaiheessa.

Vaihe 4: Toteutus

Hyväksytty design muutetaan toimivaksi sivustoksi. Käytämme Next.js-frameworkia ja Sanity-sisällönhallintaa — yhdistelmä joka tuottaa nopeat, tietoturvalliset sivustot ilman riippuvuutta ulkopuolisista liitännäisistä.

Koko toteutuksen ajan näet kehitysversion oikealta URL-osoitteesta. Et odottele pimeässä — pääset katsomaan edistymistä reaaliajassa ja sanomaan jos jokin ei miellytä.

Vaihe 5: Tarkistus ennen julkaisua

Ennen julkaisua käydään läpi tekninen tarkistuslista josta ei tingitä: latausnopeus ja Core Web Vitals, kuvien optimointi, mobiilitoimivuus kaikilla yleisimmillä laitteilla, metatiedot ja strukturoitu data, lomakkeiden toimivuus, 404-sivut ja uudelleenohjaukset.

Huono tekninen pohja tarkoittaa heikompaa Google-näkyvyyttä heti alusta. Tästä vaiheesta ei leikata.

Vaihe 6: Julkaisu ja luovutus

Julkaisupäivänä sivusto siirtyy oikealle domainille. Pidämme lyhyen perehdytyksen Sanity-hallintapaneeliin — 20–30 minuuttia ja osaat itse lisätä blogijulkaisuja, päivittää tekstejä ja vaihtaa kuvia. Ei tarvetta soittaa meille joka kerta kun pitää muuttaa jotain pientä.

Luovutuksen yhteydessä saat: lähdekoodi GitHub-repona (omistat kaiken), Figma-designtiedostot, Google Analytics -tili valmiina.

Kuinka kauan kestää?

Tyypillinen yrityssivusto valmistuu 10–18 arkipäivässä yhteydenotosta julkaisuun. Sisältömateriaalien saaminen on yleensä se muuttuja joka vaikuttaa aikatauluun eniten.

Jos haluat käydä prosessin läpi käytännössä — varaa kartoituspuhelu. 30 minuuttia, ei kuluja, ei sitoumuksia.