Розробка веб-сайту для чаю TET
Класика в сучасному дизайні
Команда TET - це висококласні професіонали з більш ніж 20-річним досвідом роботи в чайній індустрії, а також люди, які щиро захоплені своєю справою.
Кейс TET – ідеальний приклад того, як саме ми втілили бачення замовника в якісний цифровий продукт, який точно зберігає цілісність основної ідеї.
Наші задачі у проєкті ТЕТ:
- Зберегти класичний та традиційний дух бренду, не перетворюючи сайт у типовий інтернет-магазин.
- Зробити універсальний багатомовний сайт із різноманітним асортиментом продукції.
- Гармонійно узгодити сучасні ефекти, стилі та геометрію з брендбуком та іміджем бренду.
- Спростити робочі процеси для команди ТЕТ з урахуванням асортименту кожної країни.
Ось як розпочиналась робота
Проаналізувавши конкурентів, нашою основною ідеєю було зробити кольори кожної серії чаю - ексклюзивними. Але після декількох комунікацій з командою TET ми дізналися, що в кожному регіоні будуть різні чайні колекції, а незабаром з’являться і нові. Тут показано декілька ранніх чернеток та розрахунків.
Відео зі змінними буквами
Перший екран головної сторінки повинен був бути "потужний", але не перевантажений ефектами.
На головній сторінці ми додали цікавий та естетично приємний ефект, коли плавна зміна геометричної форми букв бренду супроводжується легким фоновим відео всередині.
Хоча ідея трансформації об'єктів не є унікальною, але це було складне математичне завдання через різну кількість кутів у кожному об'єкті.
Якісна картка товару
Ми принесли індивідуальність d картку кожного товару, розмістивши там інгредієнти та карту з місцями походження.
Для того, щоб зробити сторінку з товарами більш репрезентативною, особливо для потенційних покупців, ми поєднали кожен варіант упаковки з відповідним зображенням.
Адаптивна продуктивність
Безумовно, ми налаштовуємо коректне відображення контенту на мобільних пристроях із популярними розширеннями екрану.
Інші сторінки з фірмовими рішеннями
Для того, щоб зберегти цілісність і ідею сайту, ми навмисно використали ті самі ефекти на різних сторінках, наприклад, відкриття статті в блозі без оновлення сторінки корелює з розкриттям колекції в каталозі.
Ідеї щодо навігації та завантаження:
Отже, ми вирішили зробити єдиний стиль чайних колекцій, додавши цікавий ефект розкриття із завантаженням поточних сортів всередині головної сторінки каталогу.
Завдяки технології AJAX ми надали унікальну URL-адресу для кожної колекції на сторінці каталогу. Крім того, на сайті була реалізована безшовна та безперебійна крос-анкорна навігація.
Ключові досягнення проєкту ТЕТ:
- 4 мови в одній адмін-панелі сайту для легкого та швидкого керування контентом;
- AJAX технологія. Відсутнє перезавантаження між важливими розділами та сторінками;
- Орієнтовані на користувача колекції чаю.