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

Ссылки

• У выпадающих списков при выборе значения стиль текста остается “неактивным”, серым, а должен становится черным, как индикатор “активности” выбора.
• У выпадающих списков при наведении неудачный стиль, который визуально похож на состояние disabled.
• Поле ввода номера телефона хоть и имеет подсказку с форматом номера, но при вводе недостаточного количества символов текст просто пропадает, хотя должна появляться ошибка “неверный формат номера”.
• Нет проверки на корректность формата введенной почты. Можно вписать любые символы, и форма якобы отправится.
• Нет возможности быстро стереть введенные символы крестиком (необязательно, но полезно).
• Некоторые инпуты имеют анимацию наведения (контур становится светлее), а некоторые - нет.
• Некоторые инпуты в состоянии active имеют черный контур, а некоторые - желтый.

• Бросается в глаза висячий предлог “в” в тексте рядом с лого. В вебе стараемся переносить предлоги на новою строку с помощью неразрывных пробелов.
• Инстаграм рекомендуется убрать из ссылок, т.к. он заблокирован в РФ и на это можно пожаловаться.
• Слишком большое количество соцсетей в шапке сайта может рассеивать внимание и путать клиентов. Оставляем только мессенджеры, чтобы пользователи выбирали, что им удобнее, и переходили в интересующее приложение. Ютуб, Рутуб и Инсту (если решите оставить) переносим в подвал сайта и в тематические блоки типа “Связаться с нами”.
• “Обратный звонок” является основной кнопкой действия в шапке сайта, поэтому должна быть акцентной, как у всех конкурентов. Она обеспечивает хороший уровень лидов от клиентов:

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

• Первая и третья иконки дублируются, нужно подобрать альтернативу.
• Несоответствие информации: 5000 или 1000 объектов? Исправить текст.
• Желтые иконки в фирменном цвете плохо видно на белом фоне. Иконки нужно сильно уменьшить и разместить на темных круглых подложках. Это позволит сохранить фирменный цвет, сделать иконки читаемыми и не прибегать к блоку на темном фоне целиком.
• Справа лишний разделитель убрать.
• В мобильной версии уменьшить размер иконок, сделать выравнивание по левому краю, убрать разделители по правой границе блока. Можно сделать оформление в виде карточек и разместить их горизонтально, чтобы блок не занимал 1,5 экрана телефона.

• Клик по сертификату не раскрывает его на весь экран, а пересылает на начало страницы – исправляем.
• Для отзывов есть более изящные варианты исполнения, чтобы избежать “инородности” встроенного виджета и пустых полей по краям экрана:

• Текст следует оформлять блоками около 70-90 символов в длину в ПК версии, это обеспечит простоту считывания текста с экранов мониторов.
• Если часть текста можно упростить до коротких тезисов с иконками - делаем это. В данном случае можно выделить преимущества данного типа заборов.

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

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

1. Не хватает главного баннера со своим фото, хотя на многих внутренних страницах баннер есть. В качестве заглавного фото подойдет, например, фото с вывеской на здании, которая сейчас расположена под преимуществами. Может, получится сделать групповое фото сотрудников или использовать фото с производства.
2. На странице можно разместить фото и видео готовых объектов – они напрямую относятся к компании.
3. Страница Сертификатов очень короткая, ее можно сократить (или продублировать) и перенести все документы сюда.
4. Будет уместно продублировать блок отзывов.
5. В разделе Производство большое количество шикарных фотографий, нужно использовать это преимущество. Блок “Наше производство” с кратким описанием, красивым фото и кнопкой перехода во внутренний раздел не будет лишним. Желательно использовать фото с производства и на Главной, слишком качественные материалы, и нигде не используются на пути клиента.
6. Часто компании показывают на таймлайне этапы развития компании, чтобы продемонстрировать расширение бизнеса, масштабируемость. Можно подумать о создании такого блока, если получится выделить хотя бы 5 основных этапов.