Перейти до вмісту
онлайн
ukv0.46.1 · 1d135e2
В активній розробціОновлено 9 лист. 2026 р.

DeskForge

3D-конфігуратор робочого місця для магазинів техніки: покупець збирає сетап на своєму столі й додає весь набір у кошик.

Конфігуратор DeskForge: 3D-кімната з цегляною стіною, стіл із регульованою висотою, два монітори, ноутбук і клавіатура, офісне крісло, стелаж і торшер поруч із каталогом товарівКонфігуратор DeskForge: 3D-кімната з цегляною стіною, стіл із регульованою висотою, два монітори, ноутбук і клавіатура, офісне крісло, стелаж і торшер поруч із каталогом товарів

Задача

Коли люди купують онлайн монітор, кронштейн і стіл, вони не знають, чи все поміститься і сумісне, тож вагаються, купують по одній речі або повертають те, що не підійшло.

Рішення

  • 3D-конфігуратор: реалістична сцена з фізичними матеріалами, мʼякими тінями й ambient occlusion, заокруглені ребра, клавіатури зі справжніми розкладками, справжні кольори товарів, моделі з Blender і GLB, RGB-підсвітка, матові чи глянцеві екрани; бюджет рендеру зі злиттям мешів і режим якості для телефонів.
  • Стіл і кімната: параметричні столи (прямий, з вирізом, L-подібний), положення стола в кімнаті, меблі, вікно, декор і шість інтерʼєрних пресетів.
  • Рушій правил: розміщення, ергономіка й сумісність кріплень (VESA, навантаження, струбцина) з попередженнями й виправленням в один клік; розкладки на 1–3 монітори; кронштейни й підставки; режим «Розміри».
  • Каталог і продаж: API каталогу з адмінкою, імпортом і OpenAPI; 38 справжніх демо-товарів з фото в 14 категоріях; варіанти, знижки й «немає в наявності»; підбір сумісних товарів і «Чого бракує»; увесь сетап у кошик одним кліком.
  • Вбудовування в магазин: завантажувач до 10 КБ gzip, режим вбудовування з CSP frame-ancestors і демо-магазином, компактний віджет для сторінки товару.
  • Сетапи: збереження за коротким посиланням, назва, «Мої сетапи», сторінка поширення з Open Graph-превʼю, експорт у PNG і PDF; скасування й повтор дій.
  • Аналітика: план подій, збір і воронка, передача в GA4 і Meta Pixel за згодою, атрибуція замовлень і середній чек.
  • Безпека: контейнери не від root, ліміти розміру запитів, обмеження частоти з урахуванням IPv6, дозволені джерела для вбудовування.
  • Архітектура: 11 архітектурних рішень (ADR), зокрема бенчмарк рушіїв рендеру перед вибором.

Результат

Конфігуратор, каталог, вбудовування й аналітика зроблені й покриті тестами; перша запланована інтеграція — Shopify. Виміряно: 60 фото товарів — з 18,8 МБ до 124,5 КБ як мініатюри; відкладений фрейм віджета прибрав 35–40 мс LCP; інтерʼєрні пресети перемикаються швидше за 135 мс.

Скриншоти