Takomo rakensi verkkokaupan omilla ehdoillaan

Takomo Systems halusi verkkokaupan, joka palvelee räätälöityjen pelitietokoneiden ostamista yhtä hyvin kuin yritys itse rakentaa niitä. Kun kaupan tärkein osa päätettiin uudistaa perusteellisesti, Takomo rakensi samalla koko verkkokaupan pitkälle oman liiketoimintansa ympärille – ja vaihtoi alustan Shopifysta Finquun.

Takomon verkkokaupassa ei vain valita tuotetta ja siirrytä kassalle. Asiakas voi rakentaa oman pelikoneensa komponentti komponentilta, vertailla vaihtoehtoja keskenään, saada apua valintoihin ja seurata tilauksen jälkeen, missä vaiheessa oman koneen valmistus etenee.

Kaikki tapahtuu verkkokaupassa, joka näyttää ja tuntuu Takomolta. 

Pelitietokoneita yksi kone kerrallaan

Takomo Systems aloitti toimintansa vuonna 2017. Ensimmäiset koneet koottiin olohuoneessa, mutta vuosien aikana toiminta on kasvanut omiin tuotantotiloihin Järvenpäähän.

Yksi asia on kuitenkin pysynyt samana: Takomo rakentaa tietokoneet Suomessa ja tarjoaa vaihtoehdon valmiille massatuotetuille pelikoneille. Jokainen kone syntyy asiakkaan omien mieltymysten sekä tarpeiden ympärille ja sama ajatus ulottuu myös verkkokauppaan.

Räätälöidyn pelikoneen ostamiseen liittyy aina paljon valintoja. Prosessorin, näytönohjaimen, muistin, emolevyn ja muiden komponenttien pitää toimia yhdessä, mutta tekninen yhteensopivuus on vasta alku. Asiakkaan pitäisi myös pystyä ymmärtämään, missä kohtaa enemmän rahaa todella näkyy käytössä ja missä valinnoissa kahden vaihtoehdon ero jää lähinnä spekseihin.

Siksi verkkokaupan tehtävä ei ole vain esitellä komponentteja. Sen pitää myös auttaa rakentamaan sopiva kone. 

“Meille verkkokauppa on käytännössä myös myyjä. Asiakkaan ei tarvitse tietää etukäteen, mitä eroa kahdella prosessorilla on – kaupan tehtävänä on viestiä selväkielisesti ja juuri sen verran, että asiakas pystyy tekemään fiksun ostopäätöksen.

Siksi laskuri kertoo suoraan, mikä osa hidastaa kokonaisuutta ja missä se seuraava sata euroa oikeasti näkyy käytössä. Jos ostaminen tuntuu komponenttilistan tulkitsemiselta, olemme epäonnistuneet.”

Kun kaupan tärkein osa rakennetaan uudelleen

Takomon vanha Shopify-kauppa toimi hyvin, mutta erityisesti Pakettilaskurissa oli paljon sellaista, mitä seuraavassa versiossa haluttiin tehdä paremmin.

Ensimmäisen Pakettilaskurinsa Takomo oli rakentanut jo vuonna 2021, jolloin maailmanlaajuinen komponenttipula teki tietokoneiden rakentamisesta poikkeuksellisen haastavaa. Laskurin avulla asiakas pystyi rakentamaan koneen niistä osista, joita oikeasti oli saatavilla. Vuosien aikana siitä kasvoi keskeinen osa Takomon tapaa myydä tietokoneita verkossa.

Kun seuraavaa versiota alettiin suunnitella, kyse ei enää ollut pienestä päivityksestä. Pakettilaskuri rakennettaisiin käytännössä uudelleen, ja samalla avautui mahdollisuus katsoa koko verkkokauppaa uusin silmin.

Myös alusta vaihtui.

Shopify jäi pois ja uusi kauppa rakennettiin Finquun.

Pakettilaskuri 2.0 tekee vaikeista valinnoista helppoja

Uuden kaupan näkyvin osa on Pakettilaskuri 2.0.

Aiemmin asiakkaan piti valita AMD- ja Intel-pohjaisten kokoonpanojen välillä jo ennen varsinaista vertailua. Nyt molemmat löytyvät samasta kokemuksesta ja komponentteja voi vertailla suoraan siellä, missä omaa konetta rakennetaan. 

Asiakkaan ei myöskään tarvitse tuntea etukäteen eri emolevyjen teknisiä eroja tai avata rinnalle uusia välilehtiä selvittääkseen, mitä kahden vaihtoehdon välillä oikeasti muuttuu. Laskuri tuo kaiken olennaisen tiedon osaksi itse valintaa.

Muutos voi kuulostaa pelkältä käyttöliittymän uudistukselta, mutta Takomolle kyse on paljon isommasta asiasta: tavasta tehdä monimutkaisen tuotteen verkossa myymisestä helppoa.

Kauppa ei vain anna vaihtoehtoja. Se auttaa valitsemaan niiden välillä.

Kaupan ei tarvitse näyttää vakiolta

Takomo ei tyytynyt räätälöimään vain Pakettilaskurin toimintaa.

Kaupalle rakennettiin kuusi täysin erilaista visuaalista teemaa, jotka seuraavat asiakasta koko ostopolun läpi etusivulta aina tilaussivulle asti. Saman pelikoneen voi rakentaa esimerkiksi söpössä kissatytöt maailmassa, pergamentille rakennetussa näkymässä tai Windows 95:tä parodioivassa Takomo 9x -teemassa.

Tuotteet ja hinnat pysyvät samoina. Kokemus muuttuu täysin.

Takomo 9x on ehkä koko projektin hauskin yksityiskohta ja samalla yksi parhaista esimerkeistä siitä, mitä Takomo uudelta verkkokaupaltaan halusi. Kaupan käyttöliittymän ei tarvitse toimia kuten se on alustan puolesta oletuksena suunniteltu vaan sen voi muokata olennaiseksi osaksi yrityksen brändiä.

“Verkkokauppamme teemakoneisto on hyvä esimerkki koko projektista. Se ei ole ominaisuus, joka päätyisi koskaan isomman kehitystiimin roadmapille.

Uudet tekoälypohjaiset työkalut ja Finqun teemankehitykseen rakentamamme työnkulku ovat laskeneet villimpienkin ideoiden toteutuskynnystä tavalla, jota olisi muutama vuosi sitten ollut mahdotonta kuvitella.”

Lopputulos ei näytä yhtään Finqulta. Se näyttää 100% Takomolta.

Palvelu jatkuu myös tilauksen jälkeen

Pakettilaskuri ei ole uuden kaupan ainoa Takomolle rakennettu osa.

Kun asiakas tilaa räätälöidyn pelikoneen, tavallisen verkkokaupan ”tilausta käsitellään” kertoo melko vähän tilauksen etenemisestä. Takomolla asiakasta ei jätetä odottamaan paketin lähettämistä. Uudessa kaupassa tämä konkretisoituu suoraan asiakkaan tilaus-sivulla. Asiakas näkee, milloin tilaus on vastaanotettu, montako arkipäivää koneen valmistumiseen on arvion mukaan jäljellä ja milloin kone on lähtenyt matkaan.

Myös tekoälyä on tuotu osaksi palvelua kahdessa eri roolissa, kumpaankin tarkoitukseen on valittu sopiva tekoälymalli. Asiakaspalveluavustajalta voi kysyä mm. takuusta, toimituksesta ja räätälöinnistä. 

Pakettilaskurin avustaja sen sijaan auttaa analysoimaan oman kokoonpanon ja vertailemaan komponentteja keskenään. Asiakaspalvelussa käytetään Claudea, kun taas laskurin analyysi ja vertailu ajetaan Gemini 3.1 Prolla.

Molemmissa ratkaisuissa lähtökohta on sama: verkkokauppa seuraa Takomon tapaa palvella asiakasta myös silloin, kun valmiit verkkokauppatoiminnot eivät sellaisenaan riitä.

Millaista Finqun päälle oli rakentaa?

Pitkälle räätälöitävässä kaupassa olennaista ei ole vain se, mitä alusta tarjoaa valmiina. Tilaa pitää jäädä myös niille ideoille, joita kukaan ei ennestään ole toteuttanut.

Takomon Pakettilaskuri on osa samaa Finqu-kauppaa, jossa asiakas lopulta tekee myös ostoksensa. Oma valintalogiikka, komponenttien vertailut, vaihtoehtoiset käyttöliittymät ja muut Takomolle rakennetut ratkaisut elävät samassa ostokokemuksessa ja johtavat normaaliin tapaan ostoskoriin ja kassalle.

Kassa, maksutavat ja tilausten hallinta olivat jo vakiona kunnossa, joten niitä ei tarvinnut lähteä räätälöimään. Näin kaikki kehitysaika voitiin käyttää siihen, mikä näkyy asiakkaalle ja tekee juuri Takomon kaupasta kilpailijoita paremman.

Täysin kitkatonta rakentaminen ei silti ollut. Osan rajoista Takomo kiersi itse ja osaan tarvittiin Finqun apua. Esimerkiksi räätälöity tuotantoaika-arvio ei aluksi kulkenut ostoskorista tilaukselle asti, joten asia korjattiin alustan puolesta.

“Juuri siinä on ollut koko projektin paras puoli: meidän kokoisemme kauppias pääsee oikeasti puhumaan niiden kanssa, jotka myös pystyvät toteuttamaan muutoksen alustaan. Se on aivan eri asia kuin päästä pelkän tuen puheille. Finqussa muutospyyntö ei hautautunut matkalle, vaan asia eteni sinne asti, missä siihen pystyttiin tarttumaan.”

Tekninen toteutus lyhyesti

Kauppa on rakennettu Finqun Nova-teeman päälle, mutta asiakkaalle näkyviltä osin alkuperäisestä teemasta on vain vähän jäljellä. Teemakoodi, tyylit ja selainlogiikka on kirjoitettu pitkälti Takomon toimesta. 

Teemakielenä toimii Liquid – sama kieli kuin Shopifyssa. Siksi vanhan kaupan rakenteita ja tuttua ajattelutapaa pystyy kätevästi hyödyntämään sen sijaan, että uuden alustan myötä kaikki olisi pitänyt opetella uudelleen.

Tuotedata suoraan laskuriin

Pakettilaskuri tarvitsee koko komponenttivalikoiman kerralla: yli sadan tuotteen hinnat, varastotilanteet, kuvat ja ryhmittelyt.

Data rakennetaan Liquidilla suoraan sivun mukana, joten laskurin ei tarvitse odottaa erillisiä verkkopyyntöjä auetakseen. Samalla tuotehallinta pysyy tavallisena Finqun tuotehallintana. Komponentit ovat normaaleja tuotteita omissa tuoteryhmissään, eikä rinnalle tarvitse ylläpitää erillistä tuoterekisteriä.

Koko kokoonpano ostoskoriin yhdellä kertaa

Yksi pelikoneen kokoonpano muodostuu 15–17 tilausrivistä, jotka pitää saada ostoskoriin yhtenä kokonaisuutena.

Tämä tehdään Storefront GraphQL:n kautta yhdellä cartLinesAdd-mutaatiolla ja kassan osoite saadaan samasta vastauksesta. Arvioitu tuotantoaika kulkee mukana rivin lisätietona, joten se voidaan näyttää myös tilausvahvistuksessa ja asiakkaan tilaus-sivulla.

Yhteensopivuus ratkaistaan selaimessa

Se, mitkä osat sopivat yhteen ja mitä pitää vaihtaa muiden valintojen mukana, ratkaistaan selaimessa Takomon omalla logiikalla.

Alustalta ei tarvita tähän erityistä toiminnallisuutta. Riittää, että teeman omalle JavaScriptille on tilaa tehdä työnsä ja tuotedata saadaan käyttöön tarvittavassa muodossa.

Myös kassa ja viestit on viimeistelty Takomon näköisiksi

Kassa toimii teeman ulkopuolella, joten sen ulkoasua ja pieniä toiminnallisia lisäyksiä tehdään Finqun kanavakohtaisilla JavaScript-injekteillä. 

Tilausvahvistus- ja toimitussähköpostit on puolestaan rakennettu omiksi MJML-pohjikseen Finqun sähköpostieditorissa. Räätälöinti jatkuu siis storefrontista kassalle ja aina tilauksen jälkeiseen viestintään asti.

Kehitys omassa tahdissa ennen julkaisua

Teema elää gitissä ja synkronoituu erilliselle kehitysteemalle. Muutokset voidaan testata oikeana kauppana ennen kuin ne julkaistaan tuotantoon ja asiakkaiden nähtäville.

Itse kehitystyössä Takomo on käyttänyt lähes yksinomaan Anthropicin Claude-malleja ja valinnut mallin aina tehtävän mukaan.

135 komponenttia 14 osiossa
47 yhteensopivuussääntöä
7 ulkoasua kaupalle
2 ylläpidettyä kieltä

Miksi Finqu Shopifyn sijaan?

Takomo tunsi Shopifyn jo vuosien ajalta. Se oli toimiva alusta ja myös uuden Pakettilaskurin olisi voinut rakentaa sen päälle.

Kun Pakettilaskuri ja iso osa kaupan kokemuksesta oli joka tapauksessa menossa uusiksi, myös alustavalinta avautui uudelleen pohdittavaksi. Olennaista oli, että Finqun piti pystyä kantamaan sama suunnitelma ilman, että Takomon tavoitteita tarvitsi madaltaa.

“Shopify oli meille tuttu ja toimiva, eikä sieltä lähdetty pakon edessä. Mutta kun laskuri ja iso osa kaupan kokemuksesta oli joka tapauksessa menossa uusiksi, oli luonteva hetki katsoa myös alusta uudelleen.”

Siirtymä osoittautui teknisesti odotettua suoraviivaisemmaksi. Molemmat alustat käyttävät teemakielenään Liquidia, joten teeman rakenne ja ajattelutapa olivat heti tuttuja. Juuri Shopifysta siirtyvälle se on merkittävä etu.

Edullisemmat käyttökustannukset olivat selvästi Finqun puolella. Vielä tärkeämpää oli kuitenkin se, että Takomo pystyi rakentamaan juuri sen kaupan, jonka oli suunnitellut. Esimerkiksi kassan muokkaaminen on Shopifyssa rajattu kalleimpaan tilaustasoon.

Myös alustan suomalaisuus painoi valinnassa.

“Olemme Avainlippu-verkkokauppa ja rakennamme jokaisen laitteen käsin Järvenpäässä. On johdonmukaista, että myös kauppa on rakennettu suomalaiselle alustalle.”

Takomon valmis kauppa tekee alustojen vertailusta konkreettisen. Pitkälle räätälöity verkkokauppa ei automaattisesti tarkoita Shopifyä. Myös Finqun päälle onnistuu rakentaa kokemus, jossa kaupan rakenne, ostamisen logiikka ja käyttöliittymä viedään pitkälle yrityksen omien tarpeiden mukaan.

“Jos joku kysyisi meiltä, taipuuko Finqu pitkälle räätälöityyn toteutukseen, vastaus on yksinkertainen: kaikki kehitysideamme on onnistuttu toteuttamaan ilman isompaa kitkaa, niiden kunnianhimosta huolimatta.

Emme jättäneet suunnitelmasta mitään pois siksi, että alusta vaihtui.”

Katso Takomon verkkokauppa → www.takomo.store

Uusi kauppa on pohja seuraaville ideoille

Takomo itse kuvaa uutta verkkokauppaansa alustaksi uusille asioille. Se on osuva tapa ajatella myös koko projektin lopputulosta.

Pakettilaskuri, komponenttien vertailut, erilaiset käyttöliittymät, AI-avustaja ja tuotannon etenemistä seuraava tilaus-sivu eivät ole päätepiste. Ne ovat esimerkkejä siitä, miten verkkokauppaa voidaan kehittää yhä tiiviimmin Takomon tuotteiden, asiakkaiden ja oman toimintatavan ympärille.

Uusi kauppa ei siis ole vain onnistunut uudistus.

Se antaa Takomolle enemmän tilaa sille, mitä he keksivät seuraavaksi.

‍