Главная страницаРеальный интерфейс · живой сайт 10.09.2026
01 / Контекст
Общественной организации нужен единый источник для миссии, проектов и экологической повестки
Сайт рассказывает о сохранении природного наследия, восстановлении экосистем, экологическом сознании, зелёной экономике и социальной модернизации. Постоянные разделы организации соединены с новостями, событиями, документами, проектами и географической экокартой.
Задача
Сделать экологическую деятельность понятной и доступной
Решение
Проекты, экокарта, документы и общественная повестка
02 / Боль → решение
Не просто страницы, а понятные сценарии для разных намерений
01
Позиционирование
Сформулировать миссию и направления без бюрократической перегрузки.
02
Проекты
Собрать инициативы и результаты в отдельный каталог.
03
География
Показать экологические объекты и проблемы на карте.
04
Открытость
Публиковать документы, историю, управление и пресс-материалы.
03 / Информационная архитектура
Путь пользователя собран вокруг содержательной задачи
Архитектура восстановлена по публичной навигации, внутренним ссылкам и доступным маршрутам.
04 / Ключевой UX
Экологическая повестка раскрывается через действия, места и актуальные материалы
Первый экран формулирует общественную миссию и сразу предлагает присоединиться или изучить историю. Быстрые ссылки ведут к актуальным темам, карточки поддерживают новостной поток, каталог проектов показывает практическую деятельность, а экокарта добавляет географический способ изучения.
ПроектыКаталог экологических инициативЭкокартаГеографический интерфейс экологических данных
05 / Контентная модель
Редакционная модель разделяет институциональный контент, проекты, новости и картографические материалы
Pages
Об организации
Устав, руководство, история и ключевые даты
Posts
Новости и события
Хронологическая экологическая повестка
Projects
Инициативы
Самостоятельные проектные карточки
Eco map
Объекты на карте
Географическое представление данных
Documents
Открытые материалы
Уставные и рабочие документы
ACF
Структурированные поля
Повторяемые данные проектных шаблонов
06 / Технический стек
Публичная реализация разобрана по исходному HTML и сетевым ресурсам
WordPress 7.1CMS и публикацииHello Elementor 3.0.2Базовая темаElementor 3.22.3 / Pro 3.22Визуальные шаблоны и компонентыAdvanced Custom FieldsСтруктурированные данныеEle Custom Skin ProКарточки и AJAX paginationSwiper + nginx/PleskКарусели и серверный контур
07 / Интерактивные сценарии
Интерфейс помогает закончить задачу без лишних переходов
Eco map
Изучение объектов по географии
Project cards
Переход к инициативам
News loops
Динамическая лента публикаций
Forms
Контакт и присоединение к организации
08 / SEO-аудит
Поисковая база и конкретные точки роста
Главная содержит canonical, но не публикует description, Open Graph, JSON-LD или hreflang. Core sitemap работает и содержит четыре раздела: записи, страницы, категории и авторы. Для общественной платформы полезны Organization, Project, Article, Event и Place schema, уникальные описания проектов и индексируемые карточки объектов экокарты.
4sitemap-раздела
1canonical
0meta description
0JSON-LD
Публичный аудит выполнен 10.09.2026. Кейс описывает интерфейс и контентную архитектуру, не приписывая сайту непроверенные экологические эффекты или количественные результаты проектов.
09 / Responsive
Основной сценарий сохраняется на смартфоне
Навигация, заголовки, карточки и целевые действия перестраиваются в один вертикальный поток. Мобильный экран ниже — реальный снимок исходного интерфейса шириной 390 px.
Читаемая иерархия без горизонтального скролла
Крупные зоны касания для основных действий
Последовательная загрузка контента
Сохранение ключевого CTA в мобильном сценарии
Мобильная версияViewport 390 × 844
10 / Техническая проверка
Кейс опирается на наблюдаемую реализацию
01
HTTP и маршруты
Проверены главная и ключевые внутренние страницы, статусы ответа и перенаправления.
02
HTML и metadata
Сняты title, H1, description, canonical, Open Graph и JSON-LD.
03
Frontend stack
Технологии подтверждены именами публичных скриптов, стилей и API endpoints.
04
Responsive
Главная просмотрена при 1440 × 1000 и 390 × 844.
05
Контент
Информационная модель сверена с навигацией, архивами и sitemap.
06
Доказательства
Все интерфейсы в кейсе — реальные снимки проекта без генерации UI.
11 / Результат
BB ECO превращает деятельность организации в доступную цифровую структуру: миссия объясняет направление, проекты показывают действия, экокарта связывает их с территорией, а документы и пресс-центр поддерживают открытость и регулярную коммуникацию.
4 раздела sitemap и 21 внутренний маршрут главной. Решение можно развивать по мере роста контента и новых пользовательских сценариев.
