Вводная
Ко мне обратился SEO-специалист с просьбой оценить сайт svoi.uz.
Я провёл аудит, потому что мы планируем сотрудничество.
Моя цель — улучшить визуальную читаемость, дизайн и адаптивность сайта до того, как туда пойдёт трафик.
2. Проблемы, которые я выявил
| Проблема | Комментарий | Рекомендация |
| Прелоадер грузится 5+ секунд | Пользователь теряет терпение ещё до загрузки | Упростить или убрать прелоадер |
| Мелкий и нечитаемый текст | Особенно на iPad и iPhone, слабая контрастность | Увеличить шрифты, повысить контраст |
| Жёлтый текст на белом фоне | Полностью нечитабельно | Либо затемнить фон, либо заменить цвет |
| Несогласованные цвета | Например, синие элементы на сайте без синего | Сделать единый цветовой стиль |
| Блоки съехали на мобилке | Верстка «поплыла» на iPhone | Протестировать и адаптировать под мобильные устройства |
3. Что было сделано после
Клиент внедрил:
- правки по цветам и контрасту;
- улучшил шрифты и кнопки;
- подчистил лишние стили;
- адаптировал блоки под мобильные.
Результат
Сайт стал гораздо удобнее для восприятия, особенно с мобильных.
Благодаря аудиту клиент избежал ошибок, которые могли бы сильно повлиять на поведенческие факторы и SEO-ранжирование.
4. Вывод
Даже простой визуальный аудит может существенно улучшить восприятие сайта.
Многие ошибки не видны со стороны разработчика или владельца — но их видит пользователь. Чем раньше устранены эти проблемы, тем эффективнее будет реклама и SEO.
Как я разбирал его сайт
Первый экран: тяжёлый фон и слабый текст
На главном экране сложно воспринимать информацию — тёмный фон сливается с текстом, а шрифт выглядит устаревшим.
Подложка под текстом тоже чёрная, из-за чего всё выглядит «мыльно» и сливается.
К тому же слайды подгружаются не сразу — экран кажется пустым.
Что я предложил: сделать экран цельным, убрать лишние тёмные слои и улучшить читаемость текста.
Слишком мелко и блекло
В этом блоке важный текст о сути услуг, но он написан слишком мелко и светло. Его приходится всматриваться — даже с хорошим зрением.
Что я предложил: сделать текст крупнее и контрастнее, чтобы его можно было воспринимать с первого взгляда без напряжения.
Блок с Яндекс-рекламой: визуально «провисает»
Плашка с надписью выглядит слишком блеклой — серая на белом, без акцента.
Такой блок легко пропустить, хотя он о важной услуге.
Что я предложил: сделать фон цветным или добавить контраст, чтобы выделить смысловой акцент и не потерять внимание пользователя.
Блок с призывом: слабый акцент
Этот блок должен мотивировать обратиться — но выглядит слишком сдержанно.
Шрифт мелкий, бледный, с засечками — читать неудобно.
Кнопка выглядит неактивной и теряется на фоне.
Что я предложил: увеличить размер текста, заменить шрифт на более читаемый и сделать кнопку заметной и понятной — чтобы захотелось нажать.
Блок «О нас»: перегружен, плохо читается
Текст на фоне выглядит слабо — белые буквы на яркой и контрастной картинке читаются с трудом. Особенно это мешает в первом экране и под заголовком «Консалтинговое агентство». Мелкий шрифт на яркой текстуре — просто не воспринимается.
Также цифры (кол-во экспертов, стартапов, часов) оказались разрозненными — они визуально разъехались и находятся не по одной линии. Это создаёт ощущение хаоса и неаккуратности.
Что я предложил:
- затемнить фон или добавить полупрозрачную подложку под текст, чтобы он читался нормально;
- убрать перегруженность и визуальный шум;
- выровнять блок с цифрами, чтобы всё смотрелось единым, аккуратным и профессиональным.
Блок с услугами: нечитаемо и разъехалось
В этом блоке основная проблема — читаемость. Белый текст на светлом фоне местами просто исчезает. Описание услуг подано списком, но выглядит сжато и неструктурно — читать тяжело. Блоки не выровнены по высоте: кнопки и содержимое «пляшут» и создают ощущение кривизны.
Что я предложил:
- сделать фон менее активным, чтобы текст не терялся;
- переписать описание без маркеров, обычными абзацами — так читать проще;
- выровнять блоки по одной линии, привести всё к одному стилю и размеру, чтобы выглядело аккуратно.
Форма обратной связи: выглядит как черновик
Контактная форма выглядит стандартно и устаревше. Кнопка почти незаметна — шрифт мелкий, цвет не привлекает внимания. Визуально форма не вызывает доверия и не побуждает к действию.
Я предложил полностью переработать подачу: сделать форму аккуратной, понятной и визуально приятной. В качестве примера показал, как можно оформить — с хорошим контрастом, крупной кнопкой и акцентом на простоту.
Контакты: слишком мелкий текст
Контактная информация представлена, но шрифт настолько мелкий, что её нужно вглядываться. Особенно на мобильных — текст почти неразличим. Визуально блок пустой и не вызывает ощущения надёжности.
Что я предложил: увеличить размер шрифта и добавить визуальный акцент — например, кнопки для звонка и письма или просто более контрастный стиль. Блок с контактами должен быть простым и сразу читаемым.
Адаптив: ошибки на телефоне и планшете
При проверке мобильной и планшетной версии сайта выявились серьёзные проблемы:
— блоки «прыгали», текст съезжал, внизу появлялся ненужный горизонтальный скролл;
— форма обратной связи не работала вовсе — при отправке показывалась ошибка HTTP error.
Я сразу сообщил об этом владельцу сайта. В результате ошибки были устранены, а сайт стал нормально отображаться на разных устройствах. Без исправления этих проблем сайт терял бы доверие и заявки с мобильного трафика.
Результат: довольный клиент и публичный отзыв
После платного аудита клиент внедрил часть рекомендаций и получил понятный вектор, как дорабатывать сайт.
Он остался доволен подходом и качеством анализа, оставив развернутый отзыв на Яндекс Картах:
«Объяснил, дал рекомендации простыми и понятными словами… Особенно понравилось, что Артемий любит свою работу, внимателен к деталям и выполняет всё максимально качественно.»
Клиент получил профессиональную оценку, понятные замечания и конкретные шаги. А я — благодарный отзыв и крепкий контакт на будущее.
