drag

кейс

Tula mics

Промо-сайт для Tula — авторских микрофонов от Дэвида Брауна, лидера группы Brazzaville

ко всем работам
задача

Разработать промо-сайт для Tula — бренда авторских микрофонов из США. Для заказчика важна была реалистичная визуализация продукта на сайте: демонстрация удобного размера микрофонов и возможности использования устройств без подставки.

клиент

Микрофоны Tula

отрасль

Промо

год запуска

2019

что сделали

Дизайн сайта
Frontend-разработка
Backend-разработка

награды

Классика в современном прочтении

Микрофоны Tula воплощают в себе современность и ностальгию по прошлому, плавность и острые углы — поэтому в дизайне сайта мы сделали упор на сочетание брутализма и ретро-стиля.

Эстетика и легковесность

Снизили нагрузку на устройства и оптимизировали работу сайта. Использовали видео в формате WebM, в изображениях использовали WebP. Оптимизировали модель, с которой взаимодействует пользователь, за счет манипулирования текстурами. Например, положили модель названия на микрофон вместо использования текстур для снижения веса модели.

Интересные факты о проекте

Чтобы создать эффект появления черного микрофона из темноты, мы использовали видео формата WebM с прозрачным альфа-каналом. Вместо теней по бокам интерактивной 3D-модели на главной нарисовали темные полоски для иллюзии глубины, чтобы ускорить загрузку. Заданный нами фирменный стиль используется в оформлении интернет-магазина.

На сайте показали все цветовые вариации микрофонов — красный, черный и цвета слоновой кости.

3D-модель руки на сайте с паттерном движения наглядно показывает эргономичность микрофона.

технологии

Three.js

GSAP

SCSS

Webpack

Wordpress

Shopify

отзыв

Дэвид Браун
Дэвид Браун
Основатель
Tula mics

Мы постоянно получаем комплименты, адресованные нашему сайту: всех впечатляет его дизайн. Red Collar — лучшие в своём деле веб-дизайнеры, очень внимательные к деталям. Если вам нужен самый современный сайт, который будет выделяться из толпы, настоятельно рекомендую остановить свой выбор на Red Collar.

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

Перспективное развитие

Новостной портал Промсвязьбанка о финансах и промышленности в России

Bronitex

Креативный сайт для производителя перчаток в духе технологичного мирового флагмана

Медисорб

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

связаться

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

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

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