Till Frapett / Be-Ge · förslag från CCO · september 2026

Konfigurator 2.0

Samma konfigurator som era kunder redan känner – men omedelbar, snyggare och redigerbar utan utvecklare. Tre steg där varje steg står på egna ben, och 3D som pilot när underlaget finns.

Idag

  • Varje klick renderar bilden på servern – 0,5–1 s väntetid
  • Ny tygfärg kräver kodändring av utvecklare
  • Layout och swatchar från 2020, floats, ingen riktig mobilvy
  • Komponentpositioner ställs in i råtext-fält ("905-105|38")
  • Produktbladet är en skärmdump via tredjeparts-script

Känn på skillnaden

Demon nedan kör exakt samma infärgningsalgoritm som föreslås för sajten, med riktiga RGB-värden ur er tygdatabas. Klicka på en tygkod.

infärgning i webbläsaren
~800 msserverrendering idag

Färgvärdena är hämtade direkt ur konfiguratorns färgtabell – t.ex. Xtreme YS009 = −65/−70/−70. Samma gråskale-overlays som redan finns för varje stol återanvänds, så inga nya produktfoton behövs för steg 1.

Tre steg

Varje steg levererar färdigt värde. Steg 1 är projekterat i detalj och kan starta direkt.

Steg 1Rekommenderad start

Direktrespons

≈ 3 veckor

  • Bilden renderas i webbläsaren – omedelbar respons vid varje val
  • Ny layout: bilden följer skrollen, valen som tydliga steg, prisbar på mobil
  • Nya tygswatchar och komponentkort med namn, artikelnr och pristillägg
  • Tygfärger flyttas till admin med live-förhandsvisning (rättar även 39 färgkrockar i dagens tabell)
  • Tillgänglighet: tangentbord, skärmläsare, tydliga fokustillstånd
  • ”Spara bild” och produktblad utan externa script

Kräver: inget nytt bildmaterial – befintliga PNG-lager återanvänds. Gamla konfigurationslänkar fortsätter fungera.

Steg 2

Fotorealism

+ 1–2 veckor

  • Tygstruktur: verklig vävkänsla via textur per tygfamilj (ett foto per familj, inte per färg)
  • Dubbla vyer per stol – fältet för alternativ vinkel finns redan i datamodellen
  • Zoom och fullskärmsläge, retina-upplösning på renderingen
  • Kortlänk + QR till sparad konfiguration på produktbladet

Kräver: ca 5–10 tygfamiljsfoton, ev. kompletterande vinkelfoton per stol.

Steg 3

3D-edition

Pilot: 1 stol, ≈ 4–6 veckor

  • Fritt roterbar stol i 3D direkt på produktsidan
  • Tygbyte som verkliga material (PBR) – strukturen syns i ljuset
  • AR: ”ställ stolen i ditt kontor” från mobilen
  • Byggs på webbstandard (model-viewer/GLB) – ingen app, inga licenser

Kräver: 3D-underlag. Finns CAD från produktionen (STEP-filer) konverteras det; annars modelleras per stol. Därför: pilot på en modell först, sedan beslut om utrullning.

Admin-lyftet

Det redaktionella arbetet flyttar från utvecklare till er egen personal.

Tyger som data

Ny tygkollektion = lägg rader i admin med kod, färg och förhandsvisning på en riktig stol. Idag: beställning till utvecklare som redigerar en 3 266-raders kodfil.

Visuell positionering

Komponenternas placering justeras genom att dra dem på plats i en förhandsvisning – ersätter dagens råtext-fält med artikelnr|pixelvärde.

Migrering med facit

Alla 672 tygfärger flyttas maskinellt med avstämningsrapport – inklusive de 39 koder som idag får fel färg beroende på leverantör.

Import/export kvar

CSV-flödena för priser (import, framtida priser, finalize) behålls som de är – redan moderniserade i höstens plugin-flytt.

Därför är risken låg

Grundarbetet är redan gjort och verifierat: all konfiguratorlogik ligger sedan augusti i ett eget, dokumenterat plugin, sajten kör PHP 8.3, och det finns ett automatiskt paritetsverktyg som jämför varje ny rendering pixel för pixel mot dagens – 25/25 bilder identiska vid flytten. Samma verktyg blir kvalitetsgrinden för steg 1: den nya snabba bilden ska se exakt ut som den gamla långsamma, innan något släpps.

Det här behöver vi från er

  1. Startbesked för steg 1?Detaljplan finns – kan påbörjas omgående.
  2. Finns CAD-underlag för fler modeller?Det 7200-material vi redan fått visar att underlag finns – ju mer som återfinns, desto billigare 3D-pilot.
  3. Vem hos er äger tygdatan framåt?Steg 1 gör tygerna redigerbara – någon behöver mandatet.
  4. Vilken stolsmodell blir 3D-pilot?Välj en säljvolym-modell med många tygval för maximal effekt.