Siirry sisältöön

Verkkosivujen suunnittelu ja toteutus samalta ihmiseltä. Sivustot eivät vanhene työkalujen mukana.

Verkkosivuston on kestettävä brändiuudistus, kolme markkinointivastaavaa ja se, mitä alustasi päättää seuraavaksi tehdä. Useimmat eivät kestä, ja toinen uudistus maksaa yleensä enemmän kuin ensimmäinen, koska siihen mennessä sisältö, integraatiot ja toimintatavat ovat jo kasvaneet kiinni sivustoon.

Visuaalinen kieli, jonka säännöt pysyvät voimassa sivuston kasvaessakin, suunnittelujärjestelmä, jonka pohjalta tiimisi voi luoda uusia sivuja, sekä teknologiapino, joka on valittu sen käyttäjien tarpeiden mukaan eikä sen kehittäjien. Brändi, suunnittelu ja kehitys. Valitse kaikki kolme tai juuri se osa, josta sinulla on puutetta.

Strategiasta ja brändi-identiteetistä
Brändi

Useimmat brändiohjeet rikotaan heti, kun joku laatii niiden pohjalta verkkosivuston

Ne laativat ihmiset, jotka eivät tule rakentamaan sivustoa. Siksi väripaletti ei läpäise kontrastitestejä, otsikkofontti hajoaa puhelimen kokoisella näytöllä, ja koko järjestelmä kattaa vain yhden kauniin pääkuvasivun, mutta ei kerro mitään muista neljästäkymmenestä sivusta. Tiimi joutuu lopulta improvisoimaan, ja kuusi kuukautta myöhemmin sivuston brändi ja PDF-tiedoston brändi ovat kaksi eri brändiä.

Teen tämän päätöksen tietäen, että juuri minun on se toteutettava. Jokainen sääntö testataan selaimessa ennen kuin siitä tulee virallinen sääntö, minkä ansiosta brändi näyttää yhä samalta myös sivulla kolmekymmentä.

  • Sijoittelu

    Mikä on asemasi markkinoilla, kenelle tarjoat palveluitasi ja miksi joku valitsee sinut ilmeisen vaihtoehdon sijaan. Kirjoitettu selkeillä lauseilla, koska jokainen myöhempi päätös joutuu sen perusteella kyseenalaistettavaksi.

  • Ydinviestit ja äänensävy

    Mitä sanot ensin, mitä jätät sanomatta ja miltä se kuulostaa. Tähän sisältyy sivuston sisältöprioriteetit, jotta sivun rakenne noudattaa viestiä sen sijaan, että viesti ahtautettaisiin asetteluun.

  • Visuaalinen suunta

    Fontti, väri, kuvamateriaali ja niitä yhdistävä graafinen kieli. Valittu ja tarkistettu todellisilla näytöillä niissä kooissa, joita ihmiset tosiasiassa käyttävät, ei esitysdiailla.

  • Tyyliohjeistus

    Riittävän tarkat säännöt, joiden perusteella voi toimia: kontrasti, joka täyttää vaatimukset; teksti, joka näkyy selvästi puhelimella; välit, jotka perustuvat todellisiin lukuihin. Testi on se, pystyykö kehittäjä, joka ei ole koskaan tavannut sinua, rakentamaan uuden sivun ilman arvailua.

Tee brändistäsi unohtumaton
Suunnittelu

Useimmissa suunnitelmissa on vain se versio sivusta, jossa kaikki toimii

Niinpä mallikuvissa on kolme tuotetta ruudukossa, johon mahtuu yhdeksän, ja asiakassitaatti ihmiseltä, jonka nimi on sopivan lyhyt. Sitä versiota, jossa lomake kaatuu, ei ole lainkaan. Puuttuvat kohdat ratkaistaan toteutuksessa sillä tavalla, joka on sinä iltapäivänä nopein, ja lopputulos vastaa suunnitelmaa niissä kahdessa kohdassa, jotka joku ehti tarkistaa.

Suunnittelen hankalat tilat ennen viimeistelyä, koska minä olen se, joka joutuu rakentamaan ne yli hypätyt. Tyhjä näkymä, lataus, virhe ja aivan liian pitkä teksti ovat kaikki halvempia ratkaista suunnittelutiedostossa kuin komponentissa.

Rakenne ennen ulkoasua

Sivujärjestys tulee siitä, mitä sinun on sanottava ja missä järjestyksessä, ei siitä, mitkä osiot mallipohjaan sattuu kuulumaan. Ulkoasu tulee perässä, ja se on helpompaa sen jälkeen, kun perustelu on selvä.

Komponenttijärjestelmä, ei kokoelma sivuja

Jokainen näkymä kootaan samoista osista, joten sivu, jota kukaan ei erikseen suunnitellut, näyttää silti suunnitellulta. Jos tiimisi pystyy rakentamaan uuden sivun olemassa olevista osista niin, että se näyttää harkitulta, järjestelmä toimii.

Ne tilat, joita kukaan ei pyydä

Tyhjä, lataus, virhe, yksi tuote, neljäkymmentä tuotetta ja yrityksen nimi, joka on kolme kertaa pidempi kuin mallikuvassa. Juuri näissä sivusto näyttää rikkinäiseltä, ja niiden päättäminen etukäteen ei maksa käytännössä mitään.

Tarkistettu selaimessa, ei suunnittelutiedostossa

Tekstikoot, kontrastit ja välistykset varmistetaan todellisilla näytöillä niillä leveyksillä, joita ihmiset käyttävät. Suunnitelma, joka toimii vain yhdellä leveydellä, on kuva verkkosivustosta.

Kehitys

Kehitys on valmis, kun tiimisi pystyy julkaisemaan sivun ilman, että minun tarvitsee puuttua asiaan

Useimmissa projekteissa työ katsotaan valmiiksi julkaisun yhteydessä. Siinä vaiheessa kehittäjän työ helpottuu, mutta sinun työsi vaikeutuu: jokaisesta pienestä muutoksesta tulee pyyntö, pyyntöjono kasvaa, ja sivusto alkaa hiljalleen poiketa yrityksen tarpeista. Tavoitteena on luovuttaa tuote, jota voi todella käyttää, ja se muuttaa sitä, mitä lopulta rakennetaan.

Näin ollen alusta valitaan sen perusteella, kenen tehtäväksi sen ylläpito jää, suunnittelujärjestelmä toimitetaan todellisina komponentteina asiakirjan sijaan, ja ne osat, joiden toteuttamista on helppo lykätä, hoidetaan kehitysvaiheessa: suorituskyky, esteettömyys sekä siisti HTML-koodi, jota hakukoneet ja tekoälypohjaiset indeksointirobotit pystyvät lukemaan.

Verkkosivujen ja digitaalisten alustojen rakentaminen moderneilla teknologioilla
  • Tiimillesi valittu alusta

    Webflow tai Framer, kun tiimisi haluaa muokata sivustoa visuaalisesti. Minulta löytyy molempien sertifikaatit. Next.js ja Sanity, kun sivustolta vaaditaan enemmän kuin mitä sivunrakennustyökalu sallii. Kerron puhelussa, kumman valitsisin ja miksi. Perustelun takana on lähes aina sama kysymys eli kuka tätä sivustoa ylläpitää ensi vuonna.

  • Tiimisi hallinnoima sisältö

    Sisällönhallintajärjestelmä (CMS), jota markkinointivastaavasi voi käyttää ilman, että kehittäjän on oltava valmiina auttamaan. Esikatselu ennen julkaisua sekä sisältörakenne, joka on ymmärrettävä sisällön kirjoittajille eikä pelkästään järjestelmän rakentajalle.

  • Integraatiot

    CRM-järjestelmä, uutiskirje, analytiikka ja lomakkeet on integroitu niin, että tiedot päätyvät suoraan sinne, missä tiimisi jo työskentelee. Asetukset tehdään kerran ja dokumentoidaan, joten kenenkään ei tarvitse arvailla, minne liidi on päätynyt.

  • Nopea ja esteetön

    Suorituskyky ja esteettömyys on huomioitu jo kehitysvaiheessa, eikä niitä ole korjattu jälkikäteen julkaisun jälkeen. Kaikki on tarkistettavissa, ja siinä onkin koko juju: avaa sivusto ja suorita testit itse.

Prosessi

Kiinteähintaiset viikkosprintit, joten tiedät aina, mitä ensi viikko maksaa

Jokaisen sprintin tulokset sovitaan ennen sen alkamista. Hinta selviää etukäteen, voit seurata työn etenemistä reaaliaikaisen linkin kautta ja jatkat hanketta vain niin kauan kuin se on sinulle kannattavaa. Useimmat projektit kestävät kahdesta kahdeksaan sprinttiä.

Tutustuminen

Käytämme 30 minuuttia siihen, että käymme läpi, mitä olet rakentamassa ja miksi nykyinen sivusto ei toimi tarkoitetulla tavalla. Saat suuntaa-antavan arvion ennen kuin lopetamme puhelun.

Projektiehdotus

Tulevan työn laajuus, aikataulu ja hinta kirjallisesti, sprintti kerrallaan, jotta tiedät, mitä kukin viikko tuo tullessaan.

Toteutus

Suunnittelu ja kehitys etenevät rinnakkain jo ensimmäisestä viikosta lähtien, ja voit seurata prosessia reaaliaikaisen testauslinkin kautta. Parempi tehdä pieniä korjauksia varhaisessa vaiheessa kuin kalliita korjauksia myöhemmin.

Et tarvitse ketään, joka vain noudattaa käskyjä. Tarvitset jonkun, jonka kanssa voit miettiä asioita yhdessä.

Suurin osa ihmisistä, joiden kanssa työskentelen, on yritysten perustajia tai markkinointivastaavia, joilla on jo karkea käsitys siitä, mitä sivuston pitäisi tehdä. Heiltä puuttuu kuitenkin joku, joka keskustelee asiasta heidän kanssaan ja ryhtyy sitten toteuttamaan sitä. Kerron sinulle, kun mielestäni olet väärässä, ja näet työn edistymisen viikoittain sen edetessä, eikä vasta lopussa.

Kivimuuri

"Aleksi teki verkkosivuston yritykselleni. Sivusto näyttää todella hyvältä, ja hänellä on selvästi vankka osaaminen kaikenlaisiin tilanteisiin ja ongelmiin. Hän antoi minulle myös selkeät ohjeet siitä, miten sivustoa käytetään sen valmistumisen jälkeen, ja saan aina apua heti, kun sitä tarvitsen. Olen erittäin tyytyväinen palveluun."

niila stark

Niila Stark

CFO, Net Works Company Oy

Näkymä järvelle
Strategia

"Yrityksemme verkkosivusto toteutettiin todella nopeasti. Ulkoasua koskevat toiveemme otettiin huomioon, ja lopputulos on todella hyvä. Suosittelen lämpimästi!"

vikke werner lampen

Vikke-Werner Lampén

Co-Founder, LLK Sales Oy

Auringonlasku metsässä
UKK

Ennen kuin varaat ensimmäisen viikon kanssani

Tästä löydät vastaukset siihen, mitä teen. Nämä kertovat sinulle miten hommat kanssani käytännössä menee. Löydät myös ne kohdat, jotka monessa projektissa selviävät vasta matkan varrella.

Voitte. Laskutan viikko kerrallaan ja sivusto on julkaisukelpoinen jokaisen sprintin päätteeksi, joten lopettaminen ei maksa mitään jo varatun viikon lisäksi. Jos kolmas viikko ei ole sinulle 2 240 euron arvoinen, älä varaa sitä. Useimmat toimeksiannot kestävät kolmesta kuuteen viikkoa, mutta se on lopputulos eikä sitoumus.

Seuraava askel

Kerro minulle budjetti tai kysy minulta arviota

Raha ei vaikuta projektin laajuuteen, vaan sen avulla valitaan eri projektien välillä. Hyödyllinen keskustelu alkaa siis jostakin luvusta, eikä sillä ole väliä, kumpi meistä mainitsee sen ensin.