Arkkitehtuuri
WordPress ja Kadence muodostavat pohjan, jonka päälle Piikula-lapsiteema toteuttaa räätälöidyn ulkoasun ja toiminnallisuuden. Git-hallittu lähdekoodi julkaistaan rajatulla FTPS-siirrolla tuotantoon.
Yrityssivusto · WordPress · Asiakasprojekti
Tmi Piikula
Hieronta- ja hyvinvointialan yrityksen verkkosivusto, joka uudistettiin mobiili edellä selkeäksi, lämpimäksi ja helposti ylläpidettäväksi kokonaisuudeksi.
Tuotannossa
Tmi Piikulalle toteutettu WordPress-sivusto tekee palveluista, hinnoista, yhteydenotosta ja Soluni-yhteistyöstä helposti löydettäviä sekä puhelimella että työpöydällä.
Projektin lähtökohta
Piikula on Jämsänkoskella toimiva hieronta- ja hyvinvointialan yritys. Projektissa rakennettiin uusi WordPress-sivusto, jossa palvelut, hinnat, yhteystiedot ja Soluni-yhteistyö ovat helposti löydettävissä kaikilla näytöillä.
Toteutus tehtiin Kadencen päälle räätälöitynä Piikula-lapsiteemana. Visuaalinen suunta rakentuu Piikulan oman brändin ympärille: lämmin, naisellinen, rauhallinen ja hoivaava, mutta samalla ammattimainen ja saavutettava.
Palvelut nopeasti esiin
Hoitojen, hintojen ja yhteydenoton pitää löytyä ilman pitkää selaamista tai epäselvää polkua.
Yhteydenotto puhelimella
Ajanvaraus sovitaan henkilökohtaisesti puhelimella tai viestillä. Sivusto tekee yhteydenotosta selkeän ja vaivattoman erityisesti mobiilissa.
Ylläpidettävä kokonaisuus
Sisältöä voidaan ylläpitää WordPressissä, samalla kun räätälöity toteutus ja tuotantomenettely pysyvät hallittuina.
Kuvakaappaukset
Kuvakaappaukset Piikulan toteutetusta verkkosivustosta. Klikkaamalla kuva avautuu täysikokoisena.
Suunnittelu ja toteutus
Sivusto suunniteltiin Piikulan omaksi, rauhalliseksi palvelukokemukseksi eikä yleiseksi spa-malliksi. Virallinen viininpunainen ja roosan sävymaailma, vaaleat pinnat, harkittu typografia ja väljä taitto tukevat selkeää sisältöhierarkiaa.
Design ja UX
Aidot yrittäjä-, yritys- ja luontokuvat korvasivat tarvittaessa geneerisen kuvamaailman. Saavutettava kontrasti, näkyvät kohdistustilat ja hillitty sommittelu pitävät käyttökokemuksen rauhallisena ja selkeänä.
Mobiili ensin
Navigaatio, CTA-kosketuskohteet, hinnasto, asiakasarviot, yhteyslinkit, kortit, kuvien rajaukset ja Soluni-sivu validoitiin 320, 360, 390, 411 ja 430 pikselin leveyksissä. Kehityksessä testattiin myös fyysisellä Android-laitteella ja tarkistettiin vaakasuuntaisen ylivuodon puuttuminen.
Toimitettu sisältö
Kokonaisuuteen kuuluvat etusivun palveluesittely, hoidot ja hinnat, yrittäjän esittely aidolla muotokuvalla, Google-arviot, yhteystiedot, some-linkit, sijainti ja ajo-ohjeet sekä responsiivinen navigaatio ja puhtaat pysyvät osoitteet.
Soluni-yhteistyö
Erillinen /soluni/-sivu esittelee tuotteita ja Piikulan kautta saatavaa henkilökohtaista palvelua. Sivulla käytetään aitoja tuote- ja elämäntyylikuvia, ja yhteydenotto onnistuu myös tekstiviestillä.
Ulkoinen kaupankäynti
Tuotteiden verkkokauppapolku jatkuu Arctic Nutritionin ulkoiseen kauppaan. Piikula ei isännöi verkkokaupan kassaa.
Kaksi selkeää polkua
Tuote-esittelyn rinnalla sivu kertoo erikseen yhteistyömahdollisuudesta ja ohjaa kiinnostuneen ottamaan yhteyttä.
Löydettävyys ja saavutettavuus
Hakukonenäkyvyys huomioitiin rakenteesta lähtien: tekninen SEO, hakukoneystävällinen sisältörakenne, puhtaat URL-osoitteet ja Google Search Console -valmius ovat osa julkaisun valmistelua.
Tekninen SEO
Semanttinen otsikkorakenne, kuvaavat vaihtoehtoiset tekstit, selkeä sisältöhierarkia ja paikallista löydettävyyttä tukeva sisältö rakennettiin osaksi sivustoa.
Saavutettava käyttö
Keskeiset toiminnot ovat saavutettavissa näppäimistöllä, kohdistustilat ovat näkyviä ja sisältö säilyy luettavana eri näyttökoissa.
Tuotantovalmius ja ylläpito
Tietoturva huomioitiin osana tuotantovalmiutta eikä erillisenä jälkityönä. Toteutukseen kuuluvat HTTPS-pakotus, hakemistojen suojaukset, WordPressin kovennus, päivitys- ja varmuuskopiointitarkistukset sekä rajattu FTPS-tuotantodeployment.
Dokumentointi ja ylläpidettävyys
Tekninen dokumentaatio kattaa arkkitehtuurin, WordPressissä ja Gitissä hallittavan tilan, deploymentin, design-säännöt, responsiivisuuden, kuvat, ylläpidon sekä tuotannon ja tietoturvan tarkistuslistat. Dokumentaatio pidetään synkronissa arkkitehtuurimuutosten kanssa.
Sivusto on julkaistu ja tuotantokäytössä.