Сайт Red Collar's year in review

Главное о кейсе

У нас получилось интересно рассказать о прошедшем годе, реализовать крутой интерактив, создать желанную атмосферу и взять с проектом три международные награды:
Сайт дня на FWA, сайт дня на Awwwards и сайт дня на CSS Design Awards!

Бизнес-задача и ее решение

Сайт посвящён прошедшему году digital-агентства Red Collar. Зажав кнопку мыши, отмотайте время назад и проживите яркие моменты 2016 вместе с нашей командой. Движение событий ускоряется по клику, нырять можно в любое время года, фракталы крутятся, ёжики разлетаются, и всё это под отменное звуковое сопровождение.

Приятно делать подарки на день рождения. Особенно себе. Поэтому в день Х помимо традиционного празднования решили сделать сайт. Так как прошёл ещё один год жизни агентства – сайт задумали с обзором всех ярких моментов 2016 года. От идеи до релиза – порыв чистого вдохновения и коллективного творчества. Поставили себе срок в 3 недели — и уложились!

Можно нырнуть в любой сезон и посмотреть, что происходило в агентстве. Внутри месяцев расположили самые яркие события.

Отбрасили совсем банальные примеры, в итоге собрали квартет живых (почти) существ: осень – желтого цвета и ассоциируется с ёжиком, лето – красное и стартует головой быка, весна – зелёная и начинается майским жуком и зима синяя и встречает головой снеговика.

Иллюстрации нарисованы в полигональном стиле – ломанной линией, которая выглядит, как каркас предмета. Чтобы на чёрном фоне линии были хорошо видны, сделали подложку в виде размытого контура рисунка, повторяющего цвет, и придали ему приятное появление.

Линии рядом с названием месяца заполняются по мере просмотра событий. Они дают приятное чувство определённости: показывают, сколько осталось контента. А когда наводишь на фото события – оно дублируется бэкграундом в полный размер экрана.

Хотя сам сайт нейтральной темы, нам хотелось добавить жути. Это была первая работа со звуком: отбирали долго, вдумчиво, командно и с наслаждением. Получилось круто!

Прочая информация о кейсе

February, 6 is Red Collar's birthday. We've turned 6 years old. Here's our 2016 year in review microsite. Click & hold to get back in time. Click & hold to speed up events.

Скриншоты