Przejdź do treści
online
plv0.46.1 · 1d135e2
W aktywnym rozwojuZaktualizowano 9 lis 2026

DeskForge

Konfigurator stanowisk 3D dla sklepów z elektroniką: klient składa stanowisko na swoim prawdziwym biurku i dodaje cały zestaw do koszyka.

Konfigurator DeskForge: pokój 3D z ceglaną ścianą, biurko z regulacją wysokości z dwoma monitorami, laptopem i klawiaturą, krzesło biurowe, regał i lampa podłogowa, obok katalog produktówKonfigurator DeskForge: pokój 3D z ceglaną ścianą, biurko z regulacją wysokości z dwoma monitorami, laptopem i klawiaturą, krzesło biurowe, regał i lampa podłogowa, obok katalog produktów

Zadanie

Kupując online monitor, uchwyt i biurko, trudno ocenić, czy wszystko się zmieści i będzie do siebie pasować, więc klienci się wahają, kupują po jednej rzeczy albo zwracają to, co nie pasuje.

Rozwiązanie

  • Konfigurator 3D: realistyczna scena z materiałami PBR, miękkimi cieniami i ambient occlusion, zaokrąglonymi krawędziami, klawiaturami z prawdziwymi układami, wiernymi kolorami produktów, modelami z Blendera i plików GLB, podświetleniem RGB, matowymi lub błyszczącymi ekranami; budżet renderowania ze scalonymi siatkami i tryb jakości dla telefonów.
  • Biurko i pokój: parametryczne biurka (proste, z wycięciem, narożne w kształcie L), położenie biurka w pokoju, meble, okno, dekoracje i sześć gotowych wnętrz.
  • Silnik reguł: rozmieszczenie, ergonomia i zgodność mocowań (VESA, obciążenie, zacisk) z ostrzeżeniami i poprawkami jednym kliknięciem; układy od jednego do trzech monitorów; ramiona i podstawki; tryb wymiarów.
  • Katalog i sprzedaż: API katalogu z panelem, importem i OpenAPI; 38 prawdziwych produktów demonstracyjnych ze zdjęciami w 14 kategoriach; warianty, rabaty i brak w magazynie; propozycje zgodnych produktów i „czego brakuje”; cały zestaw dodawany do koszyka jednym kliknięciem.
  • Osadzanie w sklepie: skrypt ładujący poniżej 10 KB po gzip, tryb osadzania z CSP frame-ancestors i sklepem demonstracyjnym, kompaktowy widżet na strony produktów.
  • Zestawy: zapisywane pod krótkim linkiem, z nazwą, „My setups”, strona udostępniania z podglądem Open Graph, eksport do PNG i PDF; cofanie i ponawianie.
  • Analityka: plan zdarzeń, ingest i lejek, przekazywanie do GA4 i Meta Pixel za zgodą, atrybucja zamówień i średnia wartość zamówienia.
  • Bezpieczeństwo: kontenery, które nie działają jako root, limity rozmiaru żądań, rate limiting obsługujący IPv6, dozwolone originy przy osadzaniu.
  • Architektura: jedenaście rekordów decyzji architektonicznych, w tym benchmark silników renderujących przed wyborem jednego z nich.

Rezultat

Konfigurator, katalog, osadzanie i analityka są gotowe i pokryte testami; pierwszą planowaną integracją sklepu jest Shopify. Pomiary: rozmiar 60 zdjęć produktów jako miniatur spadł z 18,8 MB do 124,5 KB; leniwie ładowana ramka osadzenia skróciła LCP o 35–40 ms; gotowe wnętrza przełączają się w mniej niż 135 ms.

Zrzuty ekranu