*täydennä*
Workshop
- Alkaa aloitus workshopilla, jossa mukana suunnittelutiimi ja projektinjohtaja
- Käydään läpi briiffilomakkeen vastaukset ja syvennetään ymmärrystä asiakkaaseen ja hänen toimintaympäristöön: kilpailijat, asiakkaat, sidosryhmät
- Selvitetään toteutetaanko verkkokauppa WooCommercella vai Shopifylla
- Käydään läpi tarpeet ja ominaisuuslista, jotta voimme tarkentaa tarjousta.
- Ruksitaaan taulukosta tarvittavat toiminnot ja ominaisuudet.
- Tehdään alustavaa konseptointia, ja suunnitellaan alustavasti mm. etusivun ja sisäsivujen rakennetta rautalankamallina ja valikkotasoa
- Katsotaaan yhdessä esimerkkejä eri verkkokauppojen tyyleistä.
- Asiakkaalle toimitetaan jälkikäteen suunnitelma ja listaus tarvittavista ominaisuuksista. Asiat kirjataan valmiille dokumenttipohjalle.
- Workshopin lopuksi katsotaan jatkosta ja sovitaan tarkennetun tarjouksen toimittamisesta.
- 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
- tuotesivu
- tuotekategoriasivu
- ostoskori
- kassa
- yhteystiedot
- ajankohtaista-koostekategoriasivu (mikäli ominaisuus tulossa)
- ajankohtaista-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ä
- 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
- Vastausten ja keskustelun pohjalta suunnittelutiimi aloittaa työnsä
- Työn eteneminen ja suunnittelutiimin sparraus on projektinjohtajan vastuulla
- Sovitaan sisäinen / sisäisiä palavereita, joissa käydään yhdessä läpi suunnittelutyön edistyminen
- Valmis layout käydään asiakkaan kanssa läpi yhteisessä palaverissa
- 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
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. (Miten hinnoitellaan sisäsivut?)
Tekninen toteutus (WooCommerce)
WP Block editor tai Elementor riippuen sivuston budjetista.
Mikäli budjetti on tiukempi tai pienempi kauppa, käytetään Elementoria.
Isomman budjetin kaupat 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
- Gravity Forms
- Yoast SEO
- All in on migration
- Elementor pro (jos Elementor)
- ACF pro
- Woocommerce
- Välimuistitus tulee WP-palvelun kautta
- kuvien pakkaus päälle toolseista
- facebook for wp ja for woocommerce
- coming soon (tarvittaessa)
(https://wordpress.org/plugins/cmp-coming-soon-maintenance/) - GTM4WP Google tag manager
(https://wordpress.org/plugins/duracelltomi-google-tag-manager)
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.