Punctul de plecare
Un configurator trebuie să păstreze produsul, controalele și starea salvată în acord. Schimbarea finisajului trebuie să afecteze suprafețele potrivite; schimbarea pachetului poate cere ajustarea altor opțiuni. Am construit A2 ca demonstrație internă a acestui comportament, în jurul unui concept auto original.
Ce am construit
- Opțiuni exterioare pentru vopsea, finisaj, jante, etriere, plafon, oglinzi și geamuri, plus pachetele Sport, Carbon și Performance.
- Opțiuni pentru tapițerie, culorile scaunelor, cusături, centuri, ornamente și iluminare ambientală, cu poziții de cameră în interior și deschiderea portierelor și a hayonului.
- Reguli de compatibilitate care explică modificările asociate înainte de aplicare, cu undo și redo pentru explorarea alternativelor.
- Salvarea locală a configurației, comparații A/B, linkuri partajabile și export de imagine, pentru a păstra și compara o alegere dincolo de vederea curentă.
O configurație, mai multe vederi
Un catalog versionat definește opțiunile, zonele de materiale și ansamblurile fiecărui pachet. Regulile configurației și istoricul sunt separate de randare. Controalele, serializarea în URL și prezentarea 3D folosesc astfel aceeași stare a produsului, iar poziția camerei rămâne o preferință de vizualizare.
Verificările în browser acoperă schimbările rapide de opțiuni, compatibilitatea, istoricul, partajarea și exportul comparațiilor. Sunt momentele în care un vizualizator atractiv ar putea afișa un alt produs decât cel pe care vizitatorul a vrut să îl salveze.
Stack
React și Next.js pentru interfață, Three.js și fișiere GLB pentru scenă, stocare în browser pentru configurații și verificări Node și Playwright pentru stare și interacțiune.
Stadiul actual
Prototip funcțional care folosește o caroserie anterioară. Studiul exterior A2 mai nou explorează separat forma și nu include încă habitaclul, panourile mobile sau variantele configuratorului. Este un concept original MTech, fără prețuri de producător sau specificații de serie.