Разработка сайта для фонда «Озеро Байкал»

Социально значимые проекты

Разработка сайтов и UX/UI-дизайн

Оглавление

Контекст

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

Для Фонда «Озеро Байкал» это было особенно чувствительно. Именно через сайт происходило первое знакомство с организацией — прежде всего у частных доноров. Людям важно быстро понять: чем занимается фонд, почему это важно и как они могут помочь (и не только деньгами). При этом сам фонд давно вырос из прежнего образа. Сегодня это сильная экспертная организация с реальными природоохранными инициативами, партнёрствами и ощутимым социальным влиянием.

Разработка сайта для фонда «Озеро Байкал» - Портфолио Depot

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

Дополнительный вызов заключался в масштабе самой организации. Фонд выходит за рамки темы «только про Байкал»: сегодня его работа охватывает воду, биоразнообразие, климат, устойчивый туризм, экологическое просвещение, взаимодействие с сообществами и партнёрские программы. Значит, и digital инструменты и дизайн-система должны были стать шире, гибче и точнее отражать реальность.

Задача

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

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

Как мы подошли к решению задачи

Digital-айдентика

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

Так появилась новая digital-айдентика фонда — гибкая, живая и масштабируемая система. Мы разработали визуальный язык, который стал не просто оформлением, а рабочим инструментом для ежедневной коммуникации и роста. В него вошли шрифтовая и цветовая система, иконки направлений, паттерны, графические элементы, layout-принципы, UI-компоненты и мастер-шаблоны для будущих страниц. Отдельное внимание уделили мобильной адаптации, чтобы сайт одинаково уверенно и комфортно воспринимался на любом устройстве (даже на нестандартных экранах).

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

Разработка сайта

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

Сайт перестал быть «информационным ресурсом» и превратился в пространство понятного и живого участия. Он объясняет, чем занимается фонд, почему это важно, как устроены направления работы — и, главное, где именно пользователь может включиться и помочь.

Функционал сбора пожертвований (donation flow)

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

Пользователь, в свою очередь, получил возможность поддерживать не абстрактный фонд, а конкретные направления и проекты. Это важное изменение. Когда человек ясно понимает, куда идут его деньги, даже небольшой вклад начинает ощущаться значимым и личным. Сайт перестал просто «вести к оплате» — он стал вовлекать в экосистему поддержки.

Результат

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

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

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

Сегодня для НКО и благотворительных организаций digital — это уже не вопрос эстетики. Это вопрос доверия, вовлечения и эффективности.

Кейс Фонда «Озеро Байкал» показывает, что сайт и цифровая айдентика могут стать полноценным инструментом развития: помогать объяснять сложные темы простым языком, усиливать фандрайзинг и превращать формальный ресурс в живое пространство участия.

Этот проект важен не только для благотворительного сектора. Он демонстрирует, как сложные экспертные организации могут выйти за пределы устаревшего образа и превратить digital в инструмент доверия, поддержки и роста.

Команда агентства:

Фархад Кучкаров — директор по развитию и стратегии
Анастасия Третьякова — исполнительный креативный директор
Дмитрий Еремеев — диджитал-директор
Полина Чепрасова — дизайнер
Алина Васильева — дизайнер
Елена Кузьмина — директор группы по работе с клиентами
Ольга Месяцева — руководитель проектов
Стася Василенко — PR-менеджер

Алексей Андреев — управляющий партнёр
Анна Луканина — управляющий партнёр
Анна Калиничева — исполнительный директор
Ирма Зуева — PR-директор

Команда клиента:

Анастасия Цветкова — генеральный директор
Екатерина Терентьева — заместитель генерального директора
Ольга Амелькина — заместитель генерального директора
Софья Киасса — медиа-менеджер

Дата завершения: 31.03.2026