Что должно быть на сайте компании

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

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

Как составить структуру сайта компании

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

Какие задачи может выполнять сайт?

• Лидогенерация 
• Презентация услуг/продукции
• Поиск партнеров 
• Привлечение инвесторов 
• Создание репутации
• Привлечение новых сотрудников
• Повышение лояльности клиентов
• Коммуникация с прессой

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

После этого можно формировать итоговую структуру сайта. Располагайте разделы в меню в порядке убывания важности, при объединении страниц руководствуйтесь логикой. Избегайте многоуровневой структуры, она допустима только для каталогов, в остальных разделах нежелательно использовать более двух уровней. Любой пользователь должен без труда найти на сайте нужную информацию в 2-3 клика. Есть привычные паттерны проектирования навигации, например, пункт Контакты всегда размещают последним, а услуги и каталог — первыми. 

Главная страница сайта

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

• Хэдер (шапка сайта)

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

• Первый экран

В первые 3 секунды пользователь решает, останется он на сайте или нет, поэтому так важно проработать первый экран. Чтобы захватить внимание пользователя напишите краткий и понятный оффер, который в 7-8 слов объяснит клиенту, где он находится и что вы предлагаете. Оффер должен быть подкреплен подходящим изображением. Это может быть продукция, процесс или результат оказания услуги, примеры работ, фото представителя компании. Вместо фото можно использовать видео или анимацию. 

• Инфоблоки 

Стандартный набор блоков для главной страницы: краткая информация о компании и ее преимуществах, информация об услугах и продукции, описание этапов работы, отзывы клиентов, примеры работ, подтверждающие документы (лицензии, награды), фото сотрудников, фото или видео с производства, вопрос-ответ. 

• Формы обратной связи

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

• Футер (подвал сайта)

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

Страницы услуг

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

Страница о компании

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

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

Кейсы/Примеры работ

Портфолио компании — важный раздел для повышения доверия клиентов. Покажите результаты применения вашей продукции или оказания услуг. Название раздела может быть разным, в зависимости от ниши — Объекты, Проекты, Применение, Кейсы, Результаты работы, До и после. Можно объединить этот раздел с отзывами или прикрепить благодарность от клиента. Ссылка на раздел должна быть в меню, не стоит прятать ее во второй уровень. 

Контакты

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

Какие еще страницы могут быть на корпоративном сайте?

Как мы уже выяснили, итоговый список зависит от ваших задач и ниши компании. 

• Структура компании / Руководство
• Документы
• Партнерам / Поставщикам
• Вакансии
• Новости, пресс-релизы, блог
• Доставка и оплата
• Акции и скидки
• Отзывы
• Фото и видеогалерея
• Социальная деятельность
• Закупки
• История компании
• Карта сайта

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

Формы захвата и призывы к действию

Клиенты могут быть очень разными, поэтому на сайте должно быть несколько форм с разными призывами к действию. Используйте в призывах глаголы в повелительном наклонении (закажите, оформите, получите) и формулировки в виде вопросов: «Хотите получить персональное предложение?» или «Остались вопросы?». Добавляйте в призывах выгоду: «Закажите расчёт и получите скидку 20%».

Список возможных форм захвата:

• Заказать звонок
• Заказать КП
• Получить прайс-лист на почту
• Заказать демонстрацию 
• Получить персональное предложение
• Уточнить наличие 
• Рассчитать стоимость 
• Заказать презентацию
• Пригласить в тендер
• Обсудить проект
• Проконсультироваться со специалистом 
• Вызвать замерщика

Чем больше полей в форме, тем меньше вероятность, что пользователь заполнит ее до конца. Обязательным полем лучше делать только телефон или email, остальную информацию можно уточнить во время звонка. 

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

Контент сайта

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

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

Дизайн

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

На что важно обратить внимание при создании дизайна сайта? 

• Контрастность

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

• Группировка элементов

Элементы, расположенные рядом, воспринимаются как единое целое. Группировка помогает систематизировать данные и упростить восприятие. Важно учитывать, что пользователи плохо воспринимают группы более 5-6 элементов. 

• Читабельный шрифт

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

Юзабилити сайта

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

Есть общепринятые правила юзабилити, которые подходят любому сайту. Например:

• В поле для телефона должна быть маска с кодом страны
• Все кликабельные элементы должны менять вид при наведении
• Ссылки на внешние ресурсы должны открываться в новой вкладке
• Обязательные поля больших форм отмечены звездочкой

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

Как оценить юзабилити сайта? 

• Проверить по чек-листу

В сети много примеров таких чек-листов разного объема. 

• Провести живые тесты

Найдите представителей вашей целевой аудитории и попросите их найти на сайте какую-либо информацию или совершить целевое действие. 

• Использовать сервисы аналитики

Для этого придется изучить возможности Яндекс.Метрики. Например, с помощью инструмента Вебвизор можно увидеть, в каких местах у пользователей возникают трудности. 

• Заказать аудит

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

Техническая реализация

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

• Адаптивная верстка

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

• Кроссплатформенность

Убедитесь, что сайт исправен в любом браузере и на любой операционной системе — можно поймать ошибку на iOS, хотя на Android всё работает.

• Высокая скорость загрузки

Даже самый проработанный и убедительный сайт будет терять клиентов, если сайт медленно загружается. Проверьте, как сайт загружается с мобильным интернетом или используйте сервисы для проверки скорости, например PageSpeed Insights. 

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

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