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

ЗАДАЧА

Он доступен в печатной и pdf-версиях. Но скачивать 100-страничный документ не всегда удобно — например, если читаешь его с телефона в метро.

Решить эту проблему могла бы интерактивная версия отчета — одностраничный сайт. Так появилась идея сделать лендинг, который бы кратко представил основную информацию о работе WWF России в 2021 году и был удобным для просмотра с любого устройства.

Отчет освещает 6 направлений работы фонда: «Сохранение биологического разнообразия», «Устойчивое лесопользование», «Климат и энергетика», «Устойчивое морское рыболовство», «Регулирование охраны окружающей среды и природопользования», «Зелёная экономика» и блок о взаимодействии с бизнесом, обществом и сторонниками. Каждый раздел занимает по 20–30 страниц. Чтобы сократить информацию, мы поместили на лендинг только результаты работы по каждому направлению: какие задачи стояли перед фондом и как они решались. Эти данные мы представили в виде инфографики.

Задачи мы поместили на слайдеры — блоки, которые можно «перелистывать» слева направо с помощью стрелок. Такой горизонтальный скроллинг делает лендинг короче и компактнее.

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

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

Мы сверстали лендинг на платформе Tilda. Там, где её возможности не позволяли добавить интерактивные элементы, мы использовали код.

Объединили в дизайн-концепции фирменные стили отчета и сайта

Ссылка на лендинг размещена на сайте WWF России. Поэтому в дизайн-концепции важно было сохранить текущий фирменный стиль, дополнив его интерактивными элементами.

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