drag

кейс

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.

смотрите также

Update

Онлайн-журнал МегаФона о технологиях для предпринимателей

Медисорб

Сайт одной из крупнейших в России фармацевтических компаний

Eurovet

Сайт для передовой компании-дистрибьютера ветеринарных препаратов

связаться

Расскажите о своей задаче

Мы Red Collar, а как зовут вас? Чтобы связаться, нам нужен ваш e-mail Ого, какой тяжелый файл! Больше 10 MБ ждем на hello@redcollar.ru Пожалуйста, проверьте, правильно ли написан e-mail

Нажимая кнопку, вы соглашаетесь с нашей политикой в отношении обработки персональных данных.