T-Cup
Виробник паперових стаканів, який входить на ринок з інноваційним однокомпонентним продуктом — одноразовий стакан зі вбудованою чайною мембраною “T-Cup”.
Про проєкт
Промосайт для виробника чаю швидкого приготування під ключ: аналіз, концепція, текстове наповнення, дизайн, 3D моделі, розробка лендінгу, SEO.
3D моделі
Під час брифування, клієнт вказав: «Потрібно презентувати гарно продукт, щоб він зробив ефект вау. Роз’яснити що це таке і як ним користуватись, а також як нас знайти».
Після референсів, ідей та мудбордів з анімованими рішеннями ми зупинилися на рішенні з 3D об’єктами, що зробить «ефект вау» з побажання клієнта.
Стакан, як продукт, виступає ключовим центральним елементом, який супроводжує декілька екранів нашого лендінгу. Головна 3D модель повертається на 360 градусів та «розкладається» на екрані «Як це працює?» і описує складові стаканчика, закриваючи питання що це за продукт. Також, присутні додаткові 3D елементи для першого екрану — фрукти та чаїнки, які мають параллакс ефект.
Релізували ми ці 3D моделі у співпраці з нашими партнерами marevo.vision.
Створення контенту для кожного смаку
У продукту є варіації за смаками, тому потрібно було визначити ключовий смак. Цим смаком став «Зелений чай Саусеп» і ліг за основу для 3D моделі. Серед асортименту “T-Cup” зараз є 13 смаків, які ми вивчили та склали презентаційні описи до кожного екрану з асортименту чаю.
Завдання проєкту
- проаналізувати гео, асортимент, цінність продукту та трансформувати це у текстові посили,
- написати копірайт і ключові меседжі відповідно до структури екранів та блоків лендінгу,
- показати вигоду продукту для B2B клієнта через призму кінцевого споживача,
- намалювати дизайн сайту з «вау ефектом»,
- обрати стиль анімованих рішень,
- реалізувати плавну анімацію при скролі,
- реалізувати скрол з ефектом паралакс,
- розробити 3D ефекти та об’єкти,
- створити промо відео матеріали для клієнта,
- забезпечити якість та функціонування декстоп та мобайл версій промосайту.
Покрокова відео-інструкція
Ми закрили питання відео-продакшну для клієнта. Блок «Спосіб приготування» ми робили у співпраці з Alex Muravskyi, де підкріпили кроки з описом приготування за допомогою відеосупроводу, Цей блок має горизонтальний скрол, а все разом дає нашому продукту додаткову магію.
Паралакс-ефект
Паралакс — це візуальний прийом, який захоплює увагу, коли об’єкти, наприклад фрукти, розкидаються при скролі сторінки вниз. Цей ефект передбачає вертикальний зсув, створюючи додатковий рух для елементів сторінки і створюючи динамічний та захоплюючий візуальний досвід для користувача.
Нагороди проєкту - AWWWARDS
Сайт T-Cup отримав Honorable Mention від “awwwards”, що ще раз підтверджує, які гарні продукти на ринок ми випускаємо. Також, нам виділили відзнаку Елемент дня — паралакс-ефект.
Нагороди проєкту - CSSWinner
Ми подали також наш проєкт на дизайн-ресурс CSSWinner, де успішно взяли престижну нагороду Сайт Дня (Site of The Day, SOTD), додатково підтверджуючи унікальність та креативність в реалізації дизайну та верстці промо-сайтів.
Наша нетипова розробка під ключ для українського бренду інноваційного чаю в стакані привела до народження яскравого промо-сайту, створеного з нуля з маркетинговою блискучістю, магією дизайну та програмістською якістю.
Стати лідером на ринку вимагає амбіцій і здатності зростати нескінченно. Ми допомагаємо нашим клієнтам досягати найвищих результатів у бізнесі.