DIЧ: Обзор крутых сайтов и свежих дизайнерских решений

Коллеги из Red Collar собрали для Cossa новый «Digital в четверг» — дайджест, который раздвигает грани хорошего веб-дизайна. Предыдущий выпуск.

Пятёрка вдохновляющих сайтов

Бада бум!

Сайт студии графического дизайна Badesaison. Визуально сама площадка достаточно простая, но вот приветственный слайд — бомба. Прежде чем посетить креативных ребят, залипаешь минут на пять, лопая наркоманские картинки. Нестандартно поступили и с представлением команды: нет отдельной страницы, фотографии появляются при наведении на имя.

Скрины/1_03%20Наркоманы.png

Скрины/1_03%20Наркоманы%20ещё.png

Сыграть на китах

Синтезатор песен китов от креативного агентства Resn. По сути, промо MailChimp для привлечения внимания к компании. Качественная работа со звуком. И ещё одна приятная деталь — анимированный логотип. Сайт адаптивный, самое вкусное взаимодействие на сенсорном экране.

Скрины/1_02%20Киты.png

Столетний перформанс

Проект «Будущая библиотека» от агентства Hello Monday. Призван собрать сотню авторов и хранить их произведения в течение 100 лет, а затем напечатать тексты на бумаге, сделанной из тысячи деревьев, посаженных в 2014 году.

Из интересного в анимации: полёт над туманным лесом, который разрастается при прокрутке временной шкалы, и задумка с годовыми кольцами. Нестандартное: текст на странице с информацией об авторе выровнен по левому и правому краю. Традиционно приём считается некрасивым, но здесь смотрится органично. Звуки природы отлично расслабляют, наслаждайтесь!

Стань digital-аналитиком за 16 недель!

Cossa рекомендует один из лучших российских онлайн-курсов по веб-аналитике и аналитике User eXperience. Прокачай своего внутреннего аналитика по программе от AIС – digital-студии номер один в России.

  1. Введение в специальность. UX-Аналитика в digital.
  2. UX Аналитика. Data-Driven / Data-Informed.
  3. Обзор аналитических инструментов.
  4. Продвинутый разбор Google Analytics
  5. Построение и оптимизация воронок
  6. Очные исследования
  7. Удаленные исследования
  8. Петля улучшений. Поиск гипотез и версионность тестов.
  9. A/B Тесты и другие способы проверки гипотез.
  10. Юнит-Экономика.
  11. Почему не обойтись без базовых знаний JS
  12. Настройка Google Tag Manager.
  13. Зачем нужен SQL и как с ним работать?
  14. Аналитика 360. Ваши персональные большие данные.
  15. AIC.Brain. Аналитическая система своими руками.
  16. Введение в BI. Обзор промышленных систем аналитики.
  17. Разбор кейсов

Записывайтесь на курс! Старт ближайшего потока — уже 27 октября.

Реклама

Скрины/1_01%20Будущая%20библиотека.png

Скрины/1-02деревья.png

Капля брутальности

Промосайт игры For Honor с типами персонажей и оружия, плюс возможностью сразиться с противником. Точки-зазубрины на мечах рассказывают свои истории сражений. Если не говорить об очевидной крутости сайта в целом, любопытно реализован значок загрузки и совмещение разных типов навигации.

Скрины/1_04%20Игра%20промо.png

Летающие шмотки

Сайт новой коллекции спортивной одежды Descent от компании EPOCH Inc. Избитая тема презентации вещей подана креативно: модели парят в воздухе и улетают с размытием и приятным ускорением.

Кстати, на этом же сайте мы нашли заглушку для новой площадки бренда, которая пока в разработке. Но вместо традиционной статичной заглушки ребята сделали анимацию и интригующе-шутливое объяснение, что процесс идёт.

Скрины/01_05%20Шмотки.png

Скрины/1_05%20Шмотки%20ещё.png

Полезная плюшка

Animista показывает разные анимации и даёт настроить их параметры. Дизайнеры смогут прикинуть, как будут выглядеть их изображения в движении, а разработчики — скачать css-файл для подключения к проекту. Можно добавить в «любимые» самые классные примеры и собрать свою коллекцию.

Рабочие%20файлы%20Ната/Публикации/Cossa/Дич/16.03.17/Скрины/Инструмент.png

Тройка качественных дизайнов

Проект NFL Combine для бренда Under Armour. Это линейка спортивной одежды, дизайн которой вдохновлён формой игроков NFL на ежегодном соревновании Scouting Combine. Основная фишка — одежда без людей. Идея простая, но её редко воплощают столь качественно и интересно.

Скрины/Беханс%20тени%20спорт.png

Визуальное оформление для четвёртого издания квеста 36 Days of Type. Фишка концепции в том, что использован один цвет — зелёный, всё остальное держится на композиции из множества маленьких деталей. Отдельное удовольствие — как продуманно картинка собирается воедино и заполняется элементами.

Рабочие%20файлы%20Ната/Публикации/Cossa/Дич/16.03.17/Скрины/Беханс%201%20-%2036.png

Дизайн-концепция сайта про 40 креативных подходов Люка Салливана из его книги «Рекламная пауза. Откровения креативного директора». Не только лаконичная и стильная задумка, но и ещё один мини-источник, где можно подсмотреть интересную анимацию.

Скрины/Беханс%203.png

Видео на позитив и вдохновение

Stop motion от Павла Пахузина. Покадровая анимация — когда каждая сцена нарисована и снята отдельно. Всё вместе искусно смонтировано в единый ролик. Волшебство!

В портфолио автора можно следить за свежими работами и вдохновляться.

P. S. Бонусная стопка примеров с нестандартными решениями

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


Комментарии:

- 0 +
Сергей Мекеда #
19.03.2017 12:25
Отличная подборка. Особенно пригодилась Animista. Верстка (программирование) готовыми модулями это уже тенденция. Возможно есть, что-то подобное по html (php, js)?
Ответить
Спасибо! Следите за подборками, всё впереди :)
Ответить
- 0 +
Спасибо за подборку, ждём новых! )
Ответить
На пользу и вдохновение.
Ответить
- 0 +
Сайты, которые грузятся по минуте  - ну уж нет.
Ответить
Скажем "Нет" старым устройствам и медленному интернету! :)
Ответить
- +1 +
Это каким таким медленным? Мы занимаемся телекоммуникационными системами. Не думаю, что у нас тут медленный сильно интернет.
Ответить
Ответить?

Самые интересные статьи, обзоры и размышления —
в рассылке!

Email *


Подпишись!


Вход на cossa.ru

Уже есть аккаунт?
Выбирай любой вариант входа:
Facebook Twitter Vkontakte

Используйте свой аккаунт в социальной сети Facebook или Twitter, чтобы пользоваться сайтом

Не забудьте написать email на странице своего профиля для управления рассылкой