О проекте
Desktop & Mobile
TODES — самый большой танцевальный холдинг в России и во всём мире, состоящий из девяти направлений: студии школы, театр, гастроли, баттлы, интенсивы, мастер-классы, дизайнерская одежда, отчетные концерты, фестивали.
Задача
Разработать дизайн-систему холдинга и новый корпоративный сайт с новостным порталом.
01
Аналитика
Мы изучили все бизнес-процессы и требования заказчика к разработке, срокам и архитектуре.
02
Архитектура
После проведения анализа мы разработали архитектуру всех проектов TODES.
Для каждого направления будет разработан уникальный дизайн, а связующим элементом на всех ресурсах станет «Главное меню».
03
Дизайн
концепция
В поиске уникальности и стиля мы создали 14 вариантов дизайн-концепции! Это позволило выработать общий подход, реализовать все требуемые задачи и воплотить новые идеи.
Первый вариант дизайн-концепции главной страницы.
Дальнейший поиск идей — масштаб, эпичность...
Анимация одного из варинтов дизайн-концепции.
Ещё один вариант концепции с Full Page скроллом.
Варианты согласованной дизайн-концепции.
Дизайн-концепция полноэкранного меню, объединяющего все ресурсы TODES.
04
Desktop
В соответствии с утверждённым дизайн-концептом мы создали эскизы всех ключевых разделов и элементов ресурса.
Прелоадер при первом посещении сайта.
Варианты первого экрана главной страницы.
Анимация блока хронологии.
05
Mobile
Адаптация макетов для мобильных устройств.
06
Конструктор
новостей
На этом ресурсе представлены новости из всех девяти направлений деятельности холдинга.

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

Для быстрой фильтрации и поиска нужной новости добавили фильтры.
Для отображения новости разработали дизайн для каждого блока и создали в админке удобный конструктор.
07
UI-kit
Собрали ui-kit как основу дизайн-системы.
Похожие проекты
Похожие проекты
Сайт студий-школ TODES
Смотреть