23 апреля 2021 года
Сайт для НКО
Анастасия Ложкина
Ментор по фандрайзингу
Основатель Клуба фандрайзеров
Александра Маслова
Основатель digtial - агентства RICHI
Эксперт по digital-маркетингу и бизнес-процессам
Анастасия: Всем привет, привет Саша. Сегодня мы поговорим про сайты, как создают ТЗ, какие существуют сейчас тренды, с чего начать, если нет денег, как сделать сайт.

Александра: Привет, Настя, привет.

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

Александра: Изначально важно встретиться с будущими подрядчиками и поговорить, пообщаться лично. Для чего это делается? Для того, чтобы была возможность понять: свои, не свои. То есть сходитесь вы на ценностях или нет, потому что даже здесь бывает такое, что нет. То есть понимаешь, например, что мы не сработаемся. Работа предстоит долгая над сайтом: от трех, до… вот сейчас у нас есть рекорд - девять месяцев мы работаем над сайтом. Нужно понимать, когда речь доходит до составления технического задания, нужно чётко для себя понимать, что вы хотите конкретно, кто будет работать в дальнейшем с сайтом, будете ли вы его редактировать самостоятельно или вы будете работать с агентством. От этого также зависит стоимость. Например, не редактируемый сайт, он всегда дешевле, редактируемый сайт, он намного дороже. Просто потому что там есть большая админка, которую нужно разрабатывать, чтобы вы могли что-то редактировать. Вот это важно.

Анастасия: Саш, а что же должно включать в себя техническое задание? Как оно должно выглядеть?

Александра: Техническое задание, как раз то, о чем я говорила. Хотите вы редактируемый сайт или нет, нужно вам подключить все сертификаты или вы будете делать самостоятельно, нужно ли вам параллельно сделать всю оптимизацию или нет, какой объем в принципе у вас разделов на сайте. То есть хотя бы базово для себя составить карту, что у вас есть, что вы хотите, а что нужно добавить, а что бы вы ещё хотели. И самое главное, здесь важно ответить на вопрос: «А что нужно вашей целевой аудитории?». И здесь уже подумать над путем клиента. Что они будут делать на вашем сайте? А зачем они придут? Как придут частные доноры? И что они захотят увидеть на вашем сайте? Если это корпоративные доноры - что они захотят увидеть на сайте или для них уже продумать, что нужно для этого на сайте сделать. То есть прям волшебной таблетки, волшебного универсального сайта не существует, как и двух одинаковых организаций, условно. Это всё всегда индивидуально, это нужно исследовать целевую аудиторию, проводить анализ.

Анастасия: Я тебя правильно понимаю, что в идеале ТЗ должно выглядеть так: максимально прописанная структура, понимание, кто является нашей целевой аудиторией и что им нужно. Либо мы хотим создать фандрайзинговый сайт, для того чтобы частному донору легко и удобно в моменте можно было сделать пожертвование. Плюс, одна из задач, мы хотим, чтобы формировалось к нам доверие. Плюс должны отмечать какая должна быть админка, какую вы ее хотите видеть. Сертификаты, оптимизация. И, наверное, можете меня поправить, если я не права, то, наверное, ещё же очень важно будет ли у вас синхронизация с сервером.

Александра: Абсолютно верно, да.

Анастасия: И, наверное, тут ещё можно будет добавить, какая платежная система, какой платёжный шлюз вас ожидает.

Александра: Да, Насть, тоже верно. Это тоже на входе важно понимать. Либо это только CloudPayments, либо нужно ЯндексКассу, MixPlat, что-то ещё. И вот здесь тоже момент, что это всё нужно сказать на первоначальном этапе, потому что потом это по щелчку не делается, это тоже дополнительный расходник, к сожалению, это не все понимают, это дополнительные часы работы.

Анастасия: Саш, а у тебя за это время работы с некоммерческими организациями уже тоже, наверное, сложился список вопросов. То есть тебе присылают ТЗ, ты понимаешь, что, наверное, потом будет ещё вот это, это и это. А ты спрашиваешь: «А это планируете? А это планируете? Это планируете? Это планируете?». У тебя есть такое?

Александра: Я обычно сразу провожу zoom-встречу, на которой все вот эти «хочу» я вытягиваю. Потому что, как правило, изначально приходит ТЗ в котором нет и половины того, что нужно. И на встрече мы уже понимаем: «Нам нужно вот это. Вот это и вот это». И дальше мы уже смотрим, а на что у нас есть бюджет? Немаловажный вопрос. Здесь мы уже можем разделить либо на итерации: первая, вторая, третья, сделать сначала базовое что-то, потом дорабатывать. Или мы можем другую платформу, например, условно, Tilda предложить или что-то ещё. То есть здесь уже всегда индивидуально. Ещё раз повторю, что по ТЗ всё-таки нужно всегда обсуждать лично.

Анастасия: Саш, а вот для того, чтобы правильно составить ТЗ, быть готовым к разговору с тобой, как должны некоммерческие организации подготовиться? То есть, что лучше посмотреть? Есть продвинутые некоммерческие организации, у кого-то есть фандрайзер, который тоже всё очень хорошо понимает. При этом, мы будем рассматривать то, что по большей части некоммерческие организации приходят с вопросом: «Мы хотим просто сайт». Что ты им посоветуешь, прежде чем написать ТЗ?

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

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

Александра: Хорошо. Когда мы на первоначальном этапе проговорили, мы составили техническое задание, мы приступаем к работе, внедряем, у нас готов прототип, вошли в контент, в дизайн и где-то на середине пути примерно, а может быть и раньше, а может быть чуть позже, у нас начинаются различные правки: «Давайте сделаем ещё вот это? А добавьте вот это, пожалуйста. А ещё вот это, пожалуйста». И я делаю. Но на самом деле, это реально бывают дополнительные человеко-часы, которые вызывают большие расходы. То есть мы сильно выходим за тот бюджет, который мы изначально обговорили. У нас был один такой проект и это тяжело. Поэтому нужно понимать, что если мы что-то хотим добавить, это тоже дополнительная работа и она должна оплачиваться.

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

Александра: Д, по факту это правки. Именно правки. Которые мы часто делаем.

Анастасия: Если вы вдруг увидели какие-то сайты, которые вам нравятся, какие-то фенечки, то просто делайте скрины, делайте ссылки и максимально до начала процессы всё это присылайте.

Александра: Да, абсолютно. Все референсы, все что вам хочется – это тоже нужно показывать, чтобы не было как раз вот этих вот непониманий в дальнейшем: «А мы хотели вот так». Мы не работаем за пять тысяч рублей. Это неправильно. Есть такой подход: вы же работаете с НКО. Если мы работаем с НКО, то это не значит, что мы работаем бесплатно, правильно? Мы работаем – ключевое здесь - работаем.

Анастасия: Давай поговорим о форме коммуникаций: о границах, о времени, о том, как мы пишем.

Александра: Как мы пишем? На самом деле здесь я достаточно гибкая. Я по почте, честно, сейчас в последнее время мало общаюсь. В основном мессенджеры. Про границы, как бы я не хотела поработать с девяти до шести, к сожалению, у меня не очень получается. А учитывая то, что наши клиенты находятся в разных регионах, так или иначе они пишут тогда, когда у них время соответствует.

Анастасия: Если вы так пишете человеку, работающему в секторе, то как же вы вообще пишете донорам? Условно, друзья, у меня есть имя, меня зовут Анастасия, кто меня не знает. И когда мне пишут: «Здравствуйте»,- либо,- «Добрый день». И потом: «Мне нужна консультация. Алло, Анастасия, вы где?». Либо, условно, какой-то начинается формализм, или панибратство, нет конкретики, что вы непосредственно хотите. И я начинаю замечать, что я должна вам. Для того, чтобы подрядчик влюбился в вас и потом был бы готов дать дополнительную ценность, давайте выстраивать любовные отношения. Поэтому подрядчик, какой бы он у вас не был, он такой же потенциальный донор, поэтому мы с ним выстраиваем отношения. И давайте соблюдать культуру письма. Вот я тут недавно купила книжку: «Ясно, понятно», как доносить мысли и убеждать людей с помощью слов. Вот, ещё есть такая книжка про коммуникации, как правильно писать. Я тоже постоянно учусь этому. Всё начинается даже с первого письма, поэтому, обращайте внимание на то, как вы пишете. Саш, скажи пожалуйста, какие сейчас существуют тренды? Что сейчас модно?

Александра: По дизайну?

Анастасия: По дизайну, может быть какие-то есть тренды в оформлении главной страницы.

Александра: Да, давай. Недавно делала подборку, как раз для одного из выступлений. Основных тренда я выделила четыре. Это первое – минималистичный интерфейс. И сразу скажу – это не равно скучный, это значит интерфейс, тот, который решает задачи, не отвлекая от задачи на посторонние детали. Далее у меня есть ещё тренд – обилие воздуха на страницах, без перегруженности. То есть всё внимание главным блокам. Текст на них должен быть такой, чтобы дизайн не перетягивал внимание на себя. Третий, наверное, такой основной – это какие-то элементы, нарисованные от руки, условно, тренд на настоящее, искренность. То есть не всё гладенько, ровно, а вот, как раз, видела возможно что-то так, как будто ручкой нарисовано, какой-то шрифт возможно, такой детский – это тоже тренд. И асимметрия, и работа с типографикой. Как раз, когда мы с помощью шрифтов, размера шрифта, направляем взгляд пользователя на нужное место. То есть какие-то такие триггеры. Так, ещё по шрифтам сразу скажу топ пять шрифтов, которые всегда будут смотреться уместно, тоже из своей презентации. Helvetica, стандартный, Proxima Nova, Open Sans, Roboto и San Francisco. И ещё один важный момент – использовать один шрифт на сайте и его модификации, тогда всё будет аккуратненько, чистенько и ровненько.

Анастасия: Какой сайт рекомендуешь посмотреть, как идеальный?

Александра: С точки зрения дизайна мне наши сайты нравятся. Один из последних – это «Мир24.ru». Это ребята из Железногорска. Очень классный получился, лёгкий сайт, при этом и воздух в нём есть и какие-то элементы есть.

Анастасия: А по структуре? Может быть, по содержанию, какой бы ты сейчас сайт порекомендовала посмотреть?

Александра: А по структуре у нас очень хороший получился сайт «Меноры». Мы очень долго его прорабатывали, потому что ребята очень большие, они очень много чем занимаются и важно было всё это структурировать. Структурировать понятным образом и даже внутри все эти блоки разложить, то есть что делать. Ну и для ребят это тоже будет челлендж: для самих себя разобраться, как это всё расположить.

Анастасия: А какие ты видишь ошибки на сайтах?

Александра: То, что я обычно вижу, это не очень понятная логика. Не очень понятно, что должен делать пользователь, не проработан именно путь пользователя, с дизайном даже может быть всё окей, но вот путь пользователя: «Куда мне смотреть? Что мне делать, если я донор, если я корпоративный донор? Или если я вообще, например, родитель и мне нужна какая-то справочная информация». Вот этого непонятно. То есть не проработанная логика, структура, задваивание меню бывает: меню сверху, меню в сайт-баре. Если можно обойтись без этого, то лучше обойтись, потому что это сильно отвлекает и трудно разобраться. В платёжке очень много шагов, то есть чем больше у нас шагов в платёжке, тем больше людей у нас просто отвалится, тем ниже конверсия, потому что в платёжке должно быть минимум просто: имя, Email, кнопка помочь. Чем меньше полей, тем больше у нас будет платежей. Если нам нужно собрать какую-то маркетинговую информацию, какое-то исследование провести, то лучше это сделать отдельно, но не через платёжку. Иногда платёжка бывает не отдельной страницей, а просто pop-ap, на неё, например, нельзя дать отдельную ссылку где-то. Нет отчётов бывает, или они есть, но где-то очень далеко, это тоже про доверие. Потому что, когда мы говорим о НКО, у нас, наверное, краеугольный камень – это закрыть вопрос доверия. Ещё это мексиканцы на сайте. Это просто моя боль, к сожалению, они всё ещё бывают, они есть, так нельзя.

Анастасия: Что такое мексиканцы, Саш?

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

Анастасия: Про доверие, я думаю, тебе часто этот вопрос задают. Что должно быть на сайте и как это отразить, чтобы сформировать доверие к сторонникам?

Александра: Это вот то, что я частично обозначила уже. То есть на сайте должны быть обязательно отчётные документы и тут сработает трекер, не обязательно все посмотрят отчёты, но, если их нет, человек задумается, а если они есть, человек может и не посмотрит, но он считает их, что отчёты есть, всё нормально. Что ещё главное должно быть? Понятная информация о фонде: кто вы, что вы делаете, понятная программная деятельность, расписанная конкретно по страницам, один, два, три, наши программы, в рамках этих программ, мы делаем один, два, три. Вот прям максимально чётко и понятно. Новости. Если у вас есть новости на сайте, они должны быть актуальные, то есть это выглядит тоже достаточно странно, когда ты заходишь на сайт, а там последняя новость датирована три года назад и как бы вот кнопка помочь. Вопросики, а вы ещё существуете? Либо тогда раздел новости пока как-то убрать, либо публиковать какие-то новости. Что ещё? Отсутствие команды на сайте, для меня, например, тоже вызывает вопросы. Я бы хотела видеть, а кто работает, кто за всем этим стоит в лицах. Мы доверяем людям, мы жертвуем людям, тоже самое и про фотографии, разместить в разделе «О нас» фотографии. Ошибки – это когда все странички разносятся по пунктам меню. Если мне нужно посмотреть команду, мне нужно найти меню, там десять будет вкладок и где-то вот здесь вот будет команда - это тоже не лучший вариант. Лучше сделать одну страничку «О нас» и где как раз блоками мы соберем всю информацию необходимую: кто мы, команда, документы, отчётность, партнёры, например. Вот это тоже будет сразу понятно. Что ещё должно быть обязательно? Обязательно, если вы успешные истории какие-то, понятно, что они не всегда, к сожалению, бывают успешные, но тем не менее нужно рассказывать кому вы помогли, какой был результат, тоже поделиться, если были какие-то срочные сборы. Это тоже важно, это доносит как раз смысл, что вы делаете, зачем вы это делаете, какой результат. Если у вас есть какой-то архив ваших мероприятий, которые вы проводили с корпоративными донорами, его нужно оцифровать и показать. Для чего? Для того, чтобы, например, потенциальный донор, который зайдёт, корпоративный, он увидел уже действующие результаты, которые были.

Анастасия: К теме архивов - в организации был сайт, назовем его «котёл», в который всё подряд бросали: видео, бесконечные фотографии, какие-то отзывы. Скажи, если делать новый сайт, а это все хотелось бы сохранить, как поступить?

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

Анастасия: Саша, что ещё нужно учесть?

Александра: Что это нужно указать в техническом задании разработчикам, вам нужно будет предупредить, что у вас в разделе новости семьсот новостей, например. Это очень много и, что их нужно будет перенести, например. Да, это будет дополнительная работа, но это тоже нужно проговорить, чтобы потом не было сюрприза. По ссылочной массе, если ваш сайт, например, очень старый и накопил какую-то свою вот эту поисковую выдачу, да, массу по каким-то ссылкам они стоят уже, и вы по ним переходили, их знают, где-то в СМИ о них упоминалось, тоже нужно предупредить о том, что вам нужно сохранить эти ссылки в таком адресе, в каком они есть и дальше мы уже составляем список для себя и сохраняем. Если у нас страничка «О нас» была с таким-то адресом, мы точно этот же адрес пишем в новом сайте, чтобы если эта ссылка где-то есть уже опубликованная, по ней перешли и всё-таки попали на эту же страницу, но на новом сайте. Это тоже важно, но с этим мы столкнулись тоже на одном из проектов.
Анастасия: А если на старом сайте была какая-то одна логика, на новом сайте совсем другая логика, но тот сайт уже не хочется потерять, что делать?

Александра: У нас тоже был такой кейс, когда мы ребятам старые сайты ставили. Смотри, его можно условно заархивировать, чтобы у нас к нему всегда был доступ, можно сделать вход по логину и паролю, например, только для вас, чтобы вы могли обращаться к какой-то информации, если уж так вышло, что мы архив не переносим, например. Я не рекомендую старую версию сайта оставлять в полном доступе, потому что люди будут путаться. Для себя можно оставить, просто попросить разработчиков запаролить сайт и всё.

Анастасия: Саш, а какие примеры бизнес-сайтов тебе сейчас нравятся?

Александра: Мне нравится очень сайт Британской школы дизайна, он классный, он симпатичный, он современный, стильный.

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

Александра: Что я делаю? Если меня спрашивают, я говорю, что нужно переделать. Фандрайзинговый сайт - у него вся логика направлена на то, чтобы привлечь средства, чтобы кнопка «Помочь», например, триггерила. А в чём отличие фандрайзингового сайта от не фандрайзингового? На фандрайзинговом сайте у нас есть, как правило, срочные сборы с платёжками со своими, с прогресс-баром, у нас есть платёжка основная с кнопкой «Помочь сейчас», сама платёжка проработана, то есть у нас есть ежемесячный платёж, разовый платёж, у нас продумано назначение платежа, то есть, что есть там триста рублей, например, для конкретно этой программы. Например, там сто кирпичей для возведения такого-то поместья. Это и есть фандрайзинговая история.

Анастасия: Я добавлю, что фандрайзинговый сайт отвечает за то, чтобы человеку было удобно и комфортно сделать пожертвование. Значит кнопка пожертвований должна быть в правом верхнем углу. На первой странице человек должен понять кто вы, как вы помогаете, как может человек помочь и дальше формируется ваше доверие, какие-то фандрайзинговые ваши мероприятия, акции, как вы привлекли уже и как хотите привлекать средства. Вы пишете, как можно помочь, описываете разные варианты. Для благополучателей можно сделать отдельную кнопку. Не фандрайзинговый сайт отвечает интересам ваших благополучателей, как оставить заявку, как получить помощь. Саш, что ещё ты бы хотела рассказать про сайты? Может просто я чего-то не это, какие-то вопросы не задала, а тебе хочется тебе высказаться?

Александра: Я, наверное, могла бы ещё рассказать на что стоит обратить внимание при разработке сайта. Нужно посмотреть, что подрядчики уже до этого делали, посмотреть на кейсы, результаты. Это как раз о предсказуемом результате. Проговорить подключение SSL сертификаты, смогут ли сделать, то есть это как раз сертификат безопасности, который нужен для того, чтобы поступали платежи на сайте. Есть ли техподдержка? Сколько это условно будет стоить, заранее уточнить. Сколько будет стоить час? Мобильная адаптация для сайта – будет ли она у вас или у вас будет просто оптимизация. Оптимизация от адаптации отличается тем, что при оптимизации вы видите сайт точно также, как вы видите его на десктопе. А если это мобильная адаптация, то эти фотографии будут друг под другом, чтобы было вам удобно их рассмотреть и ниже будет текст с подобранным уже шрифтом, адаптированным и так далее. Тоже важный момент, тоже его нужно проговаривать, чтобы заранее это всё понимать. Вот, про метрику, наверное, тоже можно сказать, что не забыть поставить на свой сайт счётчики статистики, потому что это важно для того, чтобы вы понимали сколько людей к вам заходят, что они делают на вашем сайте, кто они, откуда они, ну и в целом отслеживать, что происходит.

Анастасия: Саша, хочу сказать тебе большое спасибо за разговор.