2016
____
Проект сайта для сети танцевальных школ «Dance-Cool». Идея логотипа (dance dance revolution) переросла в паттерн из стрелочек, а яркие градиенты и хаотичное расположение объектов добавили динамики.
Примеры того, как работает паттерн из стрелочек и градиенты в акционных баннерах.
Фотографии разбиты в альбомы по мероприятиям. Сортировка по тегам.
Фотографии — важная часть жизни школы, задача была сделать их крупными, поэтому в сетке убрали все пробелы. При отображении на мобильных устройствах фотографии показываются в одну колонку во всю ширину страницы.
На компьютере же можно посмотреть большое фото в модальном окне.
Видео также можно сортировать по тегам. Заголовки к видео инвертированы — видео сразу откроется в модальном окне, т.е. мы не можем «провалиться» на уровень вниз.
Видео всплывает в модальном окне.
В расписании использовано цветовое кодирование для простого определения уровня обучающихся.
Popup-ы с краткой информацией о преподавателе прямо в расписании.
Детальная страница с информацией и видео преподавателя. Сразу видно, где был, чему научился и как танцует.
Анонсы мероприятий и новостей.
Детальная страница анонса мероприятия или новости.
Про студию проще рассказать картинками, чем словами (ведь это танцы), поэтому сначала — вдохновляющее видео.
