Создан современный сайт благотворительного фонда «Покажи свой мир», поддерживающего семьи и специалистов, работающих с детьми с аутизмом. Реализована интерактивная страница онлайн-теста M-CHAT-R/F, модульная структура на MODX Revolution и анимации GSAP. Сайт масштабируемый, оптимизирован под SEO и позволяет команде фонда самостоятельно управлять контентом, улучшая вовлечённость и взаимодействие с аудиторией.
Задача
Благотворительный фонд «Покажи свой мир» поддерживает семьи и специалистов, работающих с детьми с аутизмом. Необходимо было создать современный, удобный сайт, который ясно доносит миссию фонда, обеспечивает быстрый доступ к инструментам помощи и вызывает доверие у трёх ключевых аудиторий — родителей, специалистов и доноров. Основные вызовы: обеспечение доступности, упрощение управления контентом и интеграция ключевых цифровых сервисов — онлайн-теста M-CHAT-R/F и системы пожертвований.
Решение
Разработан полноценный сайт с продуманной информационной архитектурой и акцентом на удобство. Ключевые особенности:
- Сегментированная навигация для трёх аудиторий: родители, специалисты, доноры.
- Выделенные CTA на первом экране: «Пожертвовать» и «Пройти тест на риск аутизма (M-CHAT-R/F)».
- Динамические разделы основных программ фонда: «Школа аутизма», «Зелёный коридор», база специалистов, новости и события.
- Индивидуально реализованная страница теста M-CHAT-R/F с прогресс-баром, мгновенной интерпретацией результатов и подсказками по дальнейшим действиям.
- Лёгкий адаптивный фронтенд с анимациями GSAP, оптимизированной графикой и чистой HTML-структурой.
- CMS на базе MODX Revolution, позволяющая команде фонда самостоятельно обновлять проекты, формы и события без участия разработчиков.
- Подключена аналитика Яндекс.Метрики с отслеживанием кликов по пожертвованиям, формам и прохождению теста.
- Дизайн, соответствующий требованиям доступности: высокая контрастность, крупные активные зоны и aria-разметка.
Результат
- Сайт чётко транслирует миссию фонда и обеспечивает интуитивную навигацию для родителей, специалистов и доноров.
- Команда фонда может управлять ~90% контента самостоятельно через админ-панель, что значительно снижает расходы на поддержку.
- Повысилась вовлечённость: родители ежедневно проходят тест M-CHAT-R/F, специалисты присоединяются к базе, а доноры получают прозрачную информацию о финансах.
- Заложен технический фундамент для органического роста: семантическая вёрстка, SEO-метаданные, Open Graph-превью и интегрированная аналитика.