В этом кейсе разобран UX-аудит сайта svoi.uz. Задача была не в полной переделке проекта с нуля, а в проверке того, насколько сайт удобно воспринимается пользователем: читаются ли тексты, не мешает ли визуальный шум, корректно ли работают блоки на мобильных устройствах и не теряются ли важные элементы на пути к обращению.
Сайт оценивался до активного привлечения трафика. Это важный момент: если заранее проверить читаемость, структуру, адаптив и форму заявки, можно снизить риск ситуации, когда реклама или SEO уже приводят посетителей, но часть пользователей уходит из-за неудобной страницы.
В рамках аудита проверялись первый экран, визуальная иерархия, контрастность текста, блоки услуг, форма обратной связи, контактная информация, мобильная версия и технические ошибки, которые могли мешать отправке заявки.
С чем пришёл проект
Запрос поступил от SEO-специалиста, который работал с проектом и хотел заранее оценить сайт перед дальнейшим продвижением. На этом этапе важно было понять, не будет ли сама страница мешать будущему трафику: из поиска, рекламы или других каналов.
Перед активным продвижением сайт лучше проверять не только с точки зрения SEO, но и с точки зрения пользователя. Если человек не может быстро прочитать текст, понять услугу, найти кнопку или отправить форму, трафик может не превращаться в обращения.
Такая логика подробно разбирается в материале про аудит юзабилити сайта и места, где теряются заявки.
Первичная задача аудита:
- проверить визуальную читаемость сайта;
- оценить структуру ключевых блоков;
- посмотреть, как сайт отображается на телефоне и планшете;
- найти элементы, которые могут мешать доверию и обращению;
- проверить форму обратной связи и технический сценарий отправки;
- сформировать понятные рекомендации для доработки.
По итогам проверки был составлен список проблем и рекомендаций. Часть правок позже была внедрена на стороне проекта.
Что было видно при проверке
У сайта не было одной единственной проблемы. Основные замечания касались общей читаемости, визуальной собранности, мобильной адаптации и формы обратной связи. На отдельных экранах пользователь мог терять смысл страницы не потому, что информации не было, а потому что её было сложно прочитать или заметить.
Такие проблемы особенно опасны перед запуском рекламы или SEO-продвижения. Если страница уже сейчас воспринимается тяжело, новый трафик может просто быстрее показать слабые места: люди будут приходить, смотреть страницу и уходить без обращения.
| Проблема | Что это означало для пользователя | Что было рекомендовано |
|---|---|---|
| Долгая загрузка и прелоадер | Пользователь мог ждать загрузку и закрыть страницу до просмотра контента | Упростить или убрать лишний прелоадер |
| Мелкий и бледный текст | Важные блоки приходилось читать с усилием, особенно на iPhone и iPad | Увеличить шрифты и повысить контраст |
| Слабая контрастность | Жёлтый или белый текст на светлом/активном фоне местами терялся | Пересмотреть цвета, фон и подложки под текст |
| Несогласованные акценты | Цвета выглядели разрозненно и не поддерживали единый стиль | Привести визуальные акценты к одной системе |
| Ошибки адаптива | На мобильных блоки съезжали, появлялся горизонтальный скролл | Проверить ключевые разрешения и исправить вёрстку |
| Проблема с формой | При отправке появлялась ошибка, заявка могла не доходить | Проверить техническую работу формы и сценарий отправки |
Первый экран: тяжёлый фон и слабая читаемость
На первом экране информация воспринималась тяжело. Тёмный фон, дополнительные затемняющие слои и слабая читаемость текста создавали ощущение визуальной “мутности”. Пользователь мог не сразу понять, что именно предлагает сайт и куда смотреть в первую очередь.
Дополнительно мешала загрузка слайдов. Если главный экран подгружается не сразу, пользователь видит пустоту или недособранный интерфейс. Для первого экрана это критично: именно здесь формируется первое впечатление о сайте.
Когда первый экран не даёт быстрый ответ на вопросы “куда я попал”, “что мне предлагают” и “что делать дальше”, часть пользователей может уйти ещё до просмотра услуг, кейсов и формы.
Что было рекомендовано: упростить первый экран, убрать лишние тёмные слои, усилить контраст текста и сделать главный смысл более заметным без ожидания загрузки дополнительных элементов.
Текстовые блоки: слишком мелко и блекло
В этом блоке размещался важный текст о сути услуг, но он был слишком мелким и светлым. Из-за этого информацию приходилось буквально вычитывать. Такая проблема особенно заметна на планшетах и телефонах, где размер экрана меньше, а внимание пользователя ниже.
Если важный текст сложно читать, он перестаёт работать. Пользователь может пролистать блок, хотя именно там объясняется смысл предложения.
Похожая проблема часто встречается на сайтах, которые визуально выглядят аккуратно, но не дают заявок. Подробнее это разобрано в статье “Сайт красивый, а заявок нет”.
Что было рекомендовано: увеличить размер шрифта, повысить контраст, сделать текст визуально спокойнее и проще для чтения с первого взгляда.
Блок с Яндекс-рекламой: важный смысл терялся
Блок с упоминанием Яндекс-рекламы визуально “провисал”. Плашка выглядела слишком бледной: серый элемент на светлом фоне не создавал нужного акцента. Такой блок легко пропустить, хотя по смыслу он относится к важной услуге.
Проблема здесь не только в цвете. Когда важный смысловой блок не выделен, пользователь может не понять, что сайт закрывает нужную ему задачу. Особенно если человек пришёл из рекламы или поиска и быстро сканирует страницу.
Если сайт планирует получать платный трафик, такие блоки нужно проверять заранее. Иначе может возникнуть ситуация, когда Яндекс Директ приводит переходы, но заявок нет, потому что посадочная страница не помогает человеку быстро увидеть нужное предложение.
Что было рекомендовано: усилить визуальный акцент, добавить контрастный фон или более заметную подачу, чтобы блок не терялся среди остального контента.
Призыв к действию: кнопка выглядела неубедительно
Блок с призывом должен помогать пользователю перейти к следующему шагу. Но здесь он выглядел слишком сдержанно: мелкий текст, слабая контрастность, устаревшее визуальное ощущение и кнопка, которая не выглядела как важное действие.
Если кнопка теряется, пользователь может просто не считать её основным элементом. Особенно на длинной странице, где нужно быстро понимать: что здесь главное, куда нажать и что произойдёт после клика.
Что было рекомендовано: сделать текст крупнее, заменить шрифт на более читаемый, усилить кнопку и сформулировать действие так, чтобы оно было понятным для пользователя.
Блок «О нас»: перегруз и слабая структура
В блоке «О нас» текст располагался на активном фоне. Белые буквы на яркой и контрастной картинке читались с трудом, особенно под заголовком «Консалтинговое агентство». Из-за этого блок выглядел перегруженным: фон спорил с текстом, а пользователь должен был прикладывать усилие, чтобы разобрать содержание.
Отдельная проблема была в цифрах: количество экспертов, стартапов и часов выглядело разрозненно. Элементы визуально разъезжались и не воспринимались как единый аккуратный блок. Для блока доверия это важно, потому что небрежная подача цифр снижает ощущение собранности сайта.
Что было рекомендовано:
- затемнить фон или добавить полупрозрачную подложку под текст;
- убрать лишний визуальный шум;
- выровнять блок с цифрами;
- сделать элементы едиными по стилю и расстояниям;
- сохранить смысл блока, но упростить восприятие.
Блок с услугами: текст и карточки разъехались
В блоке услуг снова проявилась проблема читаемости. Белый текст на светлом и активном фоне местами почти исчезал. Описание услуг было подано списками, но из-за плотности и слабой структуры читать блок было тяжело.
Также карточки не были выровнены по высоте: кнопки и содержимое “плясали”. Даже если смысл услуги понятен, такая подача создаёт ощущение неаккуратности и мешает быстро сравнить варианты.
Для страницы услуг это критично. Пользователь должен быстро понять, какие направления есть, чем они отличаются и какой следующий шаг доступен. Если карточки выглядят разрозненно, страница хуже помогает принять решение.
Что было рекомендовано:
- сделать фон спокойнее, чтобы текст не терялся;
- переписать описания более простыми абзацами;
- выровнять карточки по высоте;
- привести кнопки, отступы и размеры к единой системе;
- сделать блок удобным для быстрого сканирования.
Форма обратной связи: выглядела как черновик
Форма обратной связи выглядела стандартно и устаревше. Кнопка была почти незаметной, текст — мелким, а общий вид не создавал ощущения аккуратного и понятного сценария заявки.
Для формы важен не только дизайн. Пользователь должен понимать, какие данные оставить, что произойдёт после отправки и почему форме можно доверять. Если форма выглядит случайным техническим блоком, часть пользователей может не дойти до обращения.
В качестве направления для доработки был предложен более аккуратный вариант подачи: с понятной структурой, хорошим контрастом, крупной кнопкой и визуальным акцентом на простоту обращения.
Отдельно важно проверять не только внешний вид формы, но и её реальную работу. Если пользователь отправляет данные, а заявка не доходит, проблема становится уже не дизайнерской, а бизнесовой. Эту тему отдельно раскрывает материал “Форма есть, а заявок нет: где ошибка”.
Контакты: информация была слишком мелкой
Контактная информация была на странице, но шрифт оказался слишком мелким. На мобильных устройствах такой блок приходилось рассматривать, а не читать. Визуально он выглядел пусто и не усиливал доверие к сайту.
Контакты должны быть простыми и заметными. Если пользователь готов обратиться, ему не нужно искать телефон, почту или форму среди мелкого текста.
Что было рекомендовано: увеличить размер шрифта, повысить контраст, добавить визуальный акцент и сделать способы связи более понятными с первого взгляда.
Адаптив: ошибки на телефоне и планшете
При проверке мобильной и планшетной версии сайта выявились серьёзные проблемы. На отдельных разрешениях блоки “прыгали”, текст съезжал, появлялся ненужный горизонтальный скролл. Это особенно опасно для трафика со смартфонов: пользователь может не разбираться, почему сайт неудобный, а просто закрыть страницу.
Также была обнаружена техническая проблема с формой: при отправке показывалась ошибка HTTP error. Это уже не вопрос дизайна, а прямой риск потери заявок. Даже если пользователь дошёл до формы и заполнил поля, обращение могло не отправиться.
После передачи замечаний ошибки были исправлены. Сайт стал корректнее отображаться на разных устройствах, а форма перестала быть очевидной точкой потери обращений.
Для нормального контроля таких проблем на сайте полезно отслеживать не только визуальный вид страницы, но и действия пользователей. Например, корректно ли установлена Яндекс Метрика, видны ли формы, клики по контактам, переходы в мессенджеры и страница “Спасибо”.
Что было доработано после аудита
После разбора на стороне проекта была внедрена часть рекомендаций. В первую очередь правки коснулись визуальной читаемости, цветов, кнопок, лишних стилей и мобильной адаптации.
Были доработаны:
- цвета и контрастность отдельных блоков;
- шрифты и читаемость текста;
- кнопки и визуальные акценты;
- лишние стили, которые перегружали страницу;
- ошибки отображения на мобильных устройствах;
- техническая работа формы обратной связи.
Из-за этого сайт стал удобнее для восприятия, особенно на мобильных устройствах. Часть проблем, которые могли мешать пользователю доверять странице и отправлять заявку, была устранена до масштабного привлечения трафика.
Такой подход снижает риск ситуации, когда сначала запускается продвижение, а потом выясняется, что сама страница не готова принимать посетителей. Подробнее о таком подходе — в статье зачем нужен аудит сайта, если заявок мало.
Результат: понятные правки и публичный отзыв
По итогам платного аудита проект получил понятные замечания и конкретные шаги для доработки. Отдельно был оставлен публичный отзыв на Яндекс Картах, где отмечались простые объяснения, внимательность к деталям и качество разбора.
«Объяснил, дал рекомендации простыми и понятными словами… Особенно понравилось, что Артемий любит свою работу, внимателен к деталям и выполняет всё максимально качественно.»
Для кейса важен не сам факт отзыва, а то, что аудит дал проекту практическую пользу: проблемы были зафиксированы, часть правок внедрена, а дальнейшие доработки получили понятный приоритет.
Что показал разбор сайта svoi.uz
Кейс с сайтом svoi.uz показывает, что проблемы UX не всегда выглядят как “сломанный сайт”. Страница может открываться, иметь контент, изображения, услуги и форму. Но при этом пользователь может терять смысл из-за слабой читаемости, неудачного контраста, визуального шума, мелких контактов, неочевидной кнопки или ошибок адаптива.
Чем раньше такие проблемы обнаружены, тем ниже риск, что рекламный или поисковый трафик будет упираться в неудобную страницу. Поэтому перед активным продвижением полезно проверять не только SEO и рекламу, но и сам путь пользователя: первый экран, структуру, доверие, мобильную версию, форму и техническую отправку заявки.
Если на сайте есть трафик, но обращения не появляются, проблему стоит искать не только в рекламном источнике. Иногда ответ находится в самой связке: трафик → страница → форма → цель → заявка. Похожая логика разобрана в статье почему сайт не даёт заявки и что скрывают цифры.
Нужно понять, где сайт мешает заявке?
В юзабилити-аудите проверяется, как пользователь воспринимает страницу и где может остановиться до обращения: на первом экране, в структуре, тексте, форме, мобильной версии, контактах, доверии или технических ошибках.
Подробнее об услуге можно посмотреть на странице юзабилити-аудита сайта.