Разработка сайта для Томского центра современной культуры

Задача

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

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

Исследование и проектирование

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

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

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

Дизайн-концепция

После утверждения структуры перешли к конкурентному анализу и подбору референсов. Выявили для себя лучшие практики и подходящий стилистический вектор.

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

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

• Пространство и воздух

  Большое количество свободного пространства позволяет пользователю сосредоточиться на содержании и создаёт ощущение современного выставочного пространства.

• Контент как главный герой

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

• Современная типографика

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

Анимации

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

Главная страница ТЦСК

Главная страница стала точкой входа в экосистему Томского центра современной культуры. На первом экране пользователь сразу знакомится с концепцией проекта и двумя корпусами центра — «Втором» и «Иллюзион». Такой подход помогает быстро понять структуру центра и выбрать интересующее направление.

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

Главная страница корпуса

Для корпусов мы создали отдельные полноценные главные страницы.

Большой блок с анонсами главных мероприятий выглядит в виде движущихся «окошечек». Их форма взята не случайно — это отсылка к формам окон на исторических зданиях обоих корпусов.

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

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

Афиша

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

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

Коворкинг

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

Простая система бронирования

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

Страницы мероприятий

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

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

Остальные страницы

• Гастро

  Отдельное направление посвящено гастрономической составляющей центра. Мы выделили его в самостоятельный раздел, чтобы показать, что ТЦСК — это не только выставки и лекции, но и полноценное городское пространство для встреч и общения.

• Магазин

  Раздел книжного магазина и сопутствующих товаров интегрирован в общую структуру сайта и поддерживает концепцию культурного пространства.

Этапы реализации

• Аналитика и исследование

  Изучили культурные проекты, музейные сайты и современные цифровые платформы в сфере искусства.

• Прототипирование

  Создали интерактивный прототип и проработали структуру будущего сайта.

• Дизайн UI

  Разработали визуальную концепцию, типографическую систему, сетки и анимационные принципы.

• Разработка

  Выполнили адаптивную вёрстку и реализовали весь функционал проекта.

• Тестирование

  Проверили корректность отображения интерфейсов на различных устройствах и оптимизировали пользовательские сценарии.

Итог

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