Культура Петербурга

Портал с новостями, событиями и культурными проектами для Министерства культуры Санкт-Петербурга

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

Контекст

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

Роль пользователя

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

Моя роль в разработке продукта

В этом проекте я отвечал за UX/UI-дизайн сайта: прорабатывал структуру ключевых страниц, подачу контента, визуальную систему и интерфейсные решения для разных типов разделов — от новостей и событий до спецпроектов и сервисных сценариев.

Проект: Культура Петербурга — городской культурный портал
Метод: Web design + UX/UI design
Год: 2023
Технология: Web platform

Главные экраны портала Культура Петербурга

О проекте

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

Визуальная идея

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

Визуальная айдентика портала Культура Петербурга

Главная страница

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

Основные экраны

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

Детали интерфейса

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

Адаптивы

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

Адаптивная мобильная версия портала Культура Петербурга

Моя роль

В проекте я отвечал за UX/UI-дизайн сайта: общую визуальную систему, структуру ключевых экранов, подачу контента и проработку интерфейсных решений.

Итог

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

Следующий проект

Интерфейс модуля расписаний SaaS-системы бронирования для SPA

Расписания и слоты для SPA-системы бронирования

Модуль расписаний в SaaS-системе бронирования для SPA, бассейнов и wellness-сервисов.

info@gmail.com

jk_ppub

in/jkpdesign/