Как без четкого ТЗ создать сайт, который точно попадет в запрос клиента?

Когда Фонд социальных инвестиций искал подрядчика для сайта, другие агентства говорили: «Давайте текст, давайте структуру — мы вам все соберем». Другими словами: придумайте сами, как нужно, а мы реализуем. После поисков Фонд нашел нас — тех, кто начинает работу над сайтом с нуля, а не с готового контента от клиента.

К нам в busy часто обращаются компании со сложными b2b продуктами. Фонд социальных инвестиций — одна из таких компаний.

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

Прошлый сайт Фонда был сделан девять лет назад и не устраивал команду, потому что:

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

Работу над сайтом мы всегда начинаем с брифа и не просим клиента писать техническое задание. Задача клиента — назвать свою бизнес-задачу, а мы уже придумываем, как этой задачи достичь.

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

Когда мы сложили итоги брифа в майндмэп, то увидели, что на часть важных вопросов мы не можем сформулировать емкий ответ:

После этого, мы провели с Фондом еще одно интервью и обсудили, что помогает Фонду продавать свое решение, что отмечают клиенты в обратной связи.

После второго брифа мы предложили роадмап решения:

В рамках исследования мы предложили поговорить об этом с теми, кто точно знает, какую пользу им принес Фонд, — с их клиентами и партнерами.

Как мы организовали интервью с клиентами Фонда

Сами мы искали респондентов из другой целевой аудитории — HR. Сработали личные просьбы и холодный запрос в соцсетях.

На интервью приглашали топ-менеджеров компании, поэтому длительность встречи была до 30 минут. На «глубинное» интервью мы не рассчитывали, поэтому собрали максимально четкие вопросы.

За два дня и 6 интервью собрали достаточно мотивов, почему компании ищут партнеров — операторов благотворительных программ, и обратную связь о работе с Фондом.

После интервью мы выписали 1) проблемы, с которыми сталкивается бизнес 2) характеристики Фонда, которые отмечали респонденты. Потом соединили их, чтобы получить, какую ценность несет работа Фонда для компаний.

Отдельно мы проанализировали разные целевые аудитории: какие у них цели, что помогает им запускать социальные программы, а что останавливает.

Перед тем, как приступать к дизайну, мы целиком продумываем контент: собираем прототипы в Фигме, пишем тексты, согласовываем их. Только после этого создаем стиль и верстаем. Как этот подход экономит деньги и время, мы писали в статье о совместной работе редактора и дизайнера.

Часто тексты для сайтов пишут сначала в Гугл-доках. Мы придерживаемся другого подхода — и сразу собираем прототипы в Фигме. Сначала показываем клиенту структуру, согласуем общую логику. Затем пишем финальные тексты, согласуем контент.

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

Это позволило собрать полные, насыщенные информацией отзывы за несколько дней.

Кейсы — это эффективный способ объяснить, что делает Фонд и в чем ценность его работы.

На первом этапе создания сайта мы не создавали страницу-шаблон для кейсов. Пока на главной появились только превью, которые коротко рассказывают о проекте.

Такой подход позволяет не ждать несколько месяцев, когда появится контент для всех кейсов. Сайт уже опубликован и работает, а страницы можно добавить позже.

У Фонда есть базовый фирменный стиль: логотип, цвета, шрифт. Чтобы разработать дизайн сайта, мы собрали референсы и на их примере обсудили, как могут выглядеть макеты. В основу легла дружелюбность и универсальность — нужно было, чтобы сайт был понятным для разных целевых аудиторий.

Итоговый дизайн сайта отражает открытость Фонда, их социальную направленность. При этом он не слишком «мягкий», а спокойный и деловой. Он будет понятен и менеджерам корпораций, и HR IT-компаний, которые ищут подрядчика для реализации социальных программ.

Сайт будет несложно самостоятельно поддерживать и масштабировать.

До этого сайт Фонда был на Вордпрессе. Мы предложили перенести его на Тильду.

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

Плюсы «Потоков»

Минус «Потоков»

У Фонда не было задачи генерить лиды через сайт. Тем не менее заявки с сайта поступают, люди находят Фонд, оставляют свои запросы, инициируют взаимодействие.

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

Спасибо Фонду социальных инвестиций за доверие и партнерство.

Если вы ищете экспертов в развитии HR-бренда компании, которые помогут сделать социальную программу с измеримым для бизнеса результатом, — рекомендуем, конечно, обратиться в Фонд социальных инвестиций.