Migrering från Shopify till Finqu: Så byggde Takomo en helt skräddarsydd webbutik

Takomo byggde en webbutik på egna villkor

Takomo Systems ville ha en webbutik som tjänar köpet av specialbyggda gaming-datorer lika väl som företaget självt bygger dem. När beslutet togs att helt göra om butikens viktigaste del, byggde Takomo samtidigt hela webbutiken med stort fokus på den egna verksamheten – och bytte plattform från Shopify till Finqu.

I Takomos webbutik väljer du inte bara en produkt och går till kassan. Kunden kan bygga sin egen gaming-dator komponent för komponent, jämföra alternativ, få hjälp med sina val och följa tillverkningsprocessen av sin dator efter beställning.

Allt sker i en webbutik som ser ut och känns som Takomo.

Gaming-datorer, en maskin i taget

Takomo Systems inledde sin verksamhet 2017. De första datorerna monterades i ett vardagsrum, men genom åren har verksamheten vuxit till egna produktionslokaler i Träskända.

En sak har dock förblivit densamma: Takomo bygger sina datorer i Finland och erbjuder ett alternativ till massproducerade gaming-datorer. Varje dator byggs utifrån kundens egna preferenser och behov, och samma filosofi genomsyrar webbutiken.

Att köpa en specialbyggd gaming-dator innebär alltid många val. Processor, grafikkort, minne, moderkort och andra komponenter måste fungera ihop, men teknisk kompatibilitet är bara början. Kunden bör också kunna förstå var en högre investering faktiskt märks vid användning, och i vilka val skillnaden mellan två alternativ mest bara är specifikationer.

Det är därför webbutikens uppgift inte bara är att visa upp komponenter. Den behöver också hjälpa till att bygga en lämplig dator.

”För oss är webbutiken i praktiken också en säljare. Kunden behöver inte på förhand veta vad skillnaden mellan två processorer är – butikens uppgift är att kommunicera på ett enkelt språk och precis lagom mycket så att kunden kan fatta ett smart köpbeslut.

Det är därför konfiguratorn direkt talar om vilken del som skapar en flaskhals i systemet och var nästa hundralapp faktiskt kommer att märkas vid användning. Om köpupplevelsen känns som att tolka en komponentlista har vi misslyckats.”

När butikens viktigaste del byggs om

Takomos gamla Shopify-butik fungerade bra, men det fanns mycket i PC-byggaren i synnerhet som de ville göra bättre i nästa version.

Takomo hade byggt sin första PC-byggare redan 2021, när en global komponentbrist gjorde det exceptionellt utmanande att bygga datorer. Med byggaren kunde kunderna sätta ihop en dator av delar som faktiskt fanns tillgängliga. Genom åren växte den till en central del av hur Takomo säljer datorer online.

När planeringen för nästa version inleddes handlade det inte längre om en mindre uppdatering. PC-byggaren skulle i praktiken byggas om från grunden, och samtidigt öppnades en möjlighet att se över hela webbutiken med nya ögon.

Plattformen byttes också ut.

Shopify lämnades bakom oss och den nya butiken byggdes på Finqu.

PC Builder 2.0 gör svåra val enkla

Den mest synliga delen av den nya butiken är PC Builder 2.0.

Tidigare var kunden tvungen att välja mellan AMD- och Intel-baserade system redan innan själva jämförelsen. Nu finns båda i samma upplevelse, och komponenter kan jämföras direkt där den anpassade datorn byggs.

Kunden behöver inte heller känna till de tekniska skillnaderna mellan olika moderkort i förväg eller öppna nya flikar sida vid sida för att förstå vad som faktiskt skiljer två alternativ åt. Byggverktyget integrerar all nödvändig information direkt i valprocessen.

Förändringen kan låta som en enkel UI-omdesign, men för Takomo handlar det om något mycket större: ett sätt att göra försäljning av komplexa produkter online enkel.

Butiken ger inte bara alternativ. Den hjälper till att välja mellan dem.

Butiken behöver inte se standard ut

Takomo nöjde sig inte med att bara anpassa byggverktygets funktionalitet.

Sex helt olika visuella teman skapades för butiken, som följer kunden genom hela köpresan från förstasidan ända till ordersidan. Exakt samma speldator kan byggas i en söt kattflickevärld, en vy med pergamenttema eller ett "Takomo 9x"-tema som parodierar Windows 95.

Produkter och priser förblir desamma. Upplevelsen förändras helt.

Takomo 9x är kanske den roligaste detaljen i hela projektet och samtidigt ett av de bästa exemplen på vad Takomo ville ha av sin nya webbutik. Butikens användargränssnitt behöver inte fungera som plattformens standardinställningar dikterar; det kan modifieras för att bli en väsentlig del av företagets varumärke.

”Vår webbutiks temamotor är ett bra exempel på hela projektet. Det är inte en funktion som någonsin skulle hamna på ett större utvecklingsteams färdplan.

De nya AI-baserade verktygen och arbetsflödet vi byggde för Finqus temautveckling har sänkt tröskeln för att implementera även de vildaste idéerna på ett sätt som hade varit omöjligt att föreställa sig för några år sedan.”

Slutresultatet ser inte ut som Finqu alls. Det ser 100 % ut som Takomo.

Servicen fortsätter även efter beställningen

PC Builder är inte den enda delen som byggts för Takomo i den nya butiken.

När en kund beställer en anpassad speldator säger en vanlig webbutiks "beställningen behandlas" väldigt lite om orderns framsteg. Hos Takomo lämnas kunden inte väntande på att paketet ska skickas. I den nya butiken görs detta konkret direkt på kundens ordersida. Kunden ser när beställningen togs emot, hur många arbetsdagar som beräknas tills datorn är klar och när datorn har skickats.

AI har också integrerats i tjänsten i två olika roller, med en lämplig AI-modell vald för båda ändamålen. Kundtjänstassistenten kan bland annat svara på frågor om garantier, leverans och anpassningar.

PC Builder-assistenten hjälper å andra sidan till att analysera användarens system och jämföra komponenter med varandra. Claude används i kundtjänsten, medan konfiguratorns analys och jämförelser körs på Gemini 3.1 Pro.

I båda lösningarna är utgångspunkten densamma: webbutiken följer Takomos sätt att betjäna kunden även när färdiga e-handelsfunktioner inte räcker till på egen hand.

Hur var det att bygga på Finqu?

I en butik med hög anpassningsbarhet handlar det inte bara om vad plattformen erbjuder från start. Det måste också finnas utrymme för idéer som ingen har genomfört tidigare.

Takomos PC-byggare är en del av samma Finqu-butik där kunden slutligen gör sina köp. Den anpassade urvalslogiken, komponentjämförelser, alternativa gränssnitt och andra lösningar som byggts för Takomo finns i samma köpupplevelse och leder till varukorgen och kassan på vanligt sätt.

Kassan, betalningsmetoder och orderhantering var redan färdiga från början, så de behövde inte anpassas. På så sätt kunde all utvecklingstid läggas på det som är synligt för kunden och det som gör Takomos butik bättre än konkurrenternas.

Ändå var byggprocessen inte helt friktionsfri. Takomo löste vissa begränsningar själva, och för andra behövde de hjälp av Finqu. Till exempel fördes den anpassade beräknade produktionstiden initialt inte över från varukorgen hela vägen till ordern, så problemet åtgärdades på plattformsnivå.

”Det är precis det som har varit den bästa delen av hela projektet: en handlare i vår storlek får faktiskt prata med de personer som också kan genomföra ändringar i plattformen. Det är helt annorlunda än att bara prata med vanlig support. Hos Finqu fastnade inte en ändringsbegäran på vägen; den gick hela vägen fram till där den kunde åtgärdas.”

Tekniskt genomförande i korthet

Butiken är byggd ovanpå Finqus Nova-tema, men ur kundens perspektiv återstår väldigt lite av det ursprungliga temat. Temakod, stilar och webbläsarlogik har till stor del skrivits av Takomo.

Temaspråket som används är Liquid – samma språk som i Shopify. Därför kan den gamla butikens strukturer och invanda tankesätt smidigt utnyttjas istället för att behöva lära sig allt från grunden med en ny plattform.

Produktdata direkt in i byggaren

PC-byggaren behöver hela komponenturvalet på en gång: priser, lagerstatus, bilder och grupperingar för över hundra produkter.

Datan byggs direkt på sidan med Liquid, så byggaren behöver inte vänta på separata nätverksanrop för att öppnas. Samtidigt förblir produkthanteringen vanlig Finqu-produkthantering. Komponenterna är vanliga produkter i sina egna produktkategorier, och det finns inget behov av att underhålla ett separat produktregister vid sidan av.

Hela konfigurationen i varukorgen på en gång

En gaming-PC-konfiguration består av 15–17 orderrader som måste läggas till i varukorgen som en enhet.

Detta görs via Storefront GraphQL med en enda cartLinesAdd mutation, och kassans URL tas emot i samma svar. Den beräknade produktionstiden följer med som tilläggsinformation på raden, så att den även kan visas i orderbekräftelsen och på kundens ordersida.

Kompatibilitet löses i webbläsaren

Vilka delar som passar ihop och vad som behöver ändras i samband med andra val löses i webbläsaren med hjälp av Takomos egen logik.

Ingen särskild funktionalitet krävs från plattformen för detta. Det räcker att det finns utrymme för temats egen JavaScript att göra sitt jobb, och att produktdata görs tillgänglig i det format som krävs.

Kassan och meddelanden har också anpassats för att matcha Takomos utseende

Kassan fungerar utanför temat, så dess utseende och mindre funktionella tillägg hanteras med Finqus kanalspecifika JavaScript-injektioner.

Orderbekräftelser och leveransmejl är å andra sidan byggda som egna MJML-mallar i Finqus mejleditor. Anpassningen sträcker sig därmed från butiken till kassan och hela vägen till kommunikationen efter köpet.

Utveckling i egen takt före lansering

Temat ligger i git och synkroniseras med ett separat utvecklingstema. Ändringar kan testas som i en riktig butik innan de publiceras i produktion och blir synliga för kunderna.

I själva utvecklingsarbetet har Takomo nästan uteslutande använt Anthropics Claude-modeller och alltid valt modell utifrån uppgift.

• 135 komponenter i 14 sektioner
• 47 kompatibilitetsregler
• 7 butikslayouter (teman)
• 2 underhållna språk

Varför Finqu istället för Shopify?

Takomo hade känt till Shopify i flera år. Det var en fungerande plattform, och den nya PC-byggaren hade kunnat byggas även på den.

När PC-byggaren och en stor del av butiksupplevelsen ändå skulle förnyas, öppnades valet av plattform upp för omprövning. Det väsentliga var att Finqu skulle kunna genomföra samma plan utan att Takomo behövde sänka sina ambitioner.

”Shopify var bekant och fungerade bra för oss, och vi lämnade inte av nödvändighet. Men eftersom byggaren och en stor del av butiksupplevelsen ändå skulle göras om, var det ett naturligt tillfälle att även utvärdera plattformen på nytt.”

Övergången visade sig vara tekniskt enklare än väntat. Båda plattformarna använder Liquid som temaspråk, så temastrukturen och tänket var omedelbart bekanta. För någon som migrerar specifikt från Shopify är detta en betydande fördel.

Lägre driftskostnader talade tydligt till Finqus fördel. Ännu viktigare var dock att Takomo kunde bygga exakt den butik de planerat. Att modifiera kassan i Shopify är till exempel begränsat till den dyraste prenumerationsnivån.

Plattformens finska ursprung vägde också tungt i valet.

”Vi är en finsk webbutik med Avainlippu-märkning, och vi bygger varje enhet för hand i Träskända. Det är logiskt att butiken också är byggd på en plattform från Finqu.”

Takomos färdiga butik gör jämförelsen mellan plattformar konkret. En högt anpassad webbutik betyder inte automatiskt Shopify. En skräddarsydd upplevelse kan också byggas på Finqu, där butikens struktur, köplogik och användargränssnitt har anpassats långt efter företagets egna behov.

”Om någon frågar oss om Finqu klarar av en högt anpassad implementering är svaret enkelt: vi har framgångsrikt genomfört alla våra utvecklingsidéer utan större friktion, trots deras ambitionsnivå.”

Vi utelämnade ingenting från planen bara för att plattformen ändrades.

‍

Besök Takomos webbutik → www.takomo.store

‍

Den nya butiken är grunden för framtida idéer

Takomo beskriver själva sin nya webbutik som en plattform för nya möjligheter. Det är ett träffsäkert sätt att se på resultatet av hela projektet.

PC-byggaren, komponentjämförelser, olika användargränssnitt, AI-assistenten och ordersidan som följer produktionens framsteg är inte slutmålet. De är exempel på hur webbutiken kan utvecklas för att komma ännu närmare Takomos produkter, kunder och unika arbetssätt.

Den nya butiken är därför mer än bara en lyckad uppdatering.

Den ger Takomo utrymme för vad de än hittar på härnäst.

‍

‍