Как общаться с веб-студией, чтобы вам сделали нормальный сайт: кейс NAJES и «‎Сигур Эксперт»

«‎Здравствуйте, нам нужен сайт, возьмите наши деньги, ждем результат через месяц. Какой еще бриф? Нам сказали, что вы профессионалы, так что узнаете все сами.» Вот так делать не надо. А как надо — сейчас расскажем на примере нашего сотрудничества с «‎Сигур Эксперт».

В сентябре 2022 года к нам обратилась компания «‎Сигур Эксперт», которая занимается обучением по охране труда и подготавливает кадры для промышленных предприятий. Учебный центр на тот момент работал в 4 городах, в планах было расширяться по модели франшизы на 25–30 городов.

Основной сайт учебного центра был сделан на WordPress. К нему были пришиты и многочисленные посадочные страницы под разные мероприятия, причем в совершенно другой стилистике. Разобраться в том, как попасть на нужные страницы, и как вернуться на основной сайт, было нелегко и пользователям, и самим сотрудникам центра.

Задачей было:

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

На нескольких раундах созвонов мы рассказали, как строится работа над сайтом, что нам нужно для начала. Ребята задавали много вопросов и были активно вовлечены в диалог. Мы помогли им понять, что для старта нам нужно увидеть тз на сайт, чтобы прикинуть объем работ и рассчитать стоимость наших услуг.

Несколько месяцев ребята приходили к нам консультироваться, как правильно собрать тз, чтобы нам было проще с ним работать. А в конце года вернулись к нам со структурированным тз на создание сайта. По сути составить его было несложно: у «‎Сигур Эксперт» уже был старый сайт, нужно было взять его структуру и оптимизировать ее, чтобы облегчить навигацию для пользователей.

Как видите, для создания тз не нужно делать прототип и рисовать схемы: достаточно просто в текстовом виде отразить, сколько нужно страниц и какой функционал вы хотите на них видеть.

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

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

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

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

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

Когда в чате проекта много «‎голосов» со стороны клиента, и они начинают спорить между собой, студия просто теряется и не может четко определить, чего хочет клиент. От этого проект затягивается и обрастает правками, от которых со временем становится тошно обеим сторонам.

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

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

На первом созвоне по обсуждению дизайн-концепции мы напряглись: на него пришло слишком много народу от «‎Сигур Эксперт». Они были не просто пассивными слушателями, а задавали вопросы, высказывали мнение и в целом, были активны.

В итоге оказалось, что наш дизайнер Аня просто прошла боевое крещение и на этом заслужила полное доверие клиента. Команда «‎Сигур Эксперт» получила все ответы на свои вопросы, согласовала концепцию и в дальнейшем мы снова общались только с Николаем.

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

В разработке дизайна мы опирались на уже существующую фирменную сине-оранжевую палитру и логотип «‎Сигур Эксперт». Дизайн сделали сдержанным и простым, чтобы не отвлекать пользователя от главного. Как мы говорили, аудитория сайта — люди четкие, структурные, которым нужна вся информация как на ладони без лишних украшательств.

У клиента был изначальный запрос сделать сайт удобным для администрирования, чтобы самим на нем не потеряться. Поэтому некоторые части страниц мы реализовали на стандартных блоках Тильды — так, чтобы заполнять их было максимально легко и быстро. В остальном мы использовали зероблоки — там, где клиенту не нужно что-то постоянно менять.

Например, галерея в разделе «‎О нас» сделана на стандартных блоках, чтобы команда «‎Сигур Эксперт» могла сама добавлять туда фотографии. Мы только слегка изменили эти блоки в коде.

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

Благодаря таким блокам можно представить информацию наглядно и тезисно. Это экономит время и на заполнение, и на изучение страницы.

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

Раздел про обучение. Особое место на сайте занял ключевой раздел «‎Обучение». Здесь нужно было четко показать, как записаться на курсы. Для этого мы сделали блок с этапами обучения и следом за ним — понятную форму для записи на весь экран.

У «‎Сигур Эксперт» довольно много учебных программ для разных специалистов — от оператора котельной до антикоррозийщика. Мы показали наличие этих программ таблицей с тремя столбцами: специальность, часы обучения и стоимость. Опять же, все просто и без лишних деталей, чтобы информация была как на ладони.

Кейсы. Еще на этапе референсов мы обсудили, что кейсы нужно упаковать в формате карточки с компактно размещенными деталями.

Очевидно, что при выборе подрядчика на обучение по охране труда компании хотят видеть кого-то надежного. Кейсы — прекрасная возможность показать свой опыт, и мы отвели под них довольно много места (один кейс — один экран).

Разветвление по городам. Учебный центр развивает направление франшизы. Поэтому он запросил возможность модифицировать сайт под разные города. Разветвление мы реализовали на уровне поддоменов. Под каждый город прикрутили свои формы заявки, чтобы посетители сразу попадали к нужному отделу в конкретном городе.

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

На реализацию сайта с момента получения ТЗ и текстов от заказчика ушло 3 месяца. В целом нам очень понравилось сотрудничать с «‎Сигур Эксперт». Ребята предупредительные, ответственные, всегда быстро нам отвечали и уважали наше время — не опаздывали на созвоны, вовремя присылали необходимые материалы.

Сейчас клиент сам администрирует сайт, создает страницы и меняет их наполнение. Мы работаем с «‎Сигур Эксперт» как техподдержка: они вносят изменения и просят, чтобы мы их проверили и вообще прошлись по сайту на предмет косяков. Иногда мы и сами видим неладное и приходим к ребятам с предложением что-то подправить. Правки складываем пачкой в один гуглдок и раз в 2–3 месяца приходим все чинить и наводить красоту.

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

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

Мы знаем, что конверсия важна. Но добиться ее можно и в тандеме с гармоничным, продуманным дизайном, который не отталкивает пользователей. Этот пример — не про нашего клиента, а собирательный образ, олицетворяющий боль для нас и наших коллег.

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

Настройтесь на одну волну внутри вашей команды. Соберитесь вместе и обсудите ваши хотелки еще до того, как вы обратитесь к студии. Разногласия внутри вашей команды могут сильно затянуть разработку сайта.

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

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

Заведите папку с материалами для студии. Понадобятся фирменный стиль, логотип ваш и ваших партнеров, фото с мероприятий, фотосессии, тексты и другая инфа. Студия не сделает это сама, ведь эти материалы есть только у вас.

О некоторых вещах стоит думать заранее. Банально, но это частая проблема: на корпоративный сайт нужны фото команды, значит, надо сделать фотосессию, вытащить людей из процессов и собрать вместе. Эту задачу можно запараллелить с подготовкой прототипа сайта, чтобы потом в спешке не вытаскивать из соцсетей фото команды, сделанные на нокиа 3110.

Совет коллегам напоследок:

Если вы хороший человек — приходите к нам в NAJES за сайтом. Хорошим людям мы всегда рады. Созвонимся и поможем вам понять, что подготовить для старта. Подписывайтесь на наш телеграм-канал, чтобы увидеть работу студии изнутри.