ENG
UA

MENU

Ключові досягнення проєкту ТЕТ:

4 мови
в одній адмін-панелі сайту для легкого та швидкого керування контентом
AJAX технологія
Відсутнє перезавантаження між важливими розділами та сторінками
Орієнтовані на користувача колекції чаю

Наші задачі у проєкті ТЕТ:

  1. Зберегти класичний та традиційний дух бренду, не перетворюючи сайт у типовий інтернет-магазин

  2. Зробити універсальний багатомовний сайт із різноманітним асортиментом продукції

  3. Гармонійно узгодити сучасні ефекти, стилі та геометрію з брендбуком та іміджем бренду

  4. Спростити робочі процеси для команди ТЕТ з урахуванням асортименту кожної країни

Старий та новий сайт ТЕТ

Відео зі змінними буквами

Перший екран головної сторінки повинен був бути "потужний", але не перевантажений ефектами

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

Хоча ідея трансформації об'єктів не є унікальною, але це було складне математичне завдання через різну кількість кутів у кожному об'єкті

Відео зі змінними буквами

Ось як розпочиналась робота

Проаналізувавши конкурентів, нашою основною ідеєю було зробити кольори кожної серії чаю - ексклюзивними. Але після декількох комунікацій з командою TET ми дізналися, що в кожному регіоні будуть різні чайні колекції, а незабаром з’являться і нові. Тут показано декілька ранніх чернеток та розрахунків
Ось як розпочиналась робота
Ось як розпочиналась робота
Ось як розпочиналась робота
Потягни

Якісна картка товару

Ми принесли індивідуальність d картку кожного товару, розмістивши там інгредієнти та карту з місцями походження

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

Якісна картка товару

Адаптивна продуктивність

Безумовно, ми налаштовуємо коректне відображення контенту на мобільних пристроях із популярними розширеннями екрану
Адаптивна продуктивність
Адаптивна продуктивність
Адаптивна продуктивність
Адаптивна продуктивність
Адаптивна продуктивність
Адаптивна продуктивність

Ідеї щодо навігації та завантаження:

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

Завдяки технології AJAX ми надали унікальну URL-адресу для кожної колекції на сторінці каталогу

Крім того, на сайті була реалізована безшовна та безперебійна крос-анкорна навігація

Висновок та досягнуті цілі

Кейс TET – ідеальний приклад того, як саме ми втілили бачення замовника в якісний цифровий продукт, який точно зберігає цілісність основної ідеї
Висновок та досягнуті цілі
Висновок та досягнуті цілі
Потягни

Проект створений завдяки цим леді та джентльменам:

Менеджер проєкту
Комунікація та контроль
Акаунт-менеджер
Комунікація та звітність
Старший маркетолог
UX-макетування
Маркетингова команда
Прототипування та внутрішнє SEO
Дизайнер
Ескізи та дизайн
Front-end спеціаілст
Верстка дизайну
Старший програміст
Програмування та контроль
Команда програмістів
Серверне програмування

Використані
засоби

Маркетинг:
  • Аналіз конкурентів
  • Унікальний адаптивний дизайн
  • Figma
  • Повністю оптимізоване внутрішнє SEO
  • 4 мови
  • Стильні та цікаві анімації
Розробка:
  • HTML5
  • CSS3
  • SASS
  • JS
  • Ajax
  • PhP7.3
  • MySQL
  • WordPress
  • ACF

Відвідати сайт

Дякуємо за вашу чудовість!


Один з наших коаліфікованих спеціалістів незабаром з вами зв'яжеться!Гарного дня!😉

    Subscribe Us

    Дякуємо за вашу чудовість!


    Один з наших коаліфікованих спеціалістів незабаром з вами зв'яжеться! Гарного дня!😉

    Thank you!
    One of our koalificated expert will get in touch with you shortly