St1 Autopesuverkkokaupan uudistus
Energiayhtiö St1:n digitaalisessa uudistushankkeessa korvattiin vanha Magento-pohjainen autopesuverkkokauppa kokonaan uudella mikropalveluarkkitehtuurilla ja headless-frontendilla. Projekti oli St1:lle liiketoiminnallisesti kriittinen hanke, joka vaati kokonaisvaltaista teknistä ja strategista asiantuntijuutta.
Tausta ja strateginen lähtökohta
Vanha Magento-toteutuksella tehty verkkokauppa haluttiin tuoda tähän päivään. Samalla tunnistettiin mahdollisuus uudistaa asiakaskokemus ja tuoda aiemmin erillinen verkkokauppa saumattomaksi palvelukokonaisuudeksi yhden verkkosivuston alle. Aiemmin verkkokauppa oli omassa osoitteessaan, mutta nyt kauppa tuotaisiin osaksi St1.fi-sivuja. Tämän ansiosta portaaleiden määrä tippuisi kahdesta yhteen, mikä parantaisi asiakaskokemusta.
Uusi palvelukokonaisuus haluttiin toteuttaa niin, että sieltä löytyisi kaikki tarvittava asiakkaalle, kuten pesukoodit, käyttäjätiedot, ostohistoria ja kuitit. HiQ:n strateginen suositus oli korvata monoliittinen rakenne kokonaan mikropalveluarkkitehtuurilla, joka mahdollistaa ketterän jatkokehityksen ja ylläpidon. Ratkaisun ytimessä on Contentful-sisällönhallintajärjestelmä, jossa kaikki palvelut jakavat samat visuaaliset komponentit ja design systemin, mahdollistaen tehokkaan skaalauksen kaikkien St1 Nordicin palveluiden tarpeita ajatellen.
Tekninen toteutus: monoliitistä mikropalveluihin
Tekninen uudistus kattoi kokonaisvaltaisen arkkitehtuurisuunnittelun, jossa hyödynnettiin mikropalvelupohjaista arkkitehtuuria modulaarisuuden, nopean kehityksen ja helpon ylläpidon mahdollistamiseksi. Ratkaisuna oli headless-arkkitehtuuri, jossa frontend toteutettiin hyödyntäen Nuxt3-teknologiaa, tarjoten joustavan ja modernin käyttöliittymän monikanavaisiin tarkoituksiin.
Sisällönhallintaan valittiin Contentful CMS. Yhdistettynä design systemiin se voi tehostaa merkittävästi kehitystyötä ja mahdollistaa komponenttien tehokkaan uudelleenkäytön eri palveluissa. Ratkaisun monikanavaisuus on yksi sen keskeisistä vahvuuksista – sama taustajärjestelmä palvelee saumattomasti eri alustoilla. Asiakkaat voivat tehdä ostoksia yhtä sujuvasti kaikissa kanavissa, mikä mahdollistaa yhtenäisen käyttäjäkokemuksen ja tehostaa ylläpitoa merkittävästi.
Integraatio-osaamista tarvittiin erityisesti maksuportaalien ja tuotetiedon hallinnan saumattomassa liittämisessä osaksi kokonaisuutta.
Ratkaisun ytimessä on Contentful-sisällönhallintajärjestelmä, jossa kaikki palvelut jakavat samat visuaaliset komponentit ja design systemin, mahdollistaen tehokkaan skaalauksen kaikkien St1 Nordicin palveluiden tarpeita ajatellen.
Palvelumuotoilu tärkeässä roolissa
Palvelumuotoilulla varmistettiin projektissa sujuva asiakaskokemus. St1:n etukäteen määrittelemät user storyt käyttäjäkohtaisista tarpeista eri alustoilla ja tilanteissa toimivat lähtökohtana, joka validoitiin ja konkretisoitiin palvelumuotoilun työkaluilla.
Koko tiimi sekä asiakkaan että HiQ:n puolelta osallistui muutamaan työpajaan, joissa hahmoteltiin KPI:t sekä ostoprosessin kulkua askel askeleelta visuaalisesti. Lähestymistapa varmisti, että kaikki olivat samalla sivulla projektin laajuudesta, sisällöstä ja matkan varrella tehtävistä valinnoista. Oletusten läpikäynti selkeytti projektin laajuutta merkittävästi. Esimerkiksi maksutapojen määrittelyt ja teknisten integraatioiden vaatimukset tarkentuivat prosessissa, mikä vauhditti ja sujuvoitti myöhempää toteutusta.
Lopputulos ja strateginen vaikutus
Lopputuloksena syntyi uudistettu autopesuverkkokauppa, joka mahdollistaa huomattavasti nopeamman reagoinnin liiketoiminnan tarpeisiin, markkinointikampanjoihin ja uusien palveluiden lanseeraukseen. Uudistus tukee St1:n strategista tavoitetta kehittää asiakaslähtöisiä digitaalisia palveluita, jotka ovat skaalautuvia ja helposti ylläpidettäviä.
Tietoturva-aspektit otettiin huolellisesti huomioon koko toteutuksessa, ja uudistus läpäisi ulkoisen tietoturva-auditoinnin erinomaisin arvosanoin. Ratkaisu takaa turvallisen maksamisen ja korkean käyttöturvallisuuden, mikä on kriittistä verkkokauppatoiminnalle.
Onnistuneen yhteistyön perustana oli HiQ:n ja St1:n pitkäaikainen kumppanuus ja syvällinen ymmärrys asiakkaan liiketoiminnasta sekä teknisestä ympäristöstä. HiQ:n monipuolinen asiantuntijuus yhdisti kokonaisvaltaisen arkkitehtuurin ymmärryksen, integraatio-osaamisen, Contentful- ja Magento-tuntemuksen sekä palvelumuotoilun ja UI/UX-suunnittelun.
Ratkaisu suunniteltiin yhdessä asiakkaan kanssa huomioiden paitsi nykyiset tarpeet, myös tulevaisuuden visiot. Uudistettu palvelu luokin vankan pohjan tulevaisuuden kehitykselle.
Yhteistyö tiivistetysti:
- Magento-verkkokaupan korvaaminen mikropalveluarkkitehtuurilla: Vanha monoliittinen ratkaisu korvattiin mikropalveluarkkitehtuurilla, joka mahdollistaa ketterän kehityksen ja ylläpidon.
- Headless-frontend Nuxt3:lla: Moderni ja joustava käyttöliittymä monikanavaiseen käyttöön.
- Contentful CMS + design system: Yhdistettynä design systemiin Contentful voi tehostaa kehitystyötä ja mahdollistaa komponenttien tehokkaan uudelleenkäytön eri palveluissa.
- Maksuportaalien ja tuotetiedon integraatio: Saumaton liitäntä osaksi uutta palvelukokonaisuutta.
- Verkkokaupan yhdistäminen St1.fi-sivustoon: Asiakaskokemusta parannettiin yhdistämällä erilliset portaalit yhdeksi kokonaisuudeksi.
- Palvelumuotoilun hyödyntäminen: User storyt validoitiin ja konkretisoitiin työpajoissa, joissa hahmoteltiin KPI:t ja ostoprosessin kulku.
- Yhteistyö ja asiantuntijuus: Projekti toteutettiin tiiviissä yhteistyössä St1:n kanssa, hyödyntäen HiQ:n monipuolista osaamista.
