Створення промо-сторінки UniCup/UniLead
Про проєкт
Фабрика паперового посуду Univest рухається в бік свідомого споживання та циклічної економіки, а також ставить ціль виходу на глобальний ринок. У межах спільних стратегічних воркшопів команди Blender та Univest було уточнено позиціонування й створено покроковий план розвитку. Одним із завдань стала розробка сайту для продуктів UniCup та UniLead, орієнтованої на сегменти HoReCa, retail та АЗС у Німеччині, Польщі та Великій Британії.
Задачі та рішення
Рішення
- Побудували логіку сторінки навколо цінності для бізнесу: екологічність, якість, стабільність постачання.
- Використали 3D-моделі та анімацію, щоб дати візуально «живий» досвід і створити ефект присутності продукту.
- Зробили структуру зрозумілою та легкою: короткі блоки з бенефітами, приклади застосування для різних сегментів, технічні характеристики.
- Додали просту форму заявки та контакти для швидкої взаємодії з відділом продажів.
Технології
- Laravel - бекенд і адміністативна панель.
- Чистий JavaScript - кастомна взаємодія без зайвих бібліотек.
- GSAP + ScrollTrigger - керування таймлайнами та скрол-анімаціями по секціях.
- Three.js - рендер фотореалістичних 3D-сцен у браузері.
Технічні деталі 3D та анімації
- Timeline + ScrollTrigger: побудова анімаційних таймлайнів, синхронізованих зі скролом, щоб у кожному блоці 3D-об’єкти займали правильні позиції на різних екранах.
- Фотореалістична сцена: налаштоване освітлення, tone mapping, антиаліайзинг, корекція матеріалів і текстур.
- Нормалізація моделей: уніфікація масштабів, півотів і орієнтацій для стабільної роботи анімацій.
- Продуктивність: lazy-load 3D-активів, стиснення моделей і текстур, оптимізація FPS.
- Адаптивність: корекція перспективи та розташування об’єктів для різних співвідношень сторін і брейкпоінтів.
Результат
Сайт unicup.univest.ua став інструментом для міжнародних переговорів і посилив імідж Univest як виробника, що відповідає сучасній кон'юнктурі світового ринку.
- Продукти UniCup та UniLead презентовані як інноваційні рішення з цінністю sustainability.
- Клієнти отримують зручний досвід завдяки інтерактивам та легкому інтерфейсу.
- Univest отримує якісні B2B-ліди з ринку Європи.
Висновок
Цей проєкт довів, що поєднання стратегічного підходу, креативного UX та технологічної реалізації (Laravel, JS, GSAP, Three.js) дозволяє створити промо-сторінку, яка працює одночасно як вітрина продукту й інструмент продажів. Univest отримав конкурентну перевагу на нових ринках і зміцнив репутацію компанії, яка вміє не лише виробляти якісний еко-продукт, а й презентувати його у форматі, зрозумілому європейському B2B-сегменту.
Обговоримо ваш проєкт зараз?
