Доноры из любой точки мира могут найти вашу организацию в Интернете. Ваш некоммерческий веб-сайт — это лицо вашей миссии и возможность произвести первое впечатление, которое побудит посетителей принять меры в поддержку вашего дела.
Наш отчет о тенденциях доноров«Почему Америка дает»показал нам, что60% доноров заявили, что они, скорее всего, посетят веб-сайт некоммерческой организации, чтобы провести исследование, прежде чем сделать пожертвование или собрать средства от имени благотворительной организации.
У вас, вероятно, уже есть веб-сайт, но как вы можете быть уверены, что он привлечет внимание сторонников, партнеров, членов совета директоров и потенциальных сотрудников? Вот где этот пост приходит, чтобы помочь вам.
Ниже мы рассмотрим пять лучших примеров некоммерческих веб-сайтов и то, что выделяет их.
Простая анатомия отличного некоммерческого веб-сайта
Давайте начнем с анализа того, что отличает некоммерческий веб-сайт.
Произвести впечатление
Пользовательский опыт решает все. Представьте себе любопытного интернет-браузера, который хочет узнать больше об изменении климата, или страстного сторонника, который нажимает на ваш сайт из истории в Instagram, которой поделился их друг о вашей новой программе.
Посетители некоммерческого веб-сайта могут приходить откуда угодно, с любой платформы, браузера или устройства. Размышление о многих путях перехода на домашнюю страницу поможет вам создать удобный для всех опыт. Одного дополнительного клика или сбивающего с толку призыва к действию (CTA) может быть достаточно, чтобы отправить кого-то искать в другом месте. Вот почему такие детали, как цвет кнопок и шрифт, имеют большое значение.
Кроме того, рассмотрите содержание веб-сайта и визуальные эффекты, которые приветствуют людей:
- Что они видят и читают в первую очередь?
- Сразу понятно, что вы делаете и почему они должны хотеть быть частью этого?
На вашем веб-сайте вы можете использовать лучшую инфографику, видео, изображения и элементы дизайна.
Расскажите свою историю
Пришло время рассказать свою историю самым аутентичным и понятным способом, чтобы продемонстрировать, почему существует ваша миссия и какое влияние она оказывает.
Все, от вашей домашней страницы до разделов «О программе» и обзоров программ, должно быть согласованным, чтобы обеспечить удобную навигацию и лучший пользовательский опыт в целом.
Даже самая красиво написанная веб-страница может остаться непрочитанной, если она слишком громоздка. Подумайте о наиболее важной информации на каждой странице, а затем используйте типографику и стиль, привлекающие внимание к одному заголовку или разделу за раз.
Предоставьте четкий призыв к действию
Теперь, когда вы убедили своих посетителей узнать больше, создайте у них чувство связи и цели. Последняя часть успешного некоммерческого веб-сайта — дать им четкий способ действовать в соответствии с этими чувствами, делая пожертвования, участвуя в волонтерской работе, собирая средства, посещая предстоящие мероприятия или делясь своей работой.
Каждая веб-страница должна содержать уникальные призывы к действию, которые понятны и соответствуют тому, что находится перед ними. Он начинается с самого важного CTA на вашей домашней странице, чтобы быстро привлечь внимание и направить посетителей туда, куда вы хотите.
Для многих некоммерческих организаций оптимизированная онлайн- форма для пожертвований или своевременная страница для пожертвований — это самое ценное действие, которое могут предпринять посетители. Для тех, кто не готов действовать, включите ссылки на социальные сети и контактную информацию, чтобы держать их в курсе.
Ознакомьтесь с рекомендациями по использованию кнопки пожертвования
Учитесь на 5 примерах некоммерческих веб-сайтов
Теперь, когда вы имеете в виду анатомию отличного некоммерческого веб-сайта, эти пять примеров покажут вам, как это выглядит, когда все это вместе.
1. Фонд Сарара
Минималистская цветовая гамма и успокаивающий веб-дизайн Sarara Foundation оживляют его историю и побуждают сторонников присоединиться к сообществу.
Произвести впечатление
Посетители сайта попадают на простую визуализацию, дополненную впечатляющим языком, чтобы приветствовать их. Язык вдумчивый и описательный, оставаясь при этом достаточно кратким, чтобы пролистать его и заставить людей хотеть узнать больше.
Расскажи историю
Четкий раздел «Наша история» в меню навигации сайта вызывает любопытство посетителей. На этой вкладке пользователям предлагается посмотреть видео, которое погружает их в историю The Sarara Foundation и другие образовательные ресурсы.
Прекрасная смесь текста и визуальных материалов соответствует первоначальному впечатлению, чтобы рассказать потенциальным сторонникам о работе организации по сохранению больших участков биоразнообразия, что, в свою очередь, создает процветание и возможности для коренных общин. Дизайн некоммерческого веб-сайта соответствует дизайну любой другой страницы, которую посетитель может исследовать.
Дайте четкий призыв к действию
Из любого места на веб-сайте посетители могут видеть четкую кнопку «Как сделать пожертвование», которая ведет на страницу, где встроенная гибкая форма пожертвования готова к использованию. Заинтересованные сторонники могут совершить единовременное пожертвование на основе предложенной суммы пожертвования или начать программу ежемесячных пожертвований с организацией, чтобы усилить свое влияние, всего за несколько кликов.
Знаете ли вы, что клиенты Classy, использующие встроенные формы для пожертвований, регулярно получают коэффициент конверсии пожертвований в два раза выше, чем в среднем по отрасли?
2. Всего один международный
Just One International представляет пример веб-сайта, наполненного красками и творческими визуальными эффектами, чтобы поделиться своей миссией и привлечь новых спонсоров.
Произвести впечатление
Первое, что посетители видят на веб-сайте этой организации, — это продуманно организованное отображение изображений, с которыми они могут связаться и заинтересоваться поддержкой через различные программы, ориентированные на сообщество.
Расскажи историю
Как только пользователи заходят на страницу, они вдохновляются продолжать погружаться в истории тех, кто получает пользу от работы Just One International. Жирный заголовок и преднамеренно пустое пространство привлекают внимание к ключевым словам и программам, которые некоммерческая организация надеется выделить. Он также выделяет отзывы, чтобы добавить естественный язык на страницу и, как мы надеемся, побудить новую аудиторию остаться на веб-сайте.
Дайте четкий призыв к действию
Как только посетители начинают понимать, что такое Just One International, им предлагается несколько способов действовать в зависимости от их намерений. Сторонники могут сразу же стать спонсором, сделать пожертвование команде или выбрать подписку в социальных сетях или через некоммерческий информационный бюллетень . С таким большим количеством вариантов у людей больше возможностей продолжить работу с организацией в наиболее удобном для них темпе.
3. благотворительность: вода
Благотворительность: веб-сайт Water привлекает всех, кто заходит к нам впервые или возвращается, чтобы пожертвовать снова, независимо от того, какое устройство они используют для этого.
Произвести впечатление
С первой страницы, на которую попадают посетители, есть мощное изображение, четкое объяснение влияния организации и форма пожертвования, чтобы внести свой вклад в это. Веб-сайт также удобен для мобильных устройств , поэтому сторонники могут найти то, что им нужно, всего за несколько прокруток.
Расскажи историю
Помимо первого впечатления, благотворительность: вода дает посетителям веб-сайта значительное количество посетителей, чтобы количественно оценить свои усилия и объяснить смысл своих многочисленных проектов в поддержку чистой воды . Среди многих организаций чистой воды некоммерческая организация рассказывает свою историю через бенефициаров и результаты, основанные на ее миссии, и делится этим в привлекательной инфографике.
Дайте четкий призыв к действию
От первого впечатления до основного сайта пожертвований сторонники всегда в нескольких секундах от того, чтобы сделать пожертвование. У них также есть множество вариантов участия в программе ежемесячных пожертвований, корпоративное спонсорство для специальных проектов, пожертвования в криптовалюте и многое другое . Широкий спектр последующих возможных действий встречает любого донора, где бы он ни находился.
4. Второй урожай Мэдисон
Веб-сайт Second Harvest Madison — выдающийся пример баланса между смелыми визуальными эффектами, мощным повествованием и гуманистическим чувством.
Произвести впечатление
Посетители могут понять, о чем Second Harvest Madison, за считанные секунды, а затем жирный текст, который говорит о миссии некоммерческой организации всего двумя сильными словами. Кнопки пожертвований красного цвета быстро привлекают внимание и вызывают интерес.
Расскажи историю
История продолжается гордой демонстрацией влияния организации благодаря ее работе в качестве общественного продовольственного банка. Уверенный и настойчивый язык сообщает посетителям, что они нашли организацию, на которую они могут рассчитывать, поскольку они все больше заинтригованы возможностью принять участие.
Дайте четкий призыв к действию
Вдумчивый язык продолжает предлагать сторонникам участвовать различными способами в зависимости от их предпочтений. Посетители могут предпринять значительные действия с помощью однорангового сбора средств от имени организации или начать с электронной карты, чтобы начать свое участие.
5. Большой Бостонский продовольственный банк
Greater Boston Food Bank объединяет свою любовь к помощи нуждающимся сообществам с брендингом и языком, соответствующим этому настроению.
Произвести впечатление
Мягкий выбор фиолетового цвета открывает двери для новых посетителей на этом веб-сайте в сочетании с изображением молодого бенефициара, демонстрирующего, насколько важна миссия организации. У него также есть большая красная кнопка с призывом «Присоединяйтесь к нам», благодаря которой посетители чувствуют себя как дома.
Расскажи историю
Как только посетители начнут прокручивать страницу, они сразу поймут, почему этот продовольственный банк произвел фурор в районе Бостона. Миссия ясна, за ней следуют блоки дизайна, предназначенные для конкретных областей воздействия, которые объясняют ее еще на один шаг вперед.
Дайте четкий призыв к действию
Вдумчивый язык продолжает предлагать сторонникам участвовать различными способами в зависимости от их предпочтений. Посетители могут принять важные меры с помощью однорангового сбора средств от имени организации или начать с электронной карты, чтобы начать свое участие.
5 быстрых напоминаний для вашего некоммерческого веб-сайта
Вот несколько последних советов для некоммерческих организаций, которые хотят создать или переосмыслить веб-сайты.
- Воспользуйтесь преимуществами конструкторов веб-сайтов, таких как WordPress, которые дают вам шаблоны для создания веб-сайта мечты без навыков программирования или графического дизайна.
- Сосредоточьтесь на поисковой оптимизации (SEO) , чтобы привлечь на ваш сайт новый трафик, который уже разделяет интерес к вашей работе.
- Используйте современные технологии сбора средств, чтобы помочь вам настроить страницу пожертвований, которая соответствует внешнему виду вашего веб-сайта и ориентирована на доноров.
- Воплотите в жизнь дизайн своего веб-сайта, видеоролики, анимацию, изображения и брендинг с помощью таких инструментов, как Canva для некоммерческих организаций, когда вы представляете свежий вид, который найдет отклик у сторонников.
- Сделайте свой веб-сайт центром вашего некоммерческого маркетингового подхода, чтобы создать полноценный опыт для ваших доноров.
Дополните свой веб-сайт с помощью Classy
Мы надеемся, что вы вдохновлены, чтобы предложить новым сторонникам незабываемые впечатления, от первого впечатления до завершения транзакции. Инструменты Classy для сбора средств дополняют ваш веб-сайт и привлекают любознательных посетителей к пожертвованиям, которые оставляют у них чувство причастности к вашему делу. Благодаря формам для пожертвований , оптимизированным для мобильных устройств , и современным встроенным формам для пожертвований у вас есть самый простой способ превратить посетителей веб-сайта в жертвователей и сторонников.
Узнайте, как такие организации, как Feeding San Diego, получают коэффициент конверсии 44% от встроенной формы пожертвования Classy и как начать видеть свои результаты с помощью бесплатной демонстрации.
Дополните свой веб-сайт с помощью Classy