drag

кейс

Digital thinkers conf.

Яркий и технологичный сайт для конференции Awwwards — престижного международного конкурса веб-дизайна

nyc.awwwards.com
ко всем работам
задача

Сделать сайт, который не просто расскажет о конференции, но впечатлит дизайн-сообщество: ведь пользователями станут мировые лидеры 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 года. Вы профессионально подошли к брифу, продемонстрировали хорошее понимание темы и умение планировать. 

Исполняя наше техническое задание, вы параллельно вносили в проект свои инновационные и креативные идеи. Все проблемы решались быстро и легко. С вами было приятно работать.

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

Leviev Group

Высокотехнологичный сайт для компании-дизайнера интерьеров высшего уровня

Barcelona Realty Group

Сайт с каталогом для международного агентства недвижимости

Update

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

связаться

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

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

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

  • Россия, г. Воронеж,
  • ул. Текстильщиков, 5Б
ООО «Ред Коллар», ОГРН 1153668069950, ИНН/КПП 3663116703/366301001, Юридический адрес: 394028, Воронежская область, город Воронеж, ул. Туполева, д. 28, кв. 14

Мы используем куки и с помощью анонимной статистики делаем сайт ещё лучше