Пространство

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

• Провести исследование ЦА и анализ конкуренции.
• Разработать интуитивную навигацию и структуру.
• Спроектировать ключевые страницы (события, библиотека, школа урбанистики, конкурсы).
• Реализовать адаптивный дизайн для всех устройств.

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

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

Бургер-меню с анимацией преобразования в полноэкранный оверлей. Поиск с интеллектуальной группировкой результатов по категориям (события, новости, библиотека) — каждая группа визуально отделена цветовыми маркерами и формой. Предложенные запросы появляются в реальном времени с превью контента.

Hero-блок с параллакс-эффектом и ярким наполнением призывает к CTA-действию «Зарегистрироваться». Блок спикеров оформлен в виде адаптивной таблицы с аватарами и инструментами для быстрого контакта. Форма регистрации — многошаговая, но визуально облегчённая за счёт прогресс-бара, скелетонов загрузки и умных подсказок.

Асимметричная вёрстка с динамическими отступами и карточками разного размера — крупные под видео, узкие под статьи. Фильтры с возможностью комбинирования тегов.

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

Структура страницы была максимально упрощена для лёгкого восприятия большого количества информации. Форма из 27 шагов визуально разбита на семантические группы (личные данные, работа, файлы) с прогресс-баром и возможностью сохранения черновика. Микроанимации кнопок и полей снижают когнитивную нагрузку.

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

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