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

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

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

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

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

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

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

Проект мы вели вместе с командой Orbyx и разделили зоны ответственности так, чтобы концепция подачи, вёрстка, разработка на WordPress и анимационный слой на GSAP собрались без швов на стыках. Партнёрство добавило проекту компетенций обеих сторон и помогло выдержать сжатый срок в 1.2 месяца, не жертвуя ни выразительностью визуала, ни управляемостью контента. Итоговую площадку мы передали заказчику готовой к самостоятельному ведению.