ДНК Единой страны разработка сайта

Федеральное медико-биологическое агентство (ФМБА России) запустило масштабный социальный спецпроект «ДНК Единой страны», приуроченный к Году единства народов России. Основная цель проекта — привлечение молодёжи в Федеральный регистр доноров костного мозга, обеспечение многообразия генотипов регистра и спасение жизней пациентов с онкологическими и гематологическими заболеваниями.

Перед нами стояла задача разработать сайт под ключ, который бы:

Визуализировал масштаб проекта — наглядно показывал, как растёт география донорства по всей России;

Создавал эмоциональную вовлечённость — позволял каждому участнику увидеть себя на интерактивной карте единства;

Информировал о донорстве костного мозга — доступно и достоверно рассказывал, что это такое, зачем это нужно и как стать донором;

Служил точкой входа в регистр — предоставлял понятные инструкции по вступлению в Федеральный регистр доноров костного мозга;

Объединял бренды — интегрировал символику ФМБА России, Федерального регистра доноров и Службы крови в единое визуальное пространство;

Был надёжным и масштабируемым — рассчитан на растущее количество участников и видеоисторий со всей страны.

1. Концептуальная архитектура

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

2. Интерактивная карта

• Реализована SVG-карта России с возможностью масштабирования и навигации;

• На карту наносятся точки (points) с привязкой к конкретным участникам и событиям;

• Каждая точка — это история человека, вступившего в регистр, с возможностью просмотра видеороликов;

• Карта динамически обновляется по мере роста базы участников.

3. Пользовательский интерфейс

• Минималистичный, но эмоционально насыщенный дизайн в фирменных цветах ФМБА;

• Адаптивная вёрстка для корректного отображения на всех устройствах — от смартфонов до широкоформатных экранов;

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

• Чёткая структура контента: информация о проекте, инструкция по вступлению в регистр, контакты горячей линии.

4. Технические решения

• Фреймворк: Yii2 (PHP) с использованием Bootstrap для адаптивной вёрстки;

• Динамическая загрузка данных: точки на карте подгружаются через API (/map/points), что позволяет легко обновлять информацию без пересборки сайта;

• SEO-оптимизация: прописаны title и description для корректной индексации поисковыми системами;

• Безопасность.

5. Интеграции и контент

• Интеграция с официальными ресурсами ФМБА и Госуслуг для бесшовного перехода к подаче заявления на вступление в регистр;

• Поддержка загрузки и отображения пользовательских видеороликов с призывами вступить в регистр

• Разработан и запущен федеральный спецпроект ФМБА России, получивший широкое освещение в СМИ и социальных сетях;

• Интерактивная карта наглядно демонстрирует рост географии донорства — каждый новый участник визуально добавляет точку на карте страны;

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

• Проект способствует привлечению молодёжи в регистр, что напрямую влияет на увеличение многообразия генотипов и, как следствие, спасение жизней пациентов с онкологическими и гематологическими заболеваниями;

• Сайт выдержал нагрузку в периоды информационных кампаний и продолжает стабильно работать с растущим количеством пользователей;

• Реализована возможность масштабирования — карта и точки обновляются динамически, не требуя пересборки сайта при добавлении новых участников.

В итоге сайт «ДНК Единой страны» стал не просто информационным ресурсом, а живой визуальной летописью всероссийского донорского движения, инструментом вовлечения и символом единства народов России в борьбе за жизни людей.