@nude_yogagirl on Instagram-vaikuttaja, jolla on miljoonia seuraajia ympäri maailmaa. @nude_yogagirl perusti Nudamagin poikaystävänsä kanssa muuttaakseen ihmisten käsitystä alastomuudesta ja haastaakseen yhteiskunnassamme vallitsevia kauneusihanteita.

Lähtökohdat

Nudamag on verkossa myytävä lehti. Käyttäjät voivat valita kolmesta eri tilausvaihtoehdosta ja ostaa halutessaan myös yksittäisiä numeroita.

Nudamagia myytiin aikaisemmin Shopifylle toteutetun vanhan verkkokauppa-alustan sekä Patreon-alustan avulla. Vaikka Shopify ja Patreon ovat päteviä palveluita, puuttui niistä selvästi jotakin. Kummankaan alustan visuaalinen ilme ja tunnelma eivät vastanneet Nudamagin ainutlaatuista brändiä riittävän hyvin. Lämpö puuttui. Tämän muuttaminen oli yhteistyömme lähtökohta.

Aloitimme yhteistyön konseptoinnilla, jossa kävimme yhdessä Nudamagin tiimin kanssa läpi vanhan verkkopalvelun rajoitteet sekä keskustelimme toiveista, tarpeista ja tavoitteista uudelle verkkopalvelulle.Alusta alkaen oli selvää, että emme suunnitelleet pelkkää verkkosivustoa, vaan räätälöityä verkkokauppa-alustaa digitaalisten tuotteiden myymiseen. Nykytilan, toiveiden, tarpeiden ja tavoitteiden perusteella määrittelimme verkkopalvelun avaintoiminnallisuudet ja vasta tämän jälkeen teimme päätöksen siitä, millä alustalla verkkopalvelu tultaisiin toteuttamaan. Alustan tuli vastata kaikkiin konseptointivaiheessa määriteltyihin tarpeisiin.

Visuaalinen identiteetti

Konseptointivaiheessa määrittelimme myös visuaalisen identiteetin suuntaviivat. ”Rohkea, tyylikäs ja sielukas identiteetti, joka jalkautuu aidoksi, lämpimäksi ja luotettavaksi verkkosivustoksi.” – näin määrittelimme uuden visuaalisen identiteetin. Nudamag on aikakauslehti, jossa on taidolla otettuja, kauniita kuvia, ja siksi palvelun visuaalisen ilmeen tuli olla linjassa kuvien kanssa.

Konseptin muodostamisen jälkeen lähdimme hahmottelemaan uutta verkkopalvelua rautalankojen muodossa. Analytiikkaa seuraamalla huomasimme, että suurin osa sivuston liikenteestä saapuu Instagramin kautta, minkä vuoksi palvelua käytetään mobiilissa huomattavasti enemmän kuin muilla laitteilla. Lähdimmekin kaikessa suunnittelussa liikkeelle mobiilinäkymistä.

Verkkokaupan optimointi dataan pohjautuen

Verkkosivusto ja verkkokauppa rakennettiin WordPressilla sekä WooCommercella. Kaikki tuotteet ovat digitaalisia. Käyttäjät voivat ostaa irtonumeroita tai hankkia itselleen kestotilauksen. Kestotilausten hallitsemikseksi asennettiin WooCommerce Subscription -laajennus. Koska Nudamag toimii maailmanlaajuisesti, verkkokaupan tuli tukea useita valuuttoja ja verokantoja.

Tekninen toteutus

Käyttäjät voivat luoda oman tilin sivustolle, ladata digitaalisia painoksia ja päivittää henkilökohtaiset tietonsa sekä maksutietonsa. He voivat myös nähdä oman tilauksensa tiedot ja muuttaa tilausta tarpeen mukaan. Tilaajilla on oman tilinsä kautta pääsy myös eksklusiiviseen sisältöön.

Palvelun luotettava toiminta on tärkeää ja sitä varten kehityksessä hyödynnettiin automaattista testausta. Kriittisiä toimintoja varten on toteutettu automaattiset yksikkötestit (PHPUnit) ja ostopolkua varten integraatiotestit (Cypress.io).

Modulaarinen sivusto koostuu sisältöelementeistä, jotka on suunniteltu Nudamagin sisältömarkkinoinnin tarpeisiin. Kaikki sisältöelementit ovat uudelleenkäytettäviä, mikä tarkoittaa, että samaa sisältö voidaan näyttää useilla eri sivuilla. Kaikki sisältö on myös helposti muokattavissa yhdestä paikasta.

Monet toiminnallisuuksista toteutettiin räätälöitynä verkkopalvelua varten, mikä osaltaan lisäsi palvelun testauksen määrää. Intensiivisen testausvaiheen aikana testasimme verkkopalvelun käyttäjäkokemusta, käyttäjäpolkuja, suorituskykyä sekä yksittäisiä toiminnallisuuksia. Sivustoa testasi myös joukko Nudamagin oikeita asiakkaita ennen palvelun julkaisua.

Vaikka ostosten määrän näkee helposti WooCommerce-alustalta, pidimme tärkeänä sisällyttää analytiikan laajemmin osaksi projektia. Olimme vastuussa mittaussuunnitelmasta, seurannan asennuksesta sekä Data Studio Dashboardin luomisesta. Jatkossa voimme analysoida sivuston ja verkkokaupan toimintaa jatkuvasti sekä optimoida verkkokauppaa dataan pohjautuen.