Примеры хороших и плохих сайтов для компаний

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

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

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

Примеры плохих сайтов для бизнеса

Давайте начнем «от противного» и разберем примеры сайтов, которые можно назвать неудачными.

Плохой пример №1: сайт-оберег от клиентов

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

Минусы:

• Кривой дизайн. Сразу бросается в глаза, что блоки информации на разных уровнях, а графические элементы наложены друг на друга небрежно. Адаптация для мобильных устройств отсутствует.
• Море всплывающих окон. При прокрутке страницы пользователя со всех сторон бомбардируют рекламными баннерами. Это раздражает.
• Бесполезные блоки и мало фотографий. Блок с фотографиями менеджеров не имеет никакого смысла и выглядит как фишинговый баннер. Также на главной странице много таблиц и цен, но нет примеров работ. Беглый поиск по другим разделом не помогает — на сайте вовсе отсутствует портфолио. 
• Слабое УТП. Пролистав всю страницу, пользователь так и не понимает, почему эта компания может справиться с его заказом. На сайте нет фото работ, списка преимуществ и выгод для клиента, отзывов о компании.

Плохой пример №2: интернет-магазин, о котором забыли 

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

Минусы:

• Устаревший дизайн. Мелкий шрифт, фактурный фон, курсив, огромные поля по бокам — все это не имеет общего с текущими трендами в дизайне. Из-за этого сайт может показаться брошенным.
• Низкое качество фотографий на баннерах делает сайт более небрежным. Да и сами фото сделаны в разном стиле.
• Нерабочая поисковая строка. При нажатии на поиск с браузера ничего не происходит — это огромный минус. Все элементы должны быть кликабельными.
• Нелогичное расположение информации. У магазина есть точки розничной продажи, но узнать это можно только с лупой. Эту информацию можно было бы поместить в шапку сайта.
• Сливающийся текст. Важная информация написана сплошной портянкой в самом конце. Нет списков, разделения текста на абзацы.

Как писать продающие тексты для разных разделов интернет-магазина

Плохой пример №3: сайт, который маскируется под газету с объявлениями 

Сайт МГУ не сочетается с громким статусом первого университета страны. Из-за того, что ЦА сайтов учебных заведений — это и студенты, и абитуриенты, и сотрудники, стоит задача удобно структурировать огромное количество разделов. В этом случае составители сайта перестарались и оставили на странице слишком много всего.

Минусы:

• Верстка колонками. Сайт напоминает газету. Если бы блоки располагались один за другим, а не вертикально, на странице было бы больше воздуха.
• Несовременный дизайн. Вытекает из предыдущего пункта — из-за попытки впихнуть в одну страницу несколько полноценных разделов, дизайн выглядит устаревшим. Сейчас в тренде минимализм, крупные элементы, большое пустое пространство на страницах. На сайте МГУ этого нет.
• Нелогичное расположение блоков. Например, много места занимает блок с номером телефона и иконкой с адресами. Это можно было поместить наверх и разгрузить середину страницы.

Плохой пример №4: бесполезный сайт строительной компании

Пример неудобного сайта строительной компании. Создатели, видно, не заинтересованы в продаже своих объектов, так как пользователь так и не находит главного — каталога квартир.

Минусы главной страницы:

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

• Отсутствие текстов и УТП. Это главная страница строительной компании, но на ней нет ничего, что заинтересовало бы потенциального клиента. Нет ни фото объектов, ни списка преимуществ.
• Отсутствие каталога объектов, которые строила компания. Если перейти в раздел «Сданные объекты», читатель увидит список адресов с датой сдачи. Никаких фотографий. 

При переходе по большому баннеру «Белорусский квартал» мы все-таки видим презентацию объектов, которые сдает компания. Однако и тут есть большие минусы:

• Информация о том, как купить квартиру, расположена очень далеко. Логика расположения блоков странная — сначала пользователю предлагают проверить пакет документов, и только потом увидеть фотографии того, что ему предлагается купить. Чтобы посмотреть телефон для связи, нужно перейти аж к третьему фото в карусели.

• Нет фотографий квартир и планировок. Сайт говорит о комфорте планировок, но не показывает их. 
• Слабые преимущества. Фразы «Уникальное предложение», «Станьте обладателем жилья нового поколения» — это ни о чем. В УТП нет конкретики, почему именно это жилье достойно внимания.

Как написать сильное УТП: подробная инструкция с примерами

Плохой пример №5: сайт стоматологии родом из прошлого

Сайт стоматологии, которая все еще работает, но не обновляет контент и дизайн своего сайта. 

Минусы:

• Устаревший дизайн. Мелкий шрифт, градиенты, шапка сайта застряли в 2010-х.

• Нет актуальных отзывов. Внизу слева есть раздел «Книга отзывов», где сообщения датированы 2009 годом — безнадежно устаревшая информация.

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

Плохой пример №6: сайт сантехника с передозом анимаций

Ужасный пример сайта фирмы, которая предоставляет услуги сантехника. 

Минусы:

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

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

Примеры хороших сайтов компаний

Давайте рассмотрим несколько удачных примеров сайтов для бизнеса.

Хороший пример сайта для парка-отеля

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

Плюсы сайта:

• Грамотная структура. На сайте есть вся информация, которая нужна клиенту перед бронированием домиков: отзывы о месте, фотографии бунгало, инфраструктура, карта с геопозицией. Интересное решение — сделать меню с виртуальным туром по парку.
• Все элементы кликабельные. Поиск, меню выбора дат работают как нужно.
• Современный дизайн. Сочетание коричневого и зеленого ассоциируется с природой, что отлично подходит для базы отдыха. На странице много пустого пространства и фотографий.
• Лаконичное УТП. На сайте кратко перечислена инфраструктура — этого достаточно для посетителей сайта, которые хотят забронировать летний домик.

Пример сайта-лендинга для мебельной компании

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

Плюсы:

• Отличный дизайн. Цвета, расположение фотографий, анимации — все выглядит органично и современно.

• Логичная последовательность блоков. В пользователя не кидаются мольбами купить мебель. Сначала представлены фото продукции, и только потом форма для расчета цены и отзывы. 

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

Подборка удачных лендингов с высокой конверсией

Хороший образец сайта для клининговой компании

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

Плюсы:

• Исчерпывающе полная информация. На странице есть все — отзывы о компании, перечень услуг, все контакты. Даже можно скачать прайс-лист компании.
• Сдержанный дизайн. Цвета нейтральные, подходят для такого типа фирмы.
• Калькулятор расчета цен. Удобное решение для такого типа бизнеса.

Пример удачного лендинга для компании 

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

Плюсы:

• Поблочная навигация. Выглядит современно и работает без лагов.
• Запоминающиеся символы. Капля как маркер активного экрана — отличный символ для бизнеса такой направленности.
• Наглядные преимущества. Компания не только рассказывает, но и показывает свои уникальные разработки.

 Образец сайта строительной компании 

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

Плюсы: 

• Удобный поиск квартир с фильтрами по цене и количеству комнат.

• Каталог объектов с красивыми фотографиями домов, ценами и временем до метро.

• FAQ с ответами на важные вопросы о покупке квартиры.

• Качественные фото и рендеры. Фотографии действительно привлекают и не выглядят как самодеятельность.
• Быстрый переход к проектам. Не нужно искать ссылки по всему сайту.

Хороший пример сайта для доставки еды

Довольно стандартный сайт для компании по доставке блюд, но выполнен он отлично.

Плюсы:

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

Пример сайта для фирмы краски для волос

Плюсы:

• Есть полезное предложение для клиентов. Главная фишка страницы — это возможность для пользователей подобрать цвет краски под свои волосы. Это сразу вовлекает.
• Качественные фото. На странице много фотографий, и все они высокого разрешения. На это тоже стоит обращать внимание.

Выводы: Что отличает хороший сайт фирмы от плохого

Мы рассмотрели много примеров, и теперь можем выделить признаки хорошего сайта для компаний:

• Информационная ценность текстов. Хорошие сайты берегут время пользователей и кратко доносят актуальную информацию. 
• Точные УТП и призывы к действию. На хорошем сайте есть уместные кнопки call-to-action, а также весомые аргументы, почему компания достойна внимания.
• Современный и привлекательный дизайн.Тенденции в веб-дизайне постоянно меняются, и если сайт не переделывался с 2008 года, это болезненно очевидно для посетителей. 
• Адаптация для мобильных устройств. В наше время нет оправданий для того, чтобы разрабатывать исключительно десктопную версию сайта. Оптимизация для мобильных устройств улучшит как опыт посетителей, так и SEO-рейтинг сайта. 
• Удобство и логичность навигации. Пользователи должны интуитивно понимать, куда им зайти, чтобы совершить какое-то действие. При навигации в рамках одной страницы информация должна быть расположена в логичном порядке, чтобы человек плавно двигался по воронке продаж.
• Быстрый доступ к контактам. Аудитория не будет вас преследовать. У сайта должно быть несколько каналов связи, которые можно легко найти на странице.
• Быстрота открытия сайта. Любая страница может стать первым или единственным впечатлением потенциального клиента, поэтому сайт должен работать как часы. 

Конечно, это лишь общие пункты — есть много нюансов, которые нужно учитывать.

Если вы нацелены сделать качественный сайт, нужно подмечать удачные решения у других бизнесов и делать работу над ошибками. Начать можно с изучения LSI-текстов, разработки удобного интерфейса и дизайна, анализа ЦА и ее поведения на странице.

Полезный контент

О небанальном копирайтинге. TG-канал полевых практиков