Перейти до вмісту

Обговорити проєкт
ПроєктThrumm Energy

Сайти з 3D-анімацією

Односторінковий сайт, де ваш продукт стоїть у 3D і рухається від прокручування: обертається, підходить ближче, а місце довкола змінює світло.

Обговорити проєкт

Приклади

Вісім сайтів для брендів, які ми вигадали самі: так видно, на що здатен формат. У кожного тут своя сторінка з кнопкою, що відкриває сам сайт.

Усі проєкти

Кому підходить

Підходить, якщо

  • Ви продаєте один продукт або коротку лінійку — напій, косметику, пристрій — і хочете показати його з усіх боків.

  • Ви запускаєте бренд або новий продукт, і потрібна сторінка, яку запам’ятають і перешлють друзям.

  • Ви ведете людей на одну сторінку з реклами, рілсів або з упаковки: вона має втримати й підвести до однієї дії.

  • Ваш продукт обирають очима, і сторінка має виглядати не гірше за сам продукт.

Не підходить, якщо

  • Вам потрібен магазин на сотні товарів. 3D-сторінка показує кілька речей докладно; каталог із фільтрами — інша робота.

    Інтернет-магазини

  • Ваш сайт — це передусім інформація: послуги, ціни, запис, багато сторінок. Звичайний сайт скаже це швидше й важить менше.

    Створення сайту

  • Сайт потрібен терміново. Сцену роблять вручну — предмет, матеріали, світло, рух — і вона забирає більше часу, ніж звичайна сторінка.

Що входить

  • Ваш продукт у 3D

    Банки, пляшки, коробки й техніку збираємо кодом, у справжніх пропорціях. Їжу та інші предмети живої форми робимо 3D-моделлю за фотографією.

  • Фотографічні текстури

    Дерево, камінь, метал, лід, піна: у кожного матеріалу фотографічна текстура, а не візерунок, намальований кодом. Тому предмет не виглядає пластиковим.

  • Світло й місце

    Продукт стоїть у якомусь місці — барна стійка, зал, озеро — з підлогою, світлом і глибиною, а не на рівній заливці. Місце може змінювати світло під кожен смак або модель.

  • Рух від прокручування

    Сцену веде прокручування: продукт обертається, виходить уперед, наливається, відкривається. Речі рухаються з вагою, як справжні, а під час прокручування назад сцена йде назад тим самим шляхом.

  • Підлаштування під пристрій

    Сторінка сама стежить, наскільки плавно йде. Коли пристрою важко, вона знижує різкість картинки й повертає її, коли з’являється запас. Плавність важливіша за різкість.

  • Вигляд без анімації

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

  • Решта сторінки

    Після сцени — продукт зблизька з підписами, одна велика фраза, фінальний екран з однією дією і підвал. Шрифти добираємо під ваш бренд.

  • Ще за темою

Ціна й умови

Ціна — під проєкт

Залежить від того, що в сцені: скільки предметів, збираємо їх кодом чи робимо моделі за фотографіями, скільки актів проходить прокручування. Розкажіть про продукт — порахуємо й назвемо ціну.

Дізнатися цінуЦіни на звичайні сайти
Відповідь

На заявку відповідаємо протягом робочого дня.

Права

Після оплати сайт і домен належать вам.

Питання

  1. Справжнє 3D. Предмети малюються просто в браузері, тому сцена точно йде за прокручуванням, уперед і назад, а смак чи колір можна змінити без нової зйомки. Фільм, який під час прокручування йде кадр за кадром, — інший прийом: так зроблено сцени на головній сторінці цього сайту.

  2. Для телефона сторінку збирають окремо: продукт займає більшу частину екрана, підписи не виходять за краї. 3D-сцена вимагає від пристрою більше, ніж звичайна сторінка, тому сторінка сама стежить за плавністю і знижує різкість картинки, коли телефону важко. На старому телефоні картинка буде м’якшою. Слова, посилання й кнопка — звичайний текст сторінки, а не частина картинки.

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

  4. Довше, ніж звичайний односторінковий сайт, і строк залежить від предмета. Банку чи пляшку збираємо кодом; їжі, тканині й усьому, що нерівної форми, потрібна модель за фотографією, і кожна модель — окремий етап. Строк називаємо разом із ціною — після того як побачимо ваш продукт.

  5. Так, одним із двох способів. Якщо платформа сайту дозволяє поставити на сторінку власний код, сцена стає просто на неї — першим екраном або на сторінку товару. Якщо ні, сцена стає окремою сторінкою на вашому домені, а сайт веде на неї посиланням. Спершу ми дивимося сайт і кажемо, який спосіб підійде, — до початку роботи.

  6. Сам продукт — так докладно, як можете показати: фотографії з кількох боків, справжні розміри та файли етикетки чи упаковки, якщо вони є. Далі бренд — логотип, кольори, шрифти — або слово про те, що його поки немає. І завдання сторінки: одна дія, яку має зробити відвідувач. Якщо в продукту жива форма, як у їжі, попросимо ще одну фотографію, зняту за нашою підказкою: за нею роблять 3D-модель.

Що потрібно?

Надсилаючи форму, ви погоджуєтеся з політикою конфіденційності.

Зручніше в месенджері?

Записатися на дзвінок

Калгарі