craftgen lab
Варіанти сайту
Експериментальні версії головного сайту. Відкрийте кожну на телефоні й на комп'ютері і скажіть, що лишити. Основний сайт — /en.
Кінетичний фільм про продукт
Сайт як ролик, яким керує прокрутка: кінетичні написи й свічка-єдиноріг, що проявляється з ліній, ручки самі крутять 3D, інші фігурки одним дотиком, шість кадрів від параметрів до посилки (майстер-модель → силікон → заливка). На телефоні — вертикальні сцени 9:16 і свайпи.
W lab · v2v3Жива 3D-майстерня
Увесь сайт — одна сцена: стіл майстра зі справжніми виробами рушія, камера перелітає між станціями, клік — крупний план і ручки розміру та кольору.
W40 · three.js, шейдери полум'я, пари й пилуv4Інтерактивна лабораторія-пояснювалка
Покрутіть повзунки поруч із живою 3D-моделлю: за межею правила сайт анімацією пояснює чому. Плюс 3D-інструкція «як робиться», рецепт на таймлайні й дзеркальний напис у формі.
L4 · v4v5Рисовані історії
Тепла рисована Canvas-анімація: пензель малює свічку, що оживає в 3D; сторіс 9:16 для свят з кнопкою «Створити такий же»; листівка з іменем у PNG; вирізання печива за силуетами.
L5 · v5v6Кабінет блогера-партнера
Що від блогера потрібно зараз: образець із 3D від рушія і таймером 7 днів до автосхвалення, дроп до мінімальної партії, пост за планом, виплата. Живий лічильник продажів із порогом 300 шт → 15%, журнал рішень, сім модулів від виписки CSV до розділених баз фанатів. Демо-дані, вигаданий блогер.
L6 · v6v7Особистий бренд як бізнес-процес
Лінійка «X by ім’я» як процес на сім кроків — ідея, зразки, дроп, фабрика, доставка, виплати, наступний дроп: хто що робить, де гроші, де ризики й як їх знято. Справжня 3D-модель з іменем рельєфом від рушія та калькулятор для питчу. Дві аудиторії — блогер і інвестор.
L7 · v7v8Дроп для фанатів
Вітрина передзамовного дропу «Glow by Mira» (демо-персона): кінетична обкладинка, зворотний відлік, шкала до мінімальної партії з живою хвилею й «ще 37 до запуску», автоматичне повернення грошей. Свічка й мило з іменем рельєфом — напис перевіряє рушій ще на сторінці; справжні 3D, ролики, крапля летить у кошик. Розкриття #ad, стрічка замовлень без персональних даних, окрема згода на новини блогера, таймлайн після закриття. На телефоні — сторіс-стрічка зі свайпами.
L8 · v8v9Чарівна коробка
Коробка-сюрприз для дітей: на коробці хоровод із семи чарівних друзів і одне порожнє місце з тінню — восьмий усередині, шоколадним медальйоном. Потрусити (свайп, тап або сам телефон) — тінь чіткішає, розв’язати бант, підняти кришку — медальйон виринає й крутиться в 3D, а друг повертається в коло. Друзі оживають від дотику, ім’я дитини на наліпці, колекція на згадку без гонитви, спокійний блок для батьків із числами з каталогу.
L9 · v9v10Весілля з монограмою: бокс-сюрприз для гостей
Лендинг для пари, що одружується: у кожного гостя — однакова закрита коробочка з вашою монограмою й датою, а всередині свічка в палітрі весілля, але форма й відтінок у кожного свої. Монограма живо проявляється на кришці й на рельєфі свічки, стіл гостей відкривається дотиком, секретна свічка — одна на стіл (шанс показано чесно), справжня 3D-модель із рельєфом від рушія, таймлайн без вигаданих строків і заявка на набір. Демо-пара.
L10 · v10v11Мило наосліп
Колекційні серії мила в сліпих коробках для дорослих колекціонерів: полиця 6 + 1 силуетів (форми й палітра відомі, невідомо, хто попадеться), розпаковка свайпом — розірвати фольгу, зсунути кришку, з вібрацією; справжній 3D-брусок від рушія, картка-вкладиш, перламутровий «таємний» з чесно опублікованими шансами 1 з 13, обмін дублікатами з подругою й кадр 9:16 для сторіс. Демо-серії «Нічний сад» і «Морське скло».
L11 · v11v12Таємний Санта для команди
Корпоративний бокс-свічка для HR і засновників: у кожного — закрита коробка з логотипом компанії, всередині свічка з логотипом рельєфом на верху, а форма й колір — сюрприз із корпоративної палітри. Логотип з назви або файлу (лише прев'ю), «офіс» із вигаданих столів, кнопка «Відкрити всім разом» — каскад розпаковок, живий лічильник форм, «таємна» з чесним шансом, обмін. 3D-свічка з логотипом, перевірка назви рушієм, протокол макета, сводка замовлення. Друга лінія — свічка-відзнака за 5 років.
L12 · v12v13Шоколадний адвент для двох
Закрита коробка на 12 перфорованих віконець: віконце відривається свайпом (паперовий відрив у CSS 3D), усередині — цукерка-сюрприз у 3D (форма, шоколад і смак лише з каталогу) і записка дарувальника. Вікна наперед не відкриваються — гра в терпіння, у демо день можна перемотати. Режим дарувальника: три записки й знаки — посилання #d= для отримувача, нічого не йде на сервер. «У наборі може бути…» — усі можливі форми заздалегідь, чесні відповіді про шоколад і доставку.
L13 · v13v14Фільм-лендинг для США
Головна для покупців у США (en, є uk): кінетичні титри й шість сцен за прокруткою — ідея → параметри → живе 3D рушія → протокол перевірки з числами з /preview → заливка воском по силуету → посилка й кошик. На телефоні — 3D зверху, сцени й карусель свайпом.
L14 · v14v15Вітрина-конфігуратор для США
Головна для покупців у США (en, також uk): живе 3D виробу з ручками — розмір, форма, колір, напис; зміна видно одразу, поруч пілюля перевірки рушія, протокол у нижньому аркуші. Поділитися конфігурацією посиланням і покласти в кошик.
L15 · v15v16Інтерактивне есе «А так можна?» для США
Головна для покупців у США (en, також uk) як інтерактивне есе: короткі розділи-питання — наскільки високим може бути єдиноріг, наскільки тонкою стінка кашпо, чому кручена свічка викручується з форми, що стається з написом у формі. У кожному — живе 3D і одна ручка: спершу потягни, потім прочитай; числа в тексті живі, а вихід за правило рушія показує анімоване «чому» з числами з /preview. Наприкінці — «зберіть свою» і кошик.
L16 · v16v17Запрошення блогеру: твоя лінійка
Персональна сторінка за посиланням з особистого повідомлення: звертається до блогера на імʼя (демо-персона) і першим екраном показує його лінійку «Moon by Ніка» в живому 3D рушія — єдиноріг, циліндр і мило з імʼям рельєфом; змінюй виріб, колір і напис, рушій одразу перевіряє. Нижче коротко: хто що робить і «ти не вкладаєш грошей», вето на зразок (штамп «Схвалено / Вето»), прозора виписка продажів, одна маленька картка «так побачать фани» — і заявка.
L17 · v17v18Блогер-партнер: сторіс-пітч твоєї лінійки
Фільм-лендинг у форматі сторіс 9:16 для блогера, що прийшов за посиланням з особистого: шість сцен-думок з кінетичною типографікою — фани вже питають «де купити» → «Moon by Ніка» з живим 3D-єдинорогом рушія → анімований ланцюжок «макет → замовлення → виробник → посилка» без твоїх вкладень → вето на кожен зразок (числа й відмови — від рушія) → прозорий облік продажів (приклад, обговорюється) → одна заявка. Свайп і тап по краях, утримання — пауза.
L18 · v18v19Блогер-партнер: збери свою лінійку
Конфігуратор-лабораторія для блогера: полиця на три місця в живому 3D рушія — перетягни або тапни вироби з каталогу (свічки, мило, фігурки, гіпс), задай фірмовий колір і назву лінійки, і всі три вироби змінюються разом. Поруч — протокол перевірки кожної позиції з числами рушія (і чесне «на фігурці напису немає»), лічильник матеріалу на передзамовлення (мінімальну партію уточнюємо з виробником), готові набори-підказки, «Поділитися лінійкою» посиланням і заявка на партнерство з цим посиланням.
L19 · v19v20Корпоративні набори
Витрина-конфигуратор набору для HR і івент-агенцій: 3D-коробка, тапом кладете 2–4 вироби з каталогу, назва компанії рельєфом і фірмовий колір; кожну позицію перевіряє рушій (протокол у нижньому аркуші), «Отримати КП» несе посилання на конфігурацію.
L20 · v20v21Від логотипу до посилки
Корпоративні й івент-набори для агенцій і HR: кладете логотип на виріб — рушій будує 3D з рельєфом, а прокрутка веде той самий виріб через макет, перевірку з протоколом рушія, зразок, тираж, пакування й доставку на одну чи багато адрес. На кожному кроці — що робите ви, що ми і де ви затверджуєте. Одна дія — запросити КП.
v21 · таймлайн-пояснювалка B2Bv22Подарунки гостям
Подарункова сторінка для весіль та івентів: один напис на всіх подарунках — дата, час, ініціали чи слово, лише з варіантів, які рушій заздалегідь пропустив на кожному виробі; стіл гостей за кількістю, напис «проростає» на кожному місці; «чому» з полем напису, якщо варіант не вміщується; КП на N гостей.
L22 · v22v23Твій сайт за 60 секунд
Підписка для майстрів: назва, вид виробів і фірмовий колір — і на очах у рамці телефона збирається вітрина з живим 3D від рушія, кнопкою замовлення і ботом-продавцем (демо). Перемикач «так бачить покупець / так бачиш ти» показує заявку з брифом. Одна дія — безкоштовний пілот.
L23 · v23v24Ранок майстра: підписка з легкою CRM
Живе демо кабінету для майстра, у якого замовлення йдуть через Direct і Telegram: «Ось твій ранок з craftgen». Годинник іде, у стрічку падають заявки з сайту, бота й Direct (вигадані клієнти, позначка «демо»), кожна вже з брифом, превью і справжньою перевіркою рушія з числами. Свайпом або перетягуванням веди картку «нова → узгоджено → у роботі → відправлено», блок «що від мене зараз» підказує наступний крок, лист замовлення — 3D від рушія і ручки в межах каталогу. Внизу — безкоштовний пілот без цін.
L24 · v24v25До / після: день майстра
Кінетичний фільм-лендинг підписки для майстрів, яким керує прокрутка: день майстрині (демо) з таймкодом 09:00 → 23:47, у Direct слово за словом летять «а скільки?», «а можна з іменем?», «де мій заказ?», лічильник непрочитаних росте. Поворот — «До» їде в маску, виїжджає «Після», і той самий день о 09:04: покупець сам крутить свічку-єдинорога в 3D (справжнє /preview), бот відповідає числами рушія й збирає бриф, протокол перевірки, замовлення лягає в список. Одна дія — безкоштовний пілот у боті.
L25 · v25v26Від вулика до пряника
Лендинг для пасічників і їхніх товариств: соти з 24 бджолиних символів рушія — торкаєтесь комірки, вона наливається медом, і рушій будує 3D вирубки чи набору «вирубка + штамп» з протоколом (розмір, пластик, перевірка). Сценарії — ярмарок меду, подарунки покупцям, свічки з бджолиного воску, брендовані пряники; приклад товариства «Бджолярський круг» і «Свій герб» через бота.
v26 · галузевий лендинг (пасічники)v27Блогер-партнер: мило з твоїм іменем
Форк v18 — той самий сторіс-пітч 9:16 для блогера, але герой лінійки зрозумілий за секунду: шестигранне мило з твоїм іменем рельєфом, живе 3D рушія. Пишеш ім'я — рушій одразу перевіряє тиснення (задовгий напис відбиває правилом рельєфу). Свічка-єдиноріг — друга позиція лінійки. Далі: ланцюжок «макет → замовлення → виробник → посилка» без твоїх вкладень, вето на кожен зразок, прозорий облік продажів (приклад, обговорюється) і одна заявка.
L27 · v27 (форк v18)v28L28 · v28
Окремий тематичний лендинг 18+ зі своєю стилістикою й кінетичною типографікою: сет-лист виробів колекції як платівка, 3D від рушія, протокол перевірки з його відповіді, кошик. Сувеніри й декор; колекція видна лише тут.
L28 · v28 · тематичний лендинг (окрема колекція 18+)v29Подарунки гостям від винуватця свята
Подарункова сторінка для того, хто святкує (весілля, день народження, ювілей, річниця, хрестини): міні-лінійка бренду «на один день» — на кожному подарунку ініціали «А&О», коротке ім'я, вік або дата. Напис тільки вибором зі списку, кожен варіант заздалегідь перевірений живим рушієм на всіх виробах сторінки; на першому екрані — живе 3D подарунка з вибраним написом; сцени «привід → напис → скільки гостей → стіл / коробки → КП через кошик».
L29 · v29v30Для івент-агенцій: подарунки гостям з «А&О»
B2B-кабінет партнера для весільних та івент-агенцій: список свят агенції (демо), для кожного — живе 3D подарунка гостям (мило, свічка, гіпсова підставка) з написом лише зі списку: ініціали пари, вік, дата, короткі фрази. Кожен вибір рушій перевіряє наживо на всіх трьох виробах — що не вийде (relief_thin / relief_gap), видно одразу. «Посилання для клієнта» відкриває той самий макет під ім'ям агенції. Що робить агенція і що ми; ціни й комісія — обговорюються; одна дія — отримати партнерські умови.
L30 · v30 · кабінет партнераv31Дроп для бренду: міні-лінійка на одну акцію
Для маркетолога бренду, SMM і агенцій, що проводять гиви, колаби, промо й івент-активації: бренд випускає обмежену серію предметів з логотипом і коротким підписом акції («DROP 01», «WIN», рік) — призи переможцям, подарунки на активації, PR-бокси блогерам. Логотип (свій або вигаданого демо-бренду) рушій кладе рельєфом на живе 3D кожного виробу полиці дропу й одразу каже, де знак і підпис проходять, а де ні. Підпис — лише зі списку, заздалегідь перевіреного живим рушієм на виробах сторінки; тираж, нумерація серії (якщо проходить рельєф), PR-бокс з 2–3 виробів і одна дія — запросити КП. Строки й ціни — тільки від майстра в КП.
L31 · v31 · дроп-вітрина + конфігураторv32Дитяче свято: подарунки маленьким гостям
Книжка-розкладачка для батьків, які влаштовують день народження дитини чи випускний у садку: «пакетик гостя» з міні-бренду на один день — велика цифра віку на милі й медалі, коротке ім'я, мило-тваринка теми свята (єдиноріг, зайчик, котик…). Напис лише вибором зі списку, перевіреного живим рушієм на всіх виробах сторінки; живе 3D кожного подарунка, протокол із числами рушія, чесні примітки «мило — не їжа, магніт — не дітям до рук»; без свічок і солодощів. Дія — КП через кошик.
L32 · v32v33Колекція на один вечір: герб і монограма для гостей
Люкс-сегмент: подарунки гостям і VIP-набори для пар і родин із великим бюджетом, преміальних івент-агенцій, брендів і бутик-готелів. Монограма як герб — лавровий вінок, корона чи щит над ініціалами «А&О» — рельєфом на свічці, милі, камені чи смолі, у подарунковій коробці. Тільки поєднання, заздалегідь перевірені живим рушієм на кожному виробі сторінки; живе 3D під ковзним світлом показує тиснення зблизька. Ціни й терміни — у персональній пропозиції; імен гостей не збираємо. Одна дія — запросити персональну пропозицію.
L33 · v33v34L34 · Формати відео
Внутрішній каталог форматів відео проєкту Remotion — візуальна версія docs/FILMS-HYPERFRAMES.md. Кожен формат і стиль — картка з живим німим превью (грає тільки на екрані), назвою, стилем одним рядком, кадром, довжиною, голосом, фразою «як замовити» з копіюванням і шляхами до еталона, брифу, рендера й озвучки. Тап — повноекранний плеєр з голосом. Сайт сам — приклад формату: монтажна тема з таймкодами, плівковою перфорацією й кінетичною типографікою. Одна дія — скопіювати фразу в нову сесію.
L34 · v34v35L35 · Магазин свічок і мила
Пілот магазину з портфоліо (Astro з островами), адаптований під craftgen: справжній каталог — 11 свічок, 5 мил, 30 фігурок-свічок і мил, 3 сюрприз-бокси з даних craftgen. Пошук звичайними словами розуміє українську й англійську («свічка в подарунок на річницю», «unscented soap for a child») і пояснює, чому підходить. Свайп-галерея: рендер рушія, колір з палітри, кадр процесу. «Вибране» в нижній панелі, головна дія — конструктор craftgen у 3D або бот. Мови /uk/ і /en/ з hreflang, корінь обирає мову браузера. Окрема touch-first верстка для телефона.
L35 · v35