Когда вам нужно вывести свою кампанию по сбору средств из парка, дизайн — это все. Без него гораздо сложнее привлечь внимание, завоевать доверие и спровоцировать действия в интересах вашего дела.
Тем не менее, по мере того, как веб-сайты продолжают повышать стандарты великолепного дизайна, растут и ожидания потребителей. Сегодня очень важно, чтобы дизайн вашей кампании не только соответствовал этому стандарту, но и по-настоящему удивлял ваших сторонников.
Но эта цель вызывает вопрос, как выглядит «хороший дизайн»? Хайди Пун, владелец и оператор Design for Founders, призывает организации рассматривать дизайн как нечто большее, чем просто визуальную эстетику.
Хороший дизайн полезен для бизнеса. Измеримый, прибыльный и полезный для клиента.
Это легко адаптируется к вашей некоммерческой организации. Вы хотите, чтобы дизайн вашей кампании по сбору средств привлекал новых сторонников, собирал больше пожертвований и поощрял действия вашего сообщества.
Чтобы помочь вам создать кампанию, которая визуально восхищает и побуждает ваше сообщество к действию, мы собрали 5 советов по дизайну, которые выведут вас на новый уровень.
Структура решает все
Все великие фильмы следуют структуре, предназначенной для того, чтобы от начала до конца провести зрителя в путешествии. На этом пути им дается информация, необходимая для понимания происходящего на экране, установления эмоциональных связей с персонажами и нахождения выхода в разрешении фильма.
« Представьте свою кампанию как фильм, а ваших сторонников как героев фильма. Вдохновите их на действия с помощью смелых изображений, видео и текста. Как и в великих цитатах из фильмов, вы хотите, чтобы эстетика вашего дизайна легко запоминалась и делилась с другими.
По сравнению с фильмом ваша кампания по сбору средств ничем не отличается. Создайте свою страницу таким образом, чтобы ваши сторонники отправились в путешествие, где они узнают историю вашей некоммерческой организации, вовлеченных людей и влияние, которое они могут оказать через пожертвование.
Как и в случае с хорошим фильмом, вы должны структурировать свою кампанию, чтобы люди не запутались и не запутались. Большинство дизайнеров поддерживают идею построения иерархии, которая направляет взгляд аудитории сверху вниз, охватывая все, что находится между ними.
В новый Fundraising Suite от Classy встроена эта концепция иерархии, но это стандартный подход:
- Логотип компании в шапке
- Большое изображение героя
- Призыв к действию «пожертвовать сейчас» на кнопке в сочетании с индикатором выполнения сбора средств.
- Актуальная информация об организации и кампании
- Импакт-блоки, которые объясняют, как конкретно помогают пожертвования
- Дополнительная справочная информация об организации
- Кампания по сбору средств, например недавние пожертвования
- Нижний колонтитул с контактной информацией и брендингом
Как советует Терри, вам нужно, чтобы ваша кампания по сбору средств запомнилась и ею можно было поделиться — как в хороших репликах из фильмов. Однако без структуры ваша кампания становится искаженной, ее трудно запомнить и ею нельзя поделиться.
Когда иерархия дизайна встроена, вы можете тратить свои усилия на разработку других частей вашей страницы, таких как шрифт, цветовые схемы, визуальные эффекты и изображения.
Три шрифта — это все, что вам нужно
Многие дизайнеры утверждают, что типографика составляет 95 процентов всего дизайна. Таким образом, выбранный вами шрифт потенциально может повлиять на 95 процентов всей эстетики вашей кампании. Однако решение выбрать правильный шрифт может показаться ошеломляющим, когда у вас так много вариантов.
Трудность не в том, чтобы выбрать между Times New Roman или Calibri. Скорее, это выбор шрифта, который эстетически соответствует логотипу вашего бренда, цветам и сообщению кампании по сбору средств.
Например, вы, вероятно, не захотите использовать шрифт Impact, если ваша кампания по сбору средств вращается вокруг поиска домов для брошенных животных. Это тяжело, смело и идет на вас с полной силой.
В этом примере вы можете рассмотреть шрифт с большим пространством вокруг букв, например, Verdana, который кажется более легким.
Хайди Пун рекомендует два шрифта для вашей страницы, но вы можете обойтись и тремя. Просто помните, чем больше шрифтов вы используете, тем более бессвязной и запутанной может казаться ваша страница. Используйте другой шрифт для:
- Блок героя
- Заголовки
- Копия тела
Он придает вашему тексту более понятный дизайн, который помогает протекать иерархии вашей кампании сверху вниз. В настоящее время на платформе Classy есть семь шрифтов на выбор для согласованной страницы.
Ограничьте свой выбор тремя, чтобы у вашей аудитории было гладкое и положительное впечатление от чтения. Что бы вы ни выбрали, шрифт, который вы выберете, повлияет на эмоциональное восприятие рассказываемой вами истории, как и цвета вашей кампании.
Выберите дополнительные цвета
Цвета передают определенные эмоции. Как и в случае со шрифтами, вы должны быть уверены в своем выборе и ограничить количество используемых шрифтов. Чтобы не перегружать и не сбивать с толку посетителя на странице вашей кампании, используйте для своего сайта два-три цвета, максимум пять.
Чтобы определить, какие цвета использовать, важно рассмотреть цветовые схемы, которые хорошо сочетаются друг с другом. Например, светло-зеленый, горчично-желтый и неоново-розовый на одной странице вряд ли порадуют глаз.
« Речь идет не только о том, чтобы что-то хорошо выглядело, но и о том, чтобы это имело смысл. Дизайн — это визуальное решение проблем. Всегда думайте о цели вашей кампании по сбору средств и ставьте себя на место своей аудитории.
Есть способы убедиться, что ваши цвета имеют смысл, когда они собраны вместе, и вносят свой вклад в общую тему вашей кампании. Подумайте, как выбранные вами цвета могут быть привязаны к вашей организации, и обратитесь к генератору цветовых схем, например Coolors.co или Adobe Color CC, чтобы найти наборы дополнительных цветов.
Независимо от того, какой генератор цветовой схемы вы используете, к каждому цвету будет прикреплен шестнадцатеричный код цвета.
С новым пакетом средств для сбора средств вы можете скопировать и вставить идентификатор шестнадцатеричного цветового кода, чтобы быстро добавить его на свою страницу.
Нарисуйте свою кампанию так, чтобы она соответствовала эмоциональным чувствам, которые вы собираетесь испытать. Это поможет вам рассказать свою историю более эффективно и привлечь больше внимания ваших сторонников.
Эффекты должны быть тонкими
Когда вы разрабатываете свою страницу по сбору средств и настраиваете цвета и эффекты, слово, которое вы хотите держать в центре внимания, — это тонкость. Чем тоньше эффект, тем чище эстетика вашего дизайна.
Помните, что ваша страница по сбору средств должна направлять вашу аудиторию в прямое и точное путешествие. Как и в случае с цветами и шрифтами, вы хотите передать простоту с визуальными эффектами, чтобы ваше основное сообщение не уходило на задний план.
Учитывая последние тенденции в дизайне, новый пакет Fundraising Suite от Classy включает в себя три популярных визуальных эффекта: непрозрачность изображения, размытие и цвет фона. Мы рекомендуем попробовать один или два из этих эффектов, чтобы выделить определенные части вашей кампании среди других.
Профессиональный совет
Сделайте заголовок заметным, установив цвет фона страницы на черный, но затем уменьшив непрозрачность примерно до 75 процентов. Это делает белый текст ярким, сияющим и выделяющимся.
Еще одна тенденция дизайна, которую использует платформа Classy, — это фиксированный эффект и эффект покрытия, который вы заметите на большинстве веб-сайтов. Он удерживает фоновое изображение на месте, в то время как цветные блоки и текст переднего плана прокручиваются над ним или закрывают его.
Кроме того, не забывайте о пустом пространстве или пустом пространстве. Это использование пустого пространства в качестве инструмента дизайна для привлечения внимания к определенным элементам страницы вашей кампании, например, к определенным изображениям.
Ваши изображения определяют вас
Так же важны, как любой шрифт, цвет или визуальный эффект, изображения, которыми вы заполняете свою страницу. Никогда не создавайте страницу без высококачественных изображений, воплощающих идею вашей некоммерческой организации.
« Контент — это главное, но дизайн должен сделать так, чтобы посетителю было легко понять этот контент. Расскажите свою историю, но не утомляйте ее абзацами. Используйте фотографии и графику, чтобы передать концепцию и эмоции вашей миссии. А если у вас нет дизайнера, есть множество ресурсов, таких как Pixabay, Pikwizard, Pexels и Creative Market, которые предоставляют доступ к великолепным проектам практически бесплатно.
Classy интегрировала Pixabay, библиотеку бесплатных и лицензированных фотографий, в новый набор для сбора средств, чтобы помочь вам найти изображения, соответствующие вашей миссии.
Кроме того, любое изображение, которое есть в вашей личной библиотеке, может быть загружено непосредственно в слоты для заголовков или основных изображений, а также непосредственно в блоки основного текста. И для дополнительной остроты вы также можете загружать GIF-файлы в любое место, где вы можете загружать обычные изображения — они даже работают с фиксированной прокруткой и прокруткой обложки.
Чтобы вернуться к метафоре фильма, считайте свои образы главной ролью в фильме. Это то, что с первого взгляда привлекает людей, чтобы они потратили время, энергию и усилия, чтобы обратить внимание на то, что вы произвели.
От структуры до шрифтов, цвета, визуальных эффектов и изображений — каждый элемент дизайна на вашей странице работает в унисон на благо вашей аудитории. Независимо от вашей конечной цели, эти советы по дизайну помогут вашим избирателям действовать.
Новый пакет Fundraising Suite дает вам творческий контроль над созданием движения сверху вниз. Хотите узнать больше? Зарегистрируйте бесплатную учетную запись Classy сегодня и попробуйте сами.
Как создать потрясающую страницу кампании на Classy