Задача

У социального проекта много разных сущностей: инициативы, спортивные направления, партнёры, результаты, публикации СМИ, команда, фотографии и видео

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

Моя роль

Я спроектировал структуру публичного сайта, интерфейс и модель данных, собрал публичную часть и отдельный административный контур для управления содержанием

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

Как устроена платформа

Инициативы как самостоятельные истории

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

Это особенно важно для живого социального проекта: одна инициатива может появиться в СМИ, другая — уйти партнёру, третья — стать самостоятельной точкой входа из соцсетей

Единые данные для публичной части

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

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

Фото и видео не лежат отдельным архивом

Медиа встроены в карточки и подробные представления инициатив. Фото и видео работают как часть конкретной истории: показывают событие, людей и результат, а не просто занимают отдельный раздел «галерея»

На мобильном сценарии тяжёлый контент особенно легко превращается в проблему, поэтому интерфейс учитывает и этот режим

Собственная админка

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

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

Что здесь было важно сохранить

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

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

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

Что в итоге

Сайт работает как единая цифровая витрина проекта, а не как набор разрозненных публикаций

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