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

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

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

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

Главная с сильным первым экраном

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

Витрина проектов

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

Страница проекта как история

Детальная страница инициативы построена как рассказ: заголовок, суть проблемы, что делает агентство и какой результат для общества. Текст чередуется с изображениями, а прокрутка раскрывает блоки по мере движения. Такой формат объясняет ценность инициативы не тезисами, а последовательным повествованием, которое вовлекает читателя.

Блок партнёров и участников

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

Формы вовлечения и контакта

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

Гибкая админка на Carbon Fields

Контент сайта вынесен в кастомные поля Carbon Fields поверх WordPress: проекты, блоки главной, партнёры и тексты редактируются через понятные формы в админке. Команда агентства собирает и меняет страницы как из конструктора, не касаясь вёрстки и анимаций. Структура полей продумана так, чтобы новые материалы вставали в дизайн без ручной правки шаблонов.

Анимационный слой на GSAP

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

Адаптивность и производительность

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