Корпоративный имиджевый web сайт – как создать

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

Фирменный стиль

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

Главный экран сайта

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

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

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

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

Шапка сайта / хедер

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

Но если при продаже каких-либо товаров онлайн это оправданно, то при создании корпоративного имиджевого сайта совершенно недопустимо. Единственный эффект — сайт начинает выглядеть перегруженным деталями, «навязчивым» (позвоните! Напишите! Посмотрите!), а следовательно «дешевым».

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

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

Что касается контактов (телефон, мессенджеры, почта), то в имиджевых сайтах НЕ рекомендуется выводить их в шапку сайта. Достаточно того, что эти данные будут в разделе «Контакты». Заинтересованный посетитель всегда сможет найти их там и при этом не будет ощущения «навязчивости». Подсознательная мысль: «эта компания не стремится получить как можно больше звонков с сайта во что бы то ни стало — она знает себе цену и нацелена только на серьезных клиентов и вдумчивое сотрудничество».

Шрифты

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

Оптимально чтобы для заголовков был выбран некий нестандартный интересный шрифт, соответствующий утвержденной стилистике фирменного стиля компании. Это НЕ значит, что он должен быть каким-то вычурным и привлекающим внимание. Напротив — шрифт не должен перетягивать внимание на себя, но при этом и не должен быть слишком «скучным» и «обыденным». Например, стильно выглядят простые лаконичные шрифты в которых 2–3 часто встречающихся буквы (например, «о») написаны чуть необычно.

Также, помимо «фирменного» шрифта понадобятся:

• 1 «базовый шрифт», которым будут набраны все крупные текстовые массивы (статьи, новости и проч.);
• 1 шрифт для подзаголовков, который будет расшифровывать и пояснять то, что было написано в заголовке;
• 1–2 шрифта (или стиля) для оформления иных элементов сайта (хедер, футер, подписи к иконкам и проч.)

Читайте подробную статью о том как выбрать шрифт для сайта.

Нестандартные «фишки»

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

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

Акценты вместо структуры

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

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

• 1–2 последние новости;
• 1–2 анонса;
• 1–2 направления с возможностью скролла или перехода в раздел;
• 1–2 реализованных проекта;
• И т. д.

Это даст возможность презентовать каждый блок максимально привлекательно в визуальном плане: например, вместо плитки из 10 типовых услуг, каждая из которых оформлена одинаково, вы можете показать две услуги, одна из которых (активная в данный момент — то есть та, на которую наведен курсор) будет дополнена более крупной фотографией и более развернутым текстом, а вторая идет как краткий анонс. При листании вторая преобразуется в формат первой, а третья (которая была не видна) выезжает на место второй и становится анонсом.

Анимация/эффекты

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

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

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

Подвал сайта / футер

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

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

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

Хотите современный имиджевый корпоративный сайт, который подтвердит ваш статус как компании эксперта и профессионала? Мы умеем делать такие. А еще умеем продвигать созданные сайты в топ в рамках их тематик без оговорок и компромиссов. Обращайтесь!