Bronitex
Сайт для производителя перчаток в духе технологичного мирового флагмана
кейс
Digital thinkers conf.
Яркий и технологичный сайт для конференции Awwwards — престижного международного конкурса веб-дизайна
задача
Сделать сайт, который не просто расскажет о конференции, но впечатлит дизайн-сообщество: ведь пользователями станут мировые лидеры digital-тусовки. Все будет проходить в Нью-Йорке, и условием была четкая ассоциация с этим городом.
клиент
Awwwards
отрасль
Event
год запуска
2018
что сделали
Дизайн сайта
3D-модели
Frontend-разработка
награды
Ключевая идея
Передать атмосферу Нью-Йорка с помощью 3D-моделей американского фастфуда: хот-догов и сосисок в тесте.
Главная страница
В каждом разделе свой объект, а на главную поместили 3D-модель хот-дога — одного из негласных символов Нью-Йорка. Монохромный при открытии, объект реагирует на зажатие кнопки мыши: меняет текстуру и цвета, а сама страница окрашивается яркой палитрой.
Цветной блик на «click and hold» подсказывает, что с сайтом можно играть.
Курсор с бонусом
Конфетка сайта — безнаказанно поиздеваться над самыми известными веб-дизайнерами. Курсор в виде бутылки появляется на любом изображении. Нажимаешь, емкость сдавливается и оттуда летят разноцветные брызги. В каждой цветовой теме — свой цвет соуса.
Адаптивный сайт
Десктоп, телефон или планшет — позаботились, чтобы сайт открывался легко и был приятным в использовании на всех современных устройствах. В метро или самолете, в любой точке планеты участники могут с удобством предвкушать одно из самых грандиозных событий индустрии.
Это первый проект Awwwards с новой айдентикой. Продумали все для правильной трансляции бренда: от точек в конце слов до прописных WWW на фастфуде.
Браузерная анимация
Весь сайт сделан на современной технологии WebGL. Алгоритмы для 3D-моделей писали с нуля под задачи: рассчитали пространство тангенциальное, нормалей и бинормалей. Сделали сайт максимально быстрым, придумав сжатие 3D-объектов без потери качества.
Пять символов конференции
Нашли отличные образы для сосисок. Главной странице отдали хот-дог, как самый известный американский фастфуд. Французский хот-дог, похожий на микрофон — для раздела со спикерами. Спиральная сосиска на палочке похожа на пин, её поместили в «месте проведения». А разделу о вечеринке придумали веселую собаку из сосисочных шариков.
Чтобы 3D-объекты выглядели реалистично, собрали полсотни файлов со светом и материалами: лед, сталь, бархат и серебро.
Яркий мир digital
Дизайн построили на контрасте: из монохрома ныряешь в электрические цвета по клику мыши. А благодаря несвойственным еде текстурам блюда фаст-фуда выглядят как арт-объекты.
технологии
Vanilla JS
JavaScript
Three.js
WebGL
отзыв
Джессика Травиесо
Chief Business Administrator
Awwwards
Мы высоко ценим работу, которую проделали Red Collar, создавая очень уникальный сайт для Нью-Йоркской конференции Awwwards 2018 года. Вы профессионально подошли к брифу, продемонстрировали хорошее понимание темы и умение планировать.
Исполняя наше техническое задание, вы параллельно вносили в проект свои инновационные и креативные идеи. Все проблемы решались быстро и легко. С вами было приятно работать.
смотрите также
связаться