Med produktkonfiguratorn som Webbhuset har utvecklat så kan vi förkorta processen genom att ge kunderna möjligheten att direkt se pris och kvantitet, utan att behöva kontakta oss i första hand. Detta effektiviserar och gör processen enklare för våra kunder, särskilt för nya kunder som vill beställa enklare produkter, som till exempel en låda med tryck.
Produktkonfigurator med 3D-visualisering för aPak
aPak är ett svenskt familjeägt företag som specialiserar sig på innovativa och hållbara förpackningslösningar. Med över 100 års erfarenhet inom branschen erbjuder de ett brett sortiment av förpackningsprodukter och skräddarsydda lösningar för olika industrier. I maj 2022 lanserade Webbhuset aPaks nya e-handel som resulterade i en dynamisk och skalbar lösning byggd med plattformen Magento. För aPak var det viktigt att skapa en framtidssäker e-handelslösning som möjliggör att kunna bygga vidare på lösningen när behovet uppstår.
Förkortad och effektiviserad köpprocess
Under 2024 började man utforska möjligheten att enkelt kunna konfigurera produkter direkt på hemsidan, framförallt lådor. Projektet landade i att Webbhuset skulle bygga en skalbar produktkonfigurator med 3D-visualisering, anpassad för aPaks sortiment.
“Syftet med produktkonfiguratorn var att ge våra innesäljare ett verktyg för att snabbt kunna ta fram pris och förhandsvisa kostnaden, samtidigt som kunderna får möjlighet att själva använda verktyget för sina behov.” säger Peter Borgelöv, Marknadschef på aPak.
I aPaks köpprocess så kommunicerar aPak i de flesta fall med kunden och ser vilket behov som finns. Erbjudandet tas fram genom att aPak väljer leverantören med den bästa lösningen för kundens behov, och därefter återkommer aPak med en offert.
“Med produktkonfiguratorn kan vi förkorta processen genom att ge kunderna möjligheten att direkt se pris och kvantitet, utan att behöva kontakta oss i första hand. Detta effektiviserar och gör processen enklare för våra kunder, särskilt för nya kunder som vill beställa enklare produkter, som till exempel en låda med tryck.” berättar Peter.
Lekfull konfigurator med 3D-visualisering
Med hjälp av produktkonfiguratorn kan kunden skapa en skräddarsydd låda genom att justera dimensioner med olika reglage. Kunden kan också välja färg på lådan, ladda upp sin logotyp och justera logotypens storlek och placering. Allmänna symboler, såsom märkningar för farligt eller ömtåligt gods, kan också läggas till som ett valfritt tillägg. En 3D-rendering av den konfigurerade lådan ingick dock inte i projektets ursprungliga mål för MVP (Minimum Viable Product).
“Inledningsvis kom vi fram till att en 3D-rendering i konfiguratorn är en “nice to have” snarare än en nödvändighet. Förhoppningen var att skapa en attraktiv 3D-visualisering av lådan, och resultatet blev riktigt bra – det ger en mer lekfull och visuellt tilltalande upplevelse för kunden.” förklarar Peter.
Lådan renderas i 3D i produktkonfiguratorn.
Prisstaffling med hållbarhet i fokus
Beroende på vad man valt för dimensioner på lådan samt vilka tilläggsval man gjort, får kunden välja bland olika beställningsantal/prisstafflingar. Priserna är helt dynamiska och har beräknats med hjälp av en matematisk formel som tar hänsyn till lådans volym och lastbilens kapacitet. För aPak är kvalitet och effektivitet avgörande, men företaget lägger också stort fokus på miljövänlighet och att hjälpa sina kunder att minska sin miljöpåverkan. Därför har det ur ett hållbarhetsperspektiv varit viktigt att dessa beställningsantal fyller en lastbil.
Genom att använda prisstafflingar maximeras lastbilaskapaciteten och att man undviker att skicka halvfulla lastbilar. Detta ligger i linje med aPaks åtagande för hållbarhet.
Val av 3D-verktyg
Under förstudiefasen undersöktes vilken teknik som skulle användas för 3D-visualiseringen och det finns en rad olika lösningar, verktyg och ramverk att använda sig av. Det finns bland annat plug and play-lösningar där man betalar licensavgifter, men för aPaks konfigurator så valde man istället en skräddarsydd lösning som byggts från grunden med det populära open-source biblioteket Three.js.
“En produktkonfigurator kan byggas på olika komplexitetsnivåer. En enklare version låter kunden ladda upp en bild utan förhandsvisning, medan en mer avancerad version inkluderar en 2D-visualisering av produkten. Det mest avancerade steget är att erbjuda en förhandsvisning med en 3D-visualisering.” säger Peter.
I tejpkonfiguratorn kan man välja bland flera olika PMS-färger.
Produktkonfiguratorn kan konfigureras för både lådor och tejprullar. I samma verktyg kan kunden ladda upp sin logotyp, justera storlek och placering, och anpassa produkten efter sina behov. Skillnaden mellan konfiguratorerna för tejp och lådor är att tejprullarna erbjuder ett urval av PMS-färger samt att tejprullarna i nuläget renderas som 2D bilder.
Samarbete och vidareutveckling
“Jag är väldigt nöjd med resultatet av konfiguratorn och tycker att samarbetet har fungerat mycket bra. Målet var att skapa en användarvänlig konfigurator som är enkel att navigera men också lite lekfull och rolig att använda.” berättar Peter.
På aPaks e-handel, under kategorin Lådor, finns nu konfiguratorn live som Designa din egen låda. Framöver finns möjligheten att vidareutveckla funktionaliteten, till exempel med nya 3D-modeller för tejprullar eller påsar med tryck.
Testa lådkonfiguratorn själv på aPaks hemsida.
Vill du veta mer?
Fyll i formuläret så kontaktar vi dig inom kort.
Våra senaste kundcase
B2B/B2CPosterys kliv till AI-native e-handel med Fusion Commerce
B2CLångsiktiga tekniska val banar väg för Doorlys tillväxt
B2BLuna förenklar återförsäljarnas e-handel med konceptet Toolshop
B2BNinolab möter generationsskiftet med ny webbshop i Fusion Storefront
B2B/B2CSkräddarsytt CRM gav Newbody 360-vy över hela sin försäljningsresa