Verkkokaupan suunnittelu ja arkkitehtuuri

Koska verkkokaupan toteutuksessa haluttiin pitää juoksevat kulut minimissä, oli tärkeää panostaa arkkitehtuurin, eli teknisten osien ja niiden yhteistoiminnan suunnitteluun. Ohjelmistoarkkitehtuurisuunnittelun painopisteinä olivat myös helppokäyttöisyys niin tuotetiedon ja sisällön hallinnan kuin myös myyntien hallinnan ja rahaliikenteen suhteen. Verkkokaupan toteutuksessa hyödynnettiin seuraavia palveluita:

  • Storyblok - Headless ("päätön") sisällönhallintajärjestelmä
  • Stripe - Maksujen käsittely
  • Vercel - Verkkosivuston julkaisu ja hallinta
  • Nuxt - Käyttöliittymä ja rajapinnat

Seton Tuning arkkitehtuurikuvaus Arkkitehtuurikuvaus

Näillä teknologia- ja palveluvalinnoilla verkkokaupan juoksevat kulut saatiin minimoitua: Kuukausittainen kustannus 9€ + Stripe-maksutapahtumakomissio.

Nuxt-verkkosovellukset

Nuxt on Vue.js -pohjainen "metaframework" monipuolisten ja modernien verkkosovellusten kehittämiseen. Nuxtilla voidaan luoda staattisia-, palvelimella renderöityjä- (SSR), yksisivuisia- (SPA) tai proggressiivisia verkkosovelluksia (PWA). Nuxt on erittäin monipuolinen ja tehokas työkalu tämän päivän verkkosovellusten tarpeisiin. Tmi S. Virmasalo on erittäin kokenut Nuxt-kehittäjä ja on toteuttanut useita verkkosovelluksia Nuxtilla.

Seton Tuningin tapauksessa käytettiin SSR-ratkaisua jossa verkkosovellus renderöidään palvelimella ja lähetetään selaimelle valmiina HTML-sivuna. Tarvittavat rajapintakutsut Stripelle ja Storyblokiin tehdään myös palvelimella, jotta salaiset avaimet ja tiedot pysyvät varmasti turvassa. Nuxt-sovellusten tietoturva on huippuluokkaa verrattuna esimerkiksi WordPress-sivustoihin ja Woocommerce-verkkokauppoihin jotka ovat jatkuvasti hakkereiden kohteena.

Storyblok-sisällönhallintajärjestelmä

Storyblok on moderni headless-sisällönhallintajärjestelmä joka toimii SaaS-periaatteella. Storyblok vaatii aina kokeneen kehittäjän aloittamaan projektin, mutta hyvällä perustamistyöllä sen käyttö on osaamattomallekin sisällöntuottajalle äärimmäisen helppoa. Storyblokista on rajoitettu ilmainen versio sekä eritasoisia maksullisia versioita joista kukin tuo pöytään oman lisäarvonsa.

Seton Tuningin verkkokauppaan luotiin sisällönhallintaan ominaisuudet tuotteiden, valikoiden ja sisältösivujen dynamamiseen, eli joustavaan hallintaan. Tmi S. Virmasalo on kokenut Storyblok-kehittäjä ja on toteuttanut useita verkkosovelluksia Storyblokilla.

Stripe verkkokauppamoottorina

Stripe on yksi maailman johtavista maksupalveluntarjoajista ja tarjoaa laajan valikoiman työkaluja mm. verkkokauppojen maksujen käsittelyyn. Harva tietää että Stripestä löytyy ominaisuudet myös esimerkiksi tuotekatalogin luomiseen, asiakkaiden hallintaan ja toimitusmaksujen laskentaan. Stripe sisältää useita tunnettuja maksutapoja, perinteisten korttimaksutapojen lisäksi valittavissa on mm. Apple Pay, Google Pay, Klarna Checkout ja MobilePay. Seton Tuningin liiketoiminta sijaitsee Isossa-Britanniassa ja myynti on globaalia, joten Stripe palvelee heitä erinomaisesti.

Miten Seton Tuningin verkkokauppa toimii?

Hyvin!