Цифраброкер
Аналитика и редизайн корпоративного сайта инвестиционной компании
кейс
Tula mics
Промо-сайт для Tula — авторских микрофонов от Дэвида Брауна, лидера группы Brazzaville
задача
Разработать промо-сайт для Tula — бренда авторских микрофонов из США. Для заказчика важна была реалистичная визуализация продукта на сайте: демонстрация удобного размера микрофонов и возможности использования устройств без подставки.
клиент
Микрофоны Tula
отрасль
Промо
год запуска
2019
что сделали
Дизайн сайта
Frontend-разработка
Backend-разработка
награды
The FWA
FWA of the Day, 2 февраля 2020
CSS Design Awards
Website of the Day, 18 февраля 2020
Awwwards
Mobile Excelence, 14 февраля 2020
Awwwards
SIte of the Day, 7 марта 2020
Рейтинг Рунета
Золото, «Лучший промосайт», 30 октября 2020
Золотой сайт
Серебро, «Лучший одностраничный сайт/лендинг», 12 февраля 2021
Tagline Awards
Золото, «Лучший международный сайт», 23 апреля 2021
Tagline Awards
Серебро, «Лучший промосайт», 23 апреля 2021
Классика в современном прочтении
Микрофоны Tula воплощают в себе современность и ностальгию по прошлому, плавность и острые углы — поэтому в дизайне сайта мы сделали упор на сочетание брутализма и ретро-стиля.
Эстетика и легковесность
Снизили нагрузку на устройства и оптимизировали работу сайта. Использовали видео в формате WebM, в изображениях использовали WebP. Оптимизировали модель, с которой взаимодействует пользователь, за счет манипулирования текстурами. Например, положили модель названия на микрофон вместо использования текстур для снижения веса модели.
Интересные факты о проекте
Чтобы создать эффект появления черного микрофона из темноты, мы использовали видео формата WebM с прозрачным альфа-каналом. Вместо теней по бокам интерактивной 3D-модели на главной нарисовали темные полоски для иллюзии глубины, чтобы ускорить загрузку. Заданный нами фирменный стиль используется в оформлении интернет-магазина.
На сайте показали все цветовые вариации микрофонов — красный, черный и цвета слоновой кости.
3D-модель руки на сайте с паттерном движения наглядно показывает эргономичность микрофона.
технологии
Three.js
GSAP
SCSS
Webpack
Wordpress
Shopify
отзыв
Дэвид Браун
Основатель
Tula mics
Мы постоянно получаем комплименты, адресованные нашему сайту: всех впечатляет его дизайн. Red Collar — лучшие в своём деле веб-дизайнеры, очень внимательные к деталям. Если вам нужен самый современный сайт, который будет выделяться из толпы, настоятельно рекомендую остановить свой выбор на Red Collar.
смотрите также
связаться