Сайти, що однаководобре працюютьна телефоні, iPadі компʼютері

• Поле з 480 столів одним InstancedMesh і шейдерами
• WebGPU-частинки з запасним WebGL2
• Горизонтальна стрічка модулів із фіксацією
• Живі графіки на canvas без бібліотек
• Телефон: кадр сцени замість WebGL, 3D-код не завантажується

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

• Пошук звичайними словами без ШІ: «до 350, без кислинки, під гейзер»
• Нативні переходи між сторінками (View Transitions)
• Картка на container queries, фільтр на :has()
• Кошик-лист знизу, свайп-галерея товару
• ≈19 КБ JS, нуль байтів шрифтів

Що перейняти: теплий «паперовий» магазин; пошук звичайними словами з фішками «зрозумів так»; кошик-лист; Astro з двома острівцями

• Скло, плівкове зерно, курсор-лінза
• Стрічка сцен із фіксацією на чистому CSS (scroll-driven)
• Телефон: вертикальні «історії» свайпом
• Промо-ролик Remotion і живий техно-луп Web Audio, 0 КБ звуку
• Окрема планшетна сітка

Що перейняти: нічне скло з зерном; «історії» на телефоні; scroll-driven стрічку без JS; звук без файлів

• Живий фон-ролик поверх LCP-картинки після завантаження
• Лупи без склейок (xfade кінця в початок)
• Факти сторінки з конфігу проєкту, не вручну
• Корінь вибирає мову без мигання

Що перейняти: неон ефіру; живий фон без курсора; uk/en з вибором мови; ролики 9:16 у R2

• Коробка складається повзунком
• Шаблон друку й AR
• Вбудовування на чужий сайт одним скриптом
• Ролик товару з маскотом

Що перейняти: конфігуратор із 3D, що складається; AR із верхнього документа; вбудовування

• Маскот підходить до картки товару і грає ролик
• Віджет одним скриптом у shadow DOM
• Плагіни Shopify і WooCommerce
• Анімований WebP з альфою

Що перейняти: живий помічник на сторінці; віджет у shadow DOM; демо-стенд магазину

• Робота переносять на картку — він розповідає саме про неї
• Журнал дій робота за подіями mate:*
• Утримання з підсвіткою цілі та смугою заповнення (L-023)
• Ціни й терміни — людині, не роботу

Що перейняти: живий помічник на сторінці з журналом дій; утримання з прогресом і альтернативою тапом

• Чотири лендинги під різні аудиторії на одних даних
• Окрема розмітка телефона й комп'ютера
• Відкриті дані КМДА (CC BY)
• A/B/C головної через Worker

Що перейняти: міський сервіс з даними; кілька версій під A/B; дві розмітки

• Легка сторінка для вечора без світла
• Шість версій, зокрема постапокаліптичні
• Числа тільки з рушія

Що перейняти: чесний калькулятор для страшної теми; легкість при поганому зв'язку

• Ланцюжок «об'єм → вантажівка → бокс → вилка ціни»
• Калькулятор для Claude і ChatGPT (MCP)
• Тільки діапазони, без партнерських посилань

Що перейняти: калькулятор-ланцюжок, де видно, звідки число; блок «підключити в ШІ»

• Чесний діапазон ціни за планом лікаря
• Порівняння міст із поїздкою
• Позначка «дані на перевірці»

Що перейняти: медична тема без страху: спершу план і числа, потім вибір

• Мова цеху, приклади на даних цеху
• Пілот замість ціни
• Три версії під A/B

Що перейняти: B2B-лендинг для вузької галузі: мова фахівця, пілот як дія

• Вердикт рушія з числами: замкнутість, стінки, ціна
• 3D-модель деталі
• en перша, є uk

Що перейняти: інструмент для інженерів: вердикт із числами поруч з моделлю

• Німе превью грає тільки на екрані
• Фраза «як замовити» копіюється одним дотиком
• Монтажна тема з таймкодами й перфорацією

Що перейняти: каталог-еталон: картки з превью, фільтри, фраза для копіювання

• Бриф кухні в розмові з ботом — далі розкрій, присадка, кошторис і 3D
• Сторінка «Доступна кухня» для людей з інвалідністю
• Сторінка для ШІ-асистентів (/ai, MCP)

Що перейняти: сайт виробника меблів: від брифу до 3D; доступна кухня окремою сторінкою

• Аудит квартири під склад родини, ергономіка й норми
• Що можна змінити законно — перепланування за нормами
• Три мови: uk, en, pl; версії A/B/C

Що перейняти: розрахунок житла під родину: ергономіка, норми, що можна змінити

• Яка квартира ЖК підійде саме вашій родині
• Розстановка меблів і перепланування в планах ЖК
• Демо для забудовника

Що перейняти: сторінка для забудовника: квартири під родину покупця

• Пандус і вхід за ДБН з числами
• Пакети адаптації під програми компенсації
• Окрема сторінка для ветеранів

Що перейняти: доступність без страху: норми з числами, програми компенсації

• Приміщення → 3D, артикули й КП
• Лендинги під задачу: роздягальня, склад, гараж, Prozorro
• Каталог реального виробника

Що перейняти: B2B-планувальник: лендинги під задачу, 3D і КП

• Конфігуратор: покупець крутить виріб у 3D, рушій перевіряє, чи можна відлити
• Сторінки під професії (/for) і набори-сюрпризи (/packs)
• Протокол перевірки з числами

Що перейняти: магазин виробів на замовлення з 3D і перевіркою рушієм

• Один варіант — одна ідея: фільм, майстерня, лабораторія, кабінет, дроп
• Живий рушій у кожному варіанті
• Поддомен на варіант (v14.craftgen.app…)

Що перейняти: лабораторія варіантів: 34 форми однієї сторінки

• Хаб калькуляторів і підключення до Claude/ChatGPT
• Юридичні сторінки для всіх сайтів
• uk, en, de

Що перейняти: хаб інструментів: одна точка для людей і ШІ

• Рахунок днів Шенгену
• Прокат і ОСЦПВ з числами рушія

Що перейняти: калькулятор подорожі з поясненням кожного числа

• Порівняння за роки, а не за ціною в магазині
• uk, en, de

Що перейняти: чесне порівняння варіантів за вартістю володіння

• Берег, потреби, порядок і джерела
• Відкриті дані міста

Що перейняти: міський сервіс, де видно, чому показано саме це

• Заявки з розрахунком і згодою
• Нейтральний порядок показу партнерів

Що перейняти: партнерська сторінка без «купленого» порядку