Аудит сайта Essay Writing Service
№ 1

Смущает изображение на заднем экране, словно мы продаём энергетики и нагнетаем.
У наших клиентов есть пара насущных проблем: нехватка времени, завал по предметам, дедлайны.
— Решение: я бы подумал о том, чтобы поставить изображение с итоговой пользой — человек веселится, пока Essay пишет за него, делает другие работы с радостным лицом. Можно сделать фоновое видео. Где студент использует сайт, а потом идёт на вечеринку или на свидание. Чтобы клиент видел фоновое видео и думал: «Хочу так же, мне надоело сидеть до ночи, хочу повеселиться и отдохнуть».
Спящий человек на столе за компом — наоборот нагнетает, словно мы его нагрузим работой дополнительно.
№ 2

Если эти услуги раньше были платные — тогда этот блок подходит. Если они всегда были включены в стоимость работы — это выглядит как пустая игра цифрами.
— Решение: Сделать такой же дизайн, но написать, что в стоимость работы включены эти функции, без цифр и скидки.
№ 3

Раздражающий чат, он появляется на каждой странице, как только я загрузился. Когда я захочу написать — я пойду в правый нижний угол и сам найду там чат.
— Решение: настроить чат на показ по событиям: «Находится N-минут в оформлении» и подобные, где чат действительно выручит пользователя.
№ 4
При клике на один из FAQ с конца предыдущей секции — перекидывает в начало.
№ 5

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

№ 6

Кнопки заказа в каждой секции, это не надоедает, но словно удешевляет компанию. Как будто она кричит на каждом возможном элементе: «Купи купи купи». Надо выдерживать паузу.
— Решение: на странице https://essaypro.com/order-an-essay — разместить 1 кнопку в начале и одну в конце. Чтобы человек спокойно без акцентов посмотрел скрины личного кабинета и потом нажал кнопку. Кнопку в конце можно разместить на блоке с таким дизайном:

Чтобы ещё раз проговорить, почему ты должен купить. Пользователь в любом случае найдёт как заказать, если ваша услуга действительно ценна для него.
№ 7

При наведении элемент меняет своё поведение. Я начинаю думать, что это ссылка или чекбокс, который мне нужно выбрать, с которым я могу взаимодействовать.
— Решение: убрать изменение при наведении статичных элементов.
№ 8

После просмотра 3 страниц сайта, ощущение тщеславия: «Мы крутые, посмотрите на нас». Я прихожу к вам, не для того, чтобы смотреть, какие вы крутые. Мне нужно решить свою проблему.
На главной странице я хочу увидеть подтверждение моих проблем: «У вас нет времени — мы поможем; Вас завалило проектами — мы вытянем». Сейчас сайт общается со мной не в моём мире, а меня компания не особо волнует, мне нужно решение задачи.
Нехватает слов: «наши клиенты защитили дипломов, сдали экзамены, средняя оценка 4.95».
№ 9

Пустой текст в первых 3 пунктах. Почему качественно? Почему безопасно? Почему пунктуальные? Ответов нет.
— Решение: обновить текст так, чтобы я сам сказал: «Качество на высоте, или они пунктуальные». Надо описать, а почему вы пунктуальны:
- Пунктуальность: «Мы ставим дедлайн за 3 дня до вашего, чтобы проверить, внести правки в вашу работы»
- Качество: «Средняя оценка работ наших клиентов— 4.9. 3 этапа фильтрации работы и внесения правок»
- Безопасность: «Мы используем только email, не передаём его третьим лицам, это закреплено в оферте»
Естестенно, текст надо подгонять под потребности и сайт, но направление такое. Я должен без заголовка «Качество» так подумать о компании, за счёт фактов.
№ 10

При наведении на эти иконки они начинают становиться ярче. Это говорит мне, что я могу кликнуть. Открыть отзывы на платформе. Я кликаю — ничего не происходит, значит какая-то ошибка.
— Решение: убрать эффект при наведении.
№ 11

Какой-то элементы закрывает кнопку и накладывается на фото. Из-за картинки поверх кнопка не работает.
— Решение: убрать элемент или доработать его отображение.
Элемент:

На всех разрешениях он ведёт себя не так, как должен.


№ 12

Иллюстрацию заменить, выглядит сыро, словно блок не был доделан до конца.
№ 13

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

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

— Решение: поменять заголовок, образцы уменьшить в значени, поле поправить. Ниже скрин исправления

№ 15
Проблемы с текстом на странице статьи.
Общая проблема — серый фон и серый текст. Плохой конраст, сложно читать. Либо сделать белый фон, либо текст сделать текст темнее.

Шаги лучше делать заголовками 3 уровня, сейчас они незаметны.


Отступы у списков нарушены. Список ближе к следующему элементу, чем к своему заголовку.

Этот оффер выглядит приятно, в фирменном стиле.

Этот наоборот отпугивает, потому что выглядит не так карсиво, и похож на контент. Надо привести их все к одному виду.

Отредактировать отступы так, чтобы было больше места. Сейчас элементы слишком прижаты друг у другу: заголовки, списки.
№ 16


«FAQ» блоки перекрывают фиксированную шапку.
№ 17

Проблемы:
- Изображенеи не совсем помогает понять всё описание. «Залетают иконки, вылупляются иконки». Если бы это было видео, где вы собеседуете специалистов — другое дело.
- Линия чтения смещается. Заголовок начинается на одной линии, подзаголовок на другой
Решение:
- Убрать иллюстрацию, подумать о том, как иллюстрировать подбор специалистов так, чтобы я без текста всё понял. Как вариант — видео с нарезкой проверки документов, вычитки текстов.
- Если иллюстрация остаётся — поместить её в правую часть, чтобы текст был по левой части и не разрывал линию чтения.
№ 18

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

Если поменять местами заголовок и картинку — линия восприятия будет
№ 19

Кнопки авторизации слишком близко к меню, я могу не попасть в меню.
— Решение: поместить кнопки авторизации по центру.
№ 21

Кнопка сейчас ближе к форме, чем к описании.
— Решение: поднять кнопку выше.


Цена сейчас написана слишком мелко.
— Решение: увеличисть стоимость, чтобы на мобильном было удобно её просматривать.
№ 22

Через пару секунд после входа на сайт, на меня наваливается куча окон, которые занимают почти половину экрана. Куки неудобно закрывать крестик влево. Я попробовал сделать это на iPhone 12 mini — получилось попасть в 5 раза.
— Решение: сделать закрытие куки кнопкой, большой. Всплытие сообщений чата сделать по событиям. Например, человек более 10 минут находится в корзине. Может у него проблемы? Надо настроить чат, чтобы он, например по событию: «после 10 минут в корзине» выдавал сообщение: «У вас возникли проблемы с оформлением заказа? Напишите, мы вам поможем». Чат должен мне как юзеру помогать, а не надоедать.
№ 23

Блок из-за отсутствия отступов выглядит слишком сжатым.
— Решение: добавить отступов сверху и снизу.
№ 24

Проблемы:
- Важная информация скрыта за слайдером. Слайдеры часто пролистывают, не изучая следующие слайды. Если там важная информация — её надо выстаскивать.
- Нехватает срелок для перключения слайдов. Я при попытке переключить слайд скроллил сайт верх и вниз. Это дополнительно уменьшало шанс, что я изучу их до конца.
— Решение:
- Вытащить слайды из слайдера. Расположить 5 блоков друг за другом на мобильном.
- Если слайдер остаётся — добавить стрелки.
№ 25

Табы сейчас выглядят не так, как хотелось бы мне, как пользователю. Я привык, что вкладки это вкладки. Они располагаются горизонтально и под ним идёт контент.

Я попрбовал бы сделать это классическими табами.
№ 26

В этом блоке проблемы с отступами и выравниванием. Заголовок по центру, текст по левову краю, кнопка по центру, картинка по левому краю. В итоге это микро-перемещения доставляют дискомфорт.
— Решение: выравнять всё по левому краю.
№ 27

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


Снова смещается линия чтения. Выбор языка и установка приложения из Google play стоят на одной линии. Последующие текстовые блоки стоят уже на другой линии. Подписка и возможность оплаты картами сдвигается на уровень кнопки Google play.
— Решение: выровнять элементы по левому краю.
№ 29

Выбор категории — лишний клик. Категории можно расположить друг за другом формате топов или обычных ссылок. Необязательно скрывать небольшой список ссылок за кликом.
№ 30

Некоторые блоки перекрывают шапку. Проверить z-index секций главной страницы
№ 31

Проверить и доработать оптимизацию на мобильных.
№ 32

Проверить все страницы валидатором w3c и исправить ошибки в коде.
№ 33
Ошибки в семантике кода. Неправильно выбраны теги html для отображения контента.
- Для текста используется div, а должны span или p
- Для заголовков FAQ и seo-текста используются h2, а должны h3 или p
- Для кнопок используются div, а должны button или a
Скриншоты неправильно-подобранных тегов.









№ 34

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

Между «FAQ» и «Write My Essay» блок с кучей текста, который подан скучно и его не будут читать. Не понимаю, почему вопросы из «Write My Essay» не добавлены в «FAQ». Подумайте об их объединении.