СДВИГ — концептуальный сайт фестиваля движения и звука

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

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

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

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

Основой стали крупная типографика, глубокий чёрный фон, светлые контрастные секции и сдержанные коралловые акценты.

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

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

Этап 1. Визуальная концепция и структура

Работу начали с формирования самостоятельного художественного образа фестиваля.

Центральной идеей стало движение как способ взаимодействия с окружающим пространством.

На первом экране разместили крупное название «СДВИГ», атмосферную фотографию танцовщицы, даты и короткий слоган «Движение меняет пространство».

Далее выстроили последовательность смысловых разделов: манифест, направления «Движение», «Резонанс» и «Контакт», программа, участники, пространство, фотоистория и интерактивный финал.

Такая структура позволила превратить обычное знакомство с событием в цельное визуальное повествование.

Этап 2. Индивидуальный дизайн

Для сайта разработали минималистичную визуальную систему, в которой каждый элемент подчинён общей концепции.

Крупные заголовки формируют характер проекта и напоминают типографику современных фестивальных афиш.

Контраст тёмных и светлых секций задаёт ритм прокрутки, а красные акценты помогают выделять важные элементы и действия.

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

Это позволило сохранить выразительные жесты, силуэты и художественный характер снимков как на компьютере, так и на телефоне.

Этап 3. Интерактивная программа и анимация

Одним из центральных элементов стала программа фестиваля на 17, 18 и 19 сентября 2027 года.

Мы реализовали переключение дней внутри одного раздела. При выборе даты меняются расписание, названия выступлений и сопровождающая фотография.

Это решение позволило не перегружать страницу длинными списками мероприятий и сделало знакомство с программой удобнее.

Анимацию использовали как продолжение основной идеи проекта. Плавное появление элементов, раскрытие фотографий и переходы между секциями поддерживают ощущение движения.

Отдельный интерактивный элемент — «Измени траекторию». Посетитель может перемещать точку и наблюдать, как изменяется линия на координатной сетке.

Так движение становится не только темой сайта, но и частью пользовательского взаимодействия.

Этап 4. Разработка и мобильная адаптация

Сайт реализовали на Tilda с использованием пользовательского HTML, CSS и JavaScript.

Такой подход позволил создать нестандартную композицию и собственные интерактивные решения без привязки к готовым шаблонам.

Особое внимание уделили мобильной версии.

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

Главная задача адаптации заключалась не просто в уменьшении элементов, а в сохранении визуального впечатления от сайта на небольшом экране.

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

Проект включает выразительную визуальную концепцию, индивидуальные композиции, адаптивную мобильную версию, трёхдневную интерактивную программу и собственные анимационные решения.

«СДВИГ» демонстрирует подход NIKSYOU к разработке нестандартных сайтов: мы рассматриваем дизайн не только как оформление информации, но и как инструмент создания впечатления.