Verkkosivustot

Workshop

  1. Alkaa aloitus workshopilla, jossa mukana suunnittelutiimi ja projektinjohtaja
    • Pienet sivustot, tiimi:
    • Isot sivustot, tiimi:
  2. Käydään läpi briiffilomakkeen vastaukset ja syvennetään ymmärrystä asiakkaaseen ja hänen toimintaympäristöön: kilpailijat, asiakkaat, sidosryhmät
  3. Käydään läpi tarpeet ja ominaisuuslista, jotta voimme tarkentaa tarjousta.
  4. Ruksitaaan taulukosta tarvittavat toiminnot ja ominaisuudet. 
  5. Tehdään alustavaa konseptointia, ja suunnitellaan alustavasti mm. etusivun ja sisäsivujen rakennetta rautalankamallina ja valikkotasoa
  6. Katsotaaan yhdessä esimerkkejä eri verkkosivujen tyyleistä.
  7. Asiakkaalle toimitetaan jälkikäteen suunnitelma ja listaus tarvittavista ominaisuuksista. Asiat kirjataan valmiille dokumenttipohjalle.
  8. Workshopin lopuksi katsotaan jatkosta ja sovitaan tarkennetun tarjouksen toimittamisesta.
  9. Asiakkaan hyväksyttyä tarkennettu tarjous, sovitaan aikataulu ja seuraava palaveri: leiskan esittely

Konsepti

Konsepti tehdään isommissa yli 10 sivun kokonaisuuksissa

Pienemmissä tehdään suppeammin tai tuodaan se ilmi leiskojen avulla.

Layout

Leiskat suunnitellaan Adobe XD-ohjelmalla.
Leiskoja tehdään sovittu määrä tarjouksen mukaan.
Leiskat tarvitaan ainakin seuraavista sivuista:

  • etusivu
  • sisältösivu
  • yhteystiedot
  • referenssi/portfolio/ajankohtaista/tuotteet/palvelut -koostekategoriasivu (mikäli ominaisuus tulossa)
  • referenssi/portfolio/ajankohtaista/tuote/palvelu -singlesivu (mikäli ominaisuus tulossa)

Pyritään käyttämään leiskoissa useita eri lohkoa, joita voi hyödyntää muissakin sivuilla.

Mobiilista riittää lähinnä valikko/header sekä erikoisemmat elementit.

Yleistä

  1. Asiakas kutsutaan Trelloon, jonka kautta projektin etenemistä on mahdollista seurata sekä käydä keskustelua meidän ja asiakkaan välillä keskitetysti
    • Trellon kautta asiakas voi myös jakaa tiedostoja meidän suuntaan ja päinvastoin
    • Kuvat pyydetään Dropbox latauksena
  2. Vastausten ja keskustelun pohjalta suunnittelutiimi aloittaa työnsä
    1. Työn eteneminen ja suunnittelutiimin sparraus on projektinjohtajan vastuulla
    2. Sovitaan sisäinen / sisäisiä palavereita, joissa käydään yhdessä läpi suunnittelutyön edistyminen
  3. Valmis layout käydään asiakkaan kanssa läpi yhteisessä palaverissa
    1. Mikäli tarjouksen laajuuteen kuuluu useampi vedoskierros, annetaan deadline kommentoinnille ja päivämäärä päivitetyn työn esittelylle (Trellon kautta tai palaverissa)

Hosting ja sähköposti

Ensisijaisesti käytetään Seravon WP-palvelua.
Suosittelukoodi: 582bvisf
Normaalit verkkosivut = WP PRO
Kasvuyrityksille ja verkkokaupoille = WP BUSINESS
Laajoille verkkosivustoille ja verkkokaupoille = WP CORPORATE

Sähköpostiksi suositellaan aina Google Workspacea tai Office 365

Toissijaisesti Hostingpalvelua

Vasta sen jälkeen asiakkaan oma hosting.

FTP-tunnukset tallennetaan 1Passwordiin.

Sisällöntuotanto  / hakukoneoptimointi

Mikäli asiakas on tilannut sisällöntuotannon, tehdään ensin avainsana-analyysi. Analyysissä hyödynnetään Semrush palvelua. Sisällöt kirjoitetaan hakukoneoptimoidusti. *täydennä*

Otsikkotasot sivulla seuraavassa järjestyksessä:

H1 (vain 1kpl/sivu)
H2
H3
**uusio osio**
H2
H3 jne.

Täytetään vähintään etusivun metatiedot ja some jakokuva. (Onko sisäsivut lisätyötä?)

Tekninen toteutus

WP Block editor tai Elementor riippuen sivuston budjetista.
Mikäli budjetti on tiukempi tai pienempi sivusto, käytetään Elementoria.
Isomman budjetin sivustot tehdään WP block editorilla.

Huom! Valmisteemojen korjauksiin ei suostuta, vaan silloin myydään sivuston toteutus alusta asti uudelleen.

Toteutus lokaalisti tai jos asiakkaan palvelimella, niin staging tai huoltotila päällä.
Varmista tällöin ettei hakukoneet löydä tekeillä olevaa sivustoa!

Kommentit ja korjaukset pyydetään asiakkaalta, yhden henkilön kautta kootusti.

Yleisesti käytettävät Lisäosat

Instagram feed upotuksia ei suosita.

Käytettävissä olevat massalisenssi lisäosat (ei laskuteta asiakkaalta, ellei itse lopeteta käyttöä):

  • Gravity Forms
  • Elementor Pro
  • ACF Pro

Maksulliset lisäosat

Kaikki maksulliset projektia varten hankitut lisäosat laskutetaan asiakkaalta. Ilmoita projektipäällikölle, mikäli hankittu tällainen lisäosa. Jos asiakkaalle ilmoitetaan hintaa, niin kerrotaan lisäosan hinta +30%.

Määrälisenssiset laskutetaan vuosittain ensimmäisen vuoden jälkeen:

  • Polylang Pro
  • Evästelisäosa Webtoffee

Näistä infoa laskuttajalle, jos otettu käyttöön.

Kuvat

Verkkosivuston tekijä tekee oikeaan kokoon ja optimoi kuvakoon.
Nimetään kuvat hakukoneoptimoidusti.
Alt-tekstit kirjoitetaan mahdollisuuksien mukaan.

Kuvat pitää löytyä Dropboxista asiakkaan kansiosta.

Sisällönsyöttö

Sisällönsyöttö tehdään tuntiperusteisesti. Pienissä sivustoissa voidaa sisällöt syöttää sivustolle samalla kun sivustoa rakennetaan.
Sisällöntuottaja voi tehdä pieniä tekstimuutoksia suoraan valmiille sivustolle.

Domain siirto ja julkaisu

Kun sivusto on valmis, julkaistaan se ja varmistetaan:

  • metat ja otsikot ( vähintään etusivu!)
  • somejakokuva lisätty
  • kuvien alt-tekstit
  • turhat sivut poistettu tai estetty, jottei hakukoneet löydä niitä
  • hakukoneet sallittu
  • lomakkeiden testaus
  • Google Tag manager asennettu
  • Search console liitetty
  • Google Analytics liitetty
  • GDPR (webtoffee) Eka vuosi kuuluu hintaan ja sen jälkeen 40€/vuosi  

Verkkosivujen välimuistituksesta pois tietosuojaseloste-sivu:
Lisätään ”gtag” Drop query stringiin ja sit tietosuojasivu excludaten
Näin Tag manager ei välimuistitu ja evästesivulla ei välimuistitu ne tekstit siitä, mitkä evästeet on hyväksytty.

Domainin siirrossa pyydetään asiakkaalta ajoissa välittäjänvaihtoavain sekä domainin DNS-tietueet, ja välitetään ne Seravolle.

Sivuston tekijä opastaa asiakkaan ylläpitoon.

Verkkosivuston julkaisun jälkeen

Myynti on yhteydessä asiakkaaseen, mikäli asiakas olisi kiinnostunut lanseerauskampanjasta tai digimarkkinoinnista, ja ohjataan asiakas digimarkkinoinnin kumppanille.

Tekstiä