Разработка корпоративного сайта

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

Kuznets — брендинговое агентство, с 2009 года. Создание сайта для компании у нас — этап внедрения в цепочке «ДНК бренда → платформа → айдентика → сайт». Если эта цепочка у вас уже пройдена, берём ваш брендбук и позиционирование. Если нет — поможем пройти её так, чтобы сайт не пришлось переделывать через год.

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

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

1. Доверие и проверка. В B2B сайт открывают перед встречей, перед включением в список поставщиков и перед тендером. Проверяют масштаб, опыт, реквизиты, сертификаты, проекты. Устаревший сайт с пустой новостной лентой читается как сигнал «компания не в форме».
2. Заявки. Понятные разделы услуг и продукции, цены или порядок расчёта, формы, которые доходят до отдела продаж, а не теряются в общем ящике.
3. Найм. Кандидаты часто читают сайт внимательнее клиентов. Карьерный раздел с ценностным предложением работодателя и живыми историями снимает часть вопросов ещё до собеседования. Для этого у нас есть отдельное направление — HR-брендинг.
4. Видимость в поиске и в нейросетях. Всё чаще о компании спрашивают не только Яндекс и Google, но и ассистентов на базе нейросетей. Они собирают ответ из того, что написано на сайте и о сайте. Структура, тексты и микроразметка, заложенные при разработке, — основа для SEO-оптимизации.

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

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

В методе Kuznets DNA основатель агентства Алексей Кузнецов описывает сайт как этап внедрения бренда. Сначала через интервью с клиентами и сотрудниками и анализ рынка выявляются 7–8 принципов бренда, его рациональная суть и креативный образ. Затем они переводятся в атрибуты: название, логотип, фирменный стиль. Сайт получает от них три вещи:

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

Отсюда два сценария работы.

Бренд уже есть

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

Бренда нет или он устарел

Сначала платформа бренда и фирменный стиль, сайт — следом, в одном проекте: так мы работали с TREVISAN (ДНК бренда, логотип, фирменный стиль и сайт). Бывает, что ребрендинг компания уже провела сама: так было со Школой экспорта РЭЦ, где после ребрендинга 2021 года сайт перестал соответствовать бренду, и мы привели его к новому стилю, сохранив привычную механику для аудитории. Полный цикл описан на странице разработки бренда.

Состав работ подбираем под задачу, но полный проект под ключ выглядит так:

1. Аудит текущего сайта и сайтов конкурентов. Что работает, что мешает, какие разделы читают, что ищут по вашей теме.
2. Карта сайта и структура разделов. Логика навигации для каждой аудитории: клиент, партнёр, кандидат, журналист.
3. Прототипы ключевых страниц. Главная, услуга или продукт, проект, о компании, контакты, карьера.
4. Тексты и контент-план. Что пишем мы, что даёт ваша команда, в каком формате и к какому сроку.
5. UX/UI-дизайн. Макеты для десктопа, планшета и смартфона.
6. Дизайн-система и UI-kit. Набор компонентов, из которых ваша команда сможет собирать новые страницы без дизайнера. Подробнее — цифровая дизайн-система.
7. Вёрстка и программирование. Адаптивную вёрстку и сборку сайта выполняет наша команда разработки или ваш IT-подрядчик: во втором случае передаём ему техническое задание и макеты и ведём авторский надзор — так было в проекте Nauka.
8. CMS для самостоятельного управления. Закладываем в ТЗ, чтобы новости, вакансии, проекты и карточки продукции ваша команда меняла сама.
9. Интеграции. CRM, формы заявок, рассылки, карты, личный кабинет — по задаче, через команду разработки.
10. SEO-основа. Семантика для структуры, мета-теги, микроразметка, скорость загрузки, настройка индексации.
11. Аналитика. Яндекс Метрика и цели на ключевые действия.
12. Перенос контента со старого сайта с сохранением адресов или настройкой редиректов, чтобы не потерять позиции в поиске.
13. Обучение команды работе с CMS.
14. Поддержка после запуска — по абонентскому договору, подробнее на странице поддержки сайта.

Что вы получаете на выходе: работающий сайт на вашем домене, макеты в Figma, дизайн-систему, техническое задание и документацию, доступы к CMS и хостингу, инструкцию для редакторов. Исходники макетов и тексты принадлежат вам с момента оплаты.

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

На выходе каждого этапа — конкретный документ или макет, который вы согласуете. Так правки не копятся к запуску, а бюджет не расползается.

1. Бриф и аудит. Интервью с командой, аудит текущего сайта, аналитики и сайтов конкурентов. Результат — отчёт и согласованные цели сайта.
2. Стратегия и структура. Аудитории, их сценарии, карта сайта, контент-план. Результат — структура разделов.
3. Прототипы. Схемы ключевых страниц с реальными заголовками и блоками. Результат — кликабельный прототип.
4. Контент. Тексты, подбор и заказ фото, описание продукции. Результат — финальные тексты в прототипах.
5. Дизайн-концепция и дизайн страниц. Сначала концепция на главной и одной внутренней странице, после утверждения — все шаблоны и мобильные версии. Результат — макеты и дизайн-система.
6. Разработка и наполнение. Вёрстка, программирование, CMS, интеграции, перенос контента. Результат — сайт на тестовом адресе.
7. Тестирование, запуск, авторский надзор. Проверка на устройствах и в браузерах, скорость, индексация, редиректы, перенос на домен. Результат — опубликованный сайт, доступы, документация и обучение команды.

Сроки корпоративных сайтов чаще всего срываются не на дизайне и не на программировании, а на ожидании материалов от заказчика. Если собрать это заранее, проект пойдёт быстрее и дешевле.

1. Ответственный со стороны компании. Один человек, который собирает правки от отделов и принимает решения. Сайт, который согласуют пять директоров по очереди, делается заметно дольше.
2. Цели сайта в цифрах, которые вы уже считаете. Заявки, отклики, звонки, запросы на КП. Если сейчас ничего не считается, первым делом ставим аналитику на старый сайт, чтобы было с чем сравнивать.
3. Брендбук и исходники фирменного стиля. Логотип в векторе, шрифты, цвета, шаблоны презентаций. Если их нет, это повод поговорить о брендинге до начала проекта.
4. Список аудиторий. Кто заходит на сайт и зачем: клиенты разных сегментов, дилеры, закупщики, инвесторы, кандидаты, журналисты.
5. Материалы для контента. Презентации, КП, описания продукции, фотографии объектов и команды, сертификаты, лицензии, отзывы клиентов с разрешением на публикацию.
6. Доступы. Домен, хостинг, текущая CMS, Яндекс Метрика и Вебмастер, Google Search Console, CRM.
7. Требования IT-службы. Где должен размещаться сайт, какие есть ограничения по безопасности, хранению персональных данных и интеграциям.
8. Сайты, которые нравятся и не нравятся. Не для копирования, а чтобы быстрее договориться о языке: «вот так строго» или «вот так слишком шумно».

Ничего из этого нет — не страшно. Бриф и интервью на первом этапе как раз помогают собрать недостающее. Но чем больше готово к старту, тем точнее расчёт.

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

1. Выгружаем карту текущего сайта. Все адреса, которые есть в индексе и приносят трафик по данным Метрики и Вебмастера.
2. Сопоставляем старые и новые адреса. Для каждой страницы, которая меняет адрес или объединяется с другой, настраиваем постоянный редирект 301 на ближайшую по смыслу новую страницу, а не на главную.
3. Сохраняем то, что работает. Если страница услуги стоит в поиске высоко, её текст и заголовки не переписываем без причины, а аккуратно переносим в новый дизайн.
4. Проверяем перед запуском. Мета-теги, микроразметку, карту сайта, robots.txt, скорость загрузки, отсутствие закрытых от индексации разделов.
5. Следим после запуска. Переобход в Вебмастере, отправка карты сайта в Search Console, контроль ошибок индексации в первые недели.

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

Цена складывается из объёма работ. Разработка сайта компании обычно идёт по одному из трёх сценариев:

От чего зависит цена корпоративного сайта

1. Число уникальных шаблонов страниц. Не количество страниц, а количество разных типов: главная, услуга, проект, новость, вакансия.
2. Контент. Сколько текстов пишем мы, нужна ли фотосъёмка, иллюстрации, описание продукции.
3. Интеграции. CRM, 1С, личный кабинет, калькуляторы, каталоги с фильтрами.
4. Языковые версии. Перевод, локализация и проверка каждой версии.
5. Платформа. Требования вашей IT-службы к CMS, хостингу и безопасности.
6. Состояние бренда. Есть ли брендбук, работает ли фирменный стиль на экране.

Работаем с юридическими лицами и ИП. Договор, акты, НДС по запросу. Цены на брендинг, фирменный стиль и другие услуги агентства — на странице «Стоимость разработки бренда».

1. SmartUp · IT, разработка ПО для высоконагруженных систем · 2023. Новый IT-бренд пришёл за сайтом, который отражает ДНК бренда. Сформулировали ДНК и разработали сайт компании в её фирменном стиле.
2. Nauka · разработка и внедрение IT-решений. В нише IT-автоматизации высокая конкуренция, задача — выделить сайт компании, сделать его современным, удобным и понятным. Состав работ: аудит, структура сайта, прототипирование страниц, разработка контента, дизайн, техническое задание на разработку, авторский надзор. Сайт адаптирован под любые устройства, отдельное внимание — микроанимации.
3. ИТЦ МЧС · разминирование, проектные и строительные работы · 2024. Стратегический ребрендинг инженерно-технического центра. Проанализировали структуру главных страниц и меню сайтов конкурентов, разработали дизайн и обновили сайт компании: ассоциации с брендом отражены в цветах, визуальная айдентика несёт ключевые сообщения бренда.
4. РЭЦ, Школа экспорта · образовательная платформа для экспортёров. После ребрендинга 2021 года сайт перестал соответствовать бренду. Значительная часть аудитории старше 50 лет, поэтому механику взаимодействия сохранили, а внешний вид обновили. Разделили портал на внешний сайт с мини-лендингами программ и личный кабинет, собрали дизайн-систему и сделали макеты для десктопа, планшета и мобильных для 20 разделов.
5. TREVISAN · производство металлообрабатывающих центров · 2022. Стратегическая адаптация мирового бренда на российский рынок: выявили ДНК, осовременили логотип, разработали фирменный стиль и сайт компании, в котором отражена выявленная ДНК бренда.

Отдельно — внутрикорпоративный промо-сайт для сотрудников Техносилы: >3 200 уникальных посетителей, 4 минуты — среднее время на сайте, 5 страниц — глубина просмотра, 26 000 просмотров.

Все проекты агентства — в разделе кейсов.

У Kuznets два офиса. Стратегическую сессию и ключевые презентации проводим офлайн, рабочие итерации — онлайн. Так же работаем с компаниями из других регионов России.

Москва: ул. Новорязанская, 16-11, оф. 47. Телефон: +7 (921) 346-77-41. Агентство в Москве →

Санкт-Петербург: ул. Конторская, 18, оф. 66. Телефон: +7 (812) 996-90-54. Агентство в Санкт-Петербурге →

Почта для брифов и вопросов: hello@kuznets.agency. Заказать корпоративный сайт можно через форму внизу страницы.

1. С 2009 года. Более 300 проектов, около 30 специалистов в команде.
2. Рейтинги. Топ-4 брендинговых агентств России по версии Ruward, 72 место в рейтинге Sostav, член АКАР.
3. Награды в digital. Digital Awards 2018 и 2022 в номинации «Лучший внутрикорпоративный диджитал-проект».
4. Сайт как часть бренда. Мы проектируем сайт из позиционирования и фирменного стиля, поэтому он говорит тем же языком, что презентации, реклама и офис.
5. Опыт с крупным бизнесом. Среди клиентов агентства — Северсталь, Росатом, QIWI, МТС, Альфа-Банк, КАДИС, РЭЦ, СВЕЗА. Для них мы решали разные задачи брендинга и коммуникаций.

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

После запуска — SEO-оптимизация и поддержка сайта. Порталы для сотрудников — интранет. Цены на услуги агентства — стоимость разработки бренда, работы — кейсы.