Очень часто создатели сайта попадают в ловушку: все внимание уходит на дизайн, а понятность, ясность и простота платформы остаются за бортом.
Давайте сразу расставим приоритеты: красивый сайт без удобной навигации останется просто красивой картинкой. Гораздо важнее понять: видит ли пользователь, что ему делать на сайте и куда зайти за информацией о событиях? Ясно ли ему, как подать заявку, стать организатором и связаться с командой кампании? Если на эти вопросы нет мгновенных ответов — пользователь уйдет, даже если дизайн будет безупречным.
Особенно внимательно стоит отнестись к структуре сайта, потому что у «Щедрого вторника» сразу несколько целевых аудиторий, и у каждой — свои задачи.
Участники событий хотят быстро найти интересующее их мероприятие и зарегистрироваться.
Организаторы — узнать, как присоединиться к кампании, получить методические материалы и заявить о своем событии.
Информационные партнеры — найти пресс-кит, логотипы, контакты и готовые материалы для публикаций.
Если свалить все это в одну кучу, потенциальный благотворитель, волонтер, журналист просто утонет в потоке информации. Поэтому прежде чем ставить задачу веб-разработчику (или самому открывать редактор), давайте разберемся с фундаментом — тем, что будет определять логику сайта.
2.1. Определение целей сайта
Сайт не должен пытаться одинаково подробно решать все задачи. Команде необходимо определить приоритеты и выстроить структуру вокруг них.
Для сайта «Щедрого вторника» глобальная цель — собрать все разрозненные добрые дела и инициативы в единое, структурированное информационное пространство, чтобы показать реальный масштаб социальной активности и сделать помощь максимально заметной и доступной.
Внутри этой большой цели нужно выбрать, что важнее для первого запуска: помочь жителям найти события, собрать заявки от организаторов, познакомить город с местными НКО или предложить бизнесу форматы участия. Задач может быть несколько, но команде важно договориться, какие из них сайт должен решать в первую очередь.
2.2. Ключевые действия пользователей
Теперь попробуем перевести цели в действия. Что человек сможет сделать на сайте после того, как прочитает о «Щедром вторнике»?
- Житель региона — выбрать событие, понять, как участвовать, и зарегистрироваться, если это нужно.
- Волонтер — найти акцию, где нужна помощь, узнать условия и связаться с организатором.
- Представитель НКО — узнать правила участия и подать свое событие в календарь.
- Представитель бизнеса — выбрать подходящий формат участия и обратиться к координатору.
- Журналист или информационный партнер — найти анонс, фотографии, логотипы и контакт для комментария.
Для каждого такого действия нужен понятный путь. Например: человек увидел интересное событие в календаре, открыл карточку, прочитал «Как стать щедрым?» и перешел к регистрации. Еще до разработки стоит проверить, хватает ли на этом пути информации и понятно ли, что произойдет после отправки заявки.
На первом этапе достаточно выбрать несколько главных сценариев и пройти их вместе с командой. Они помогут решить, какие разделы, ссылки и формы действительно нужны к запуску.
2.3. Целевая аудитория
Прежде чем выстраивать главную страницу, важно «посчитать» все целевые аудитории будущего сайта «Щедрого вторника» . А их немало.
Жители региона:
- Люди, которые узнают о сайте от СМИ или блогеров и по активной ссылке перейдут на него «просто посмотреть».
- Люди, которые хотят помочь, но не всегда знают, с чего начать, кому можно доверять и какие способы участия им подходят.
Представители бизнеса
Компании, ищущие социальные проекты, партнерские инициативы, волонтерские возможности для сотрудников и информационные поводы.
Некоммерческие организации
Организации, которым необходимы продвижение, новые участники, партнеры, волонтеры и дополнительная площадка для размещения мероприятий.
Волонтеры
Люди, готовые помогать временем, знаниями, профессиональными навыками или участием в конкретных акциях.
Средства массовой информации и блогеры
Представители медиа, которым необходимы актуальные анонсы, комментарии, статистика, фотографии и готовые материалы.
Органы власти и общественные структуры
Партнеры, заинтересованные в развитии региональных социальных инициатив и оценке их результатов.
При проектировании сайта нельзя пытаться говорить со всеми аудиториями одинаково громко на главной странице. Это приведет к хаосу. Главная страница — для основной аудитории.
Разберем на примере сайта «Щедрый Екатеринбург».
Иллюстрация для верстки: скриншот главной страницы сайта «Щедрый Екатеринбург» с отмеченными точками входа для жителей, организаторов, партнеров и СМИ. Скриншот нужен, чтобы показать, как разные аудитории получают собственный маршрут. Указать адрес страницы и дату съемки экрана.
Приоритетная аудитория: жители города
Это массовая аудитория.
Цель: максимально снизить порог входа и дать мгновенный ответ на вопрос: «Что конкретно я могу сделать прямо сейчас?»
«Если я зайду на этот сайт впервые, за 5 минут пойму, как помочь и смогу ли я это сделать — цель достигнута».
Задача: предоставить понятный пошаговый сценарий участия. Снять главный психологический барьер («у меня нет денег или времени»), показав, что щедрость многогранна: это не только донат, но и волонтерство, информационная поддержка или участие в благотворительном мастер-классе.
Аудитории второго плана
А) Локальный бизнес
Цель: мотивировать компании создавать свои акции в рамках общего инфоповода.
Задача: продемонстрировать доступность и простоту форматов участия, показав, что вкладом может быть даже небольшое, но регулярное действие в рамках текущих бизнес-процессов.
Б) Некоммерческие организации
Цель: обеспечить НКО узнаваемость и приток новой аудитории, волонтеров и ресурсов.
Задача сайта: интегрировать НКО в общую городскую повестку, проинформировать о деятельности некоммерческих организаций. Познакомить НКО друг с другом. Направлять заинтересованных жителей напрямую в организации.
В) СМИ и информационные партнеры
Цель: создание долгосрочного информационного повода.
Задача сайта: предоставить удобные инструменты для регулярных коммуникаций: архивы новостей, пресс-материалы, контакты команды. Если команда готова вести рассылку, можно добавить форму подписки, чтобы постепенно сформировать собственную базу лояльных контактов и не зависеть только от переходов на сайт в день акции.
Для каждой из этих аудиторий нужен свой понятный вход: «Организаторам», «Партнерам», «Для СМИ». Тогда главная страница поможет жителю сделать первый шаг, а остальные участники найдут материалы для своих задач.
2.4. Формирование рабочей группы
Ресурсы НКО почти всегда ограничены: редко удается собрать отдельную команду из разработчика, маркетолога, редактора, дизайнера и специалиста по продвижению. Поэтому на старте важнее определить не должности, а три направления работы: координационное, редакционное и техническое.
За каждым направлением должен быть закреплен ответственный. В небольшой команде один человек может совмещать несколько ролей, но сами задачи лучше не смешивать: так проще понять, кто принимает решение, кто готовит материал и кто отвечает за работу сайта.
Координатор проекта
Координатор связывает сайт с общей стратегией регионального «Щедрого вторника». Он отвечает за то, зачем существует площадка, для кого она работает и какие задачи команда решает в первую очередь.
Что делает координатор:
- формулирует цели сайта и определяет приоритетные аудитории;
- принимает решения о том, какие разделы и функции нужны к запуску;
- взаимодействует с НКО, партнерами, бизнесом, СМИ и другими участниками кампании;
- принимает первичные обращения от потенциальных организаторов и партнеров;
- проверяет, соответствует ли предложенное событие теме, ценностям и аудитории площадки;
- собирает и уточняет информацию, необходимую для подготовки материала;
- ставит задачи редактору и техническому специалисту;
- контролирует сроки и принимает окончательное решение в спорных ситуациях.
Координатор не обязан самостоятельно публиковать материалы или настраивать сайт. Его задача — организовать движение информации и проследить, чтобы площадка работала на цели кампании.
Главный принцип: координатор отвечает на вопросы «ЗАЧЕМ мы это делаем?», «ДЛЯ КОГО?» и «ЧТО сейчас важнее?».
Редактор сайта
Редактор отвечает за содержание сайта и его ежедневное обновление. Он получает согласованные материалы, приводит их к единому формату и помогает посетителю быстро понять, что происходит и как можно участвовать.
Что делает редактор:
- готовит и публикует карточки событий, новости, истории и постоянные страницы;
- проверяет, хватает ли в материале даты, адреса, контактов, условий участия и сведений об организаторе;
- редактирует тексты, не искажая смысл и не добавляя неподтвержденных обещаний;
- подбирает и оформляет фотографии, документы и ссылки;
- следит за единым стилем и соблюдением редакционной политики;
- обновляет даты, контакты и внешние ссылки;
- отмечает перенос или отмену события;
- переносит завершившиеся события в архив и публикует итоги;
- сообщает техническому специалисту об ошибках в формах, страницах и других элементах сайта.
Редактор может готовить тексты самостоятельно или работать с материалами, полученными от координатора и организаций. В небольшой команде координатор иногда совмещает эту роль с редакторской, но важно все равно разделять два этапа: сначала команда принимает решение о размещении материала, затем готовит его к публикации.
Главный принцип: редактор отвечает на вопросы «ЧТО увидит посетитель?» и «ПОНЯТНО ли ему, что делать дальше?».
Технический специалист
Технический специалист отвечает за работоспособность и безопасность площадки. На этапе создания сайта эту роль обычно выполняет веб-разработчик. После запуска ее может выполнять тот же разработчик, штатный IT-специалист или организация, обеспечивающая техническую поддержку.
Что делает технический специалист:
- создает сайт или дорабатывает выбранную платформу;
- настраивает домен, хостинг и защищенное соединение;
- подключает формы, карты, календарь, аналитику и другие сервисы;
- управляет техническими доступами и правами пользователей;
- устанавливает обновления и следит за совместимостью компонентов;
- отвечает за резервное копирование, восстановление и безопасность;
- устраняет ошибки, которые нельзя исправить через редакционную панель;
- вносит изменения в структуру и функциональность сайта по согласованной задаче.
Технический специалист не определяет содержание сайта и не принимает решения о том, какие организации или события размещать. Он обеспечивает работу решений, согласованных командой.
Главный принцип: технический специалист отвечает на вопрос «КАК это работает и насколько надежно?».
Роли в команде и права на сайте
Название роли в команде не всегда совпадает с названием учетной записи в системе управления сайтом. Например, в WordPress редактору обычно достаточно уровня доступа «Редактор»: он позволяет создавать и изменять материалы, но не дает доступа к критическим настройкам.
Полные права «Администратора» следует оставить техническому специалисту или другому сотруднику, который отвечает за обновления, безопасность и работоспособность сайта. Редактору не нужны максимальные полномочия, чтобы вести календарь, новости и карточки организаций.
Таким образом, в пособии используются три основные роли:
- координатор определяет цели, приоритеты и участников;
- редактор готовит, публикует и обновляет содержание;
- технический специалист обеспечивает работу и безопасность сайта.
Один человек может совмещать несколько ролей. Однако команде все равно стоит записать, кто принимает решение о публикации, кто редактирует материал, кто устраняет технические ошибки и кто подхватывает работу при отсутствии основного ответственного. Такое распределение помогает сайту не зависеть от одного человека и не превращает каждую задачу в общий вопрос без конкретного исполнителя.
2.5. Редакционная политика
Чтобы сайт не превратился в хаотичную «доску объявлений», а выглядел как единый, профессиональный и надежный ресурс, необходимо разработать редакционную политику. По сути, у создателей сайта должен быть ответ всего на три вопроса:
- Как мы общаемся с аудиторией? Официальный стиль или дружеский?
- Что мы публикуем, а что отвергаем? Например, события с четкой целью и контактами, материалы от проверенных организаторов, запрет на сборы на личные банковские карты.
- Как это должно выглядеть? Требования к качеству фото, наличию контактов и ссылок на сайты НКО, сведениям об организаторе и его отчетности.
Очень часто про редакционную политику забывают или пропускают, считая, что «потом разберемся». Но в случае с сайтом «Щедрого вторника» этот этап работы критически важен. В идеале эти требования должны быть озвучены на сайте в специальном разделе для организаторов. Особенно сложен вопрос верификации НКО. «Щедрый вторник» объединяет всех: и устойчивые организации, и только что созданные, и инициативные группы. Размещение анонса на сайте региональной акции — это знак доверия. Создатели сайта должны быть уверены в том, что публикуют достоверную информацию.
Поэтому требования стоит соотнести с тем, кто подает заявку. У недавно созданной организации может еще не быть годового отчета, а у инициативной группы — собственного сайта. Команде нужно заранее решить, какие сведения помогут проверить организатора в каждом случае: кто отвечает за событие, как с ним связаться, где оно пройдет и в чем заключается участие.
Также договоритесь, кто проверяет материалы перед публикацией, кто разбирает спорные заявки и как организатор может исправить ошибку. В первый год эти правила могут быть короткими, но они уже должны быть понятны и команде, и участникам.
Подробнее вопросы проверки, модерации и ответственности разберем в главе 4 о юридических и этических аспектах.
2.6. Организация работы после запуска
Чтобы после «Щедрого вторника» сайт не остался висеть в воздухе, еще до разработки договоритесь, как будете его вести. Кто ответит на заявку, если администратор в отпуске? Кто добавит итоги событий? Кто вспомнит, что пора продлить домен?
Для начала достаточно общей таблицы с задачами, ответственными и сроками:
- Добавлять события и проверять заявки организаторов.
- Отвечать на обращения пользователей и следить за уведомлениями с сайта.
- Переносить прошедшие события в архив, публиковать итоги и обновлять контакты.
- Проверять работу форм и передавать технические проблемы разработчику.
- Хранить доступы и следить за продлением домена, хостинга и других сервисов.
Заранее определите, кто подхватит срочные задачи, если основной ответственный недоступен. Доступы тоже должны оставаться у команды, чтобы смена сотрудника или подрядчика не остановила работу сайта.
Ритм работы зависит от кампании. В активные дни новые заявки и изменения в событиях могут требовать ежедневного внимания. Между кампаниями обновлений будет меньше, но человеку, который зашел «просто посмотреть», по-прежнему нужны действующие контакты и понятный способ присоединиться.
2.7. Сбор материалов до начала разработки
Чтобы дизайнер сразу работал в правильном визуальном ключе, материалы нужно собрать до начала разработки.
Они пригодятся и разработчику: на реальных текстах и событиях проще проверить, помещается ли длинное название в заголовок, хватает ли места для контактов и понятно ли, как зарегистрироваться.
Вот чек-лист того, что должно быть у координатора на руках в виде папки на диске.
Айдентика и визуал
Логотипы: основной логотип «Щедрого вторника» (в формате SVG или PNG на прозрачном фоне) и, если есть, региональная версия. Если региональной версии логотипа нет, включите ее разработку в задачу дизайнеру с учетом правил общей айдентики.
Брендбук или гайдлайн: HEX-коды фирменных цветов, названия шрифтов, правила использования логотипа (охранные поля, запрещенные варианты).
Фотобанк: 10–15 качественных, эмоциональных, но не стоковых фотографий с реальных местных событий. Живые фото помогают увидеть за проектом знакомые места и реальных людей. Сразу отметьте, какие фотографии можно публиковать и кого указывать автором.
Логотипы партнеров: векторные (SVG) или качественные PNG-логотипы ключевых партнеров, которые делают вклад именно в региональный «Щедрый вторник» (бизнес, медиа, органы власти), для размещения на главной странице. Например, 5–7 логотипов, если столько партнеров уже подтвердили участие.
Тестовые данные для наполнения и проверки сайта
Это самое важное для тестирования календаря и карточек анонсов. Нужно подготовить 3–5 полных, реалистичных примеров событий по единому шаблону для разработки карточек.
Карточка события №1 (Бизнес + НКО)
Название, дата, время, место, краткое описание, руководство к действию «Как стать щедрым?», информация и контакт организатора, информация о бизнес-партнере, ссылки на сайт и социальные сети НКО и партнера.
Карточка события №2 (Эко-акция или волонтерство)
Другой формат, чтобы проверить, как дизайн адаптируется под разные типы событий (например, сбор крышек или субботник).
Название, дата, время, место, краткое описание, руководство к действию «Как стать щедрым?», информация и контакт организатора, ссылки на сайт и социальные сети, если необходимо — ссылка на регистрацию.
Карточка события №3 (Онлайн-мероприятие или лекция)
Чтобы проверить, как отображаются ссылки на трансляции или онлайн-регистрацию.
Название, дата, время с указанием часового пояса, площадка проведения, краткое описание, руководство к действию «Как стать щедрым?», информация и контакт организатора, ссылки на сайт и социальные сети, ссылка на регистрацию или подключение.
На этих примерах проверьте весь путь участника: от выбора события до отправки заявки и подтверждения регистрации. Если событие не требует записи, в карточке должно быть понятно, куда и когда прийти или как помочь.
Новости: 2–3 готовых текста новостей (например: «Старт кампании», «К нам присоединился новый партнер», «Итоги прошлого года»).
Если планируется каталог НКО, подготовьте и несколько карточек организаций: название, краткое описание деятельности, контакты, ссылки и фотографию или логотип.
Базовый текстовый контент для постоянных страниц
О проекте: что такое «Щедрый вторник» в вашем регионе, миссия, глобальная цель.
Раздел «Как помочь»: готовый список из 5–8 конкретных шагов.
Редакционная политика и правила: текст для организаторов (критерии проверки НКО и инициативных групп, требования к анонсам).
FAQ («Вопросы и ответы»): 5–7 частых вопросов от участников и организаторов с готовыми ответами.
Не обязательно сразу доводить каждый текст до идеала. Важно, чтобы дизайнер и разработчик уже видели настоящее содержание будущих страниц.
Юридический и административный блок для подвала и форм
Реквизиты организации-оператора сайта: название, ИНН, ОГРН, юридический адрес.
Контактные данные для связи: email, телефон, ссылки на социальные сети.
Тексты документов: политика обработки персональных данных, тексты согласий для выбранных форм; пользовательское соглашение, если оно нужно для предусмотренных на сайте действий. Состав документов и их содержание разбираются в главе 4.
Ссылки на уставные документы или страницу на сайте организации-оператора.
Для первого запуска достаточно собрать основные визуальные материалы, несколько полных примеров событий и новостей, базовые тексты, контакты и документы для форм. Фотобанк и набор примеров можно расширять по мере работы.
Теперь у команды есть общий ответ на вопросы: для кого мы делаем сайт, что человек сможет на нем сделать и кто поможет всему этому работать. В следующей главе разберем структуру и контент: какие разделы нужны региональному сайту и чем их наполнять.