9 дек. 2024

Сайт по продаже и аренде автомобилей Lingscars

Ниже представлен айдит сайта сайт по продаже и аренде автомобилей Lingscars.



Этот сайт взяли для проверки работы по следующим пунктам:

  1. Плохая комбинация цветов.

  2. Много шрифтов, которые не подходят друг к другу.

  3. Большие тексты, которые накладываются друг на друга.

  4. И многое, многое другое.


Если нетерпиться скачать уже готовый отчет в формате pdf, то это можно сделать по ссылке.


Отчет


UI разбиение

Проблема Решение
Структура раздела "Наши лучшие предложения по аренде автомобилей" Добавить подзаголовки и списки для разделения больших блоков текста. Например, "### Наши лучшие предложения по аренде автомобилей ### - Volkswagen Polo - Peugeot 208 - Mini Cooper Hatch"
Стилистика текста Использовать более дружелюбный и доступный язык. Например, "Посмотрите наши лучшие предложения по аренде автомобилей!" вместо "Наши лучшие предложения по аренде автомобилей"
Соответствие целям страницы Убедиться, что каждый раздел страницы четко соответствует своей цели и предоставляет необходимую информацию. Например, "Посмотрите наши лучшие предложения по аренде автомобилей! Найдите идеальный автомобиль для ваших нужд."
Призыв к действию (CTA) Выделить CTA-элементы визуально, чтобы они привлекали внимание пользователя. Например, "[Заказать сейчас]" (кнопка с ярким цветом)
Оптимизация для SEO Увеличить использование ключевых слов и фраз, связанных с арендой автомобилей. Например, "Посмотрите наши лучшие предложения по аренде автомобилей в Великобритании!"
Информационная ценность Добавить больше информации о преимуществах аренды автомобилей через Lingscars. Например, "Посмотрите наши лучшие предложения по аренде автомобилей! Узнайте, почему Lingscars - лучший выбор для аренды автомобилей в Великобритании."

Анализ типографики

Проблема Решение
Шрифты Стандартизировать шрифты для всего сайта. Использовать один или два шрифта для заголовков и основного текста. Например, использовать Google Fonts для выбора подходящих шрифтов.
Размер шрифта Стандартизировать размеры шрифтов для заголовков и подзаголовков. Например, основной заголовок: 32 пикселя, подзаголовок: 24 пикселя, основной текст: 16 пикселей.
Выравнивание текста Использовать левое выравнивание для всех блоков текста, за исключением заголовков и небольших блоков текста, где центрирование может быть приемлемо.
Длина строки Проверять длину строки для каждого блока текста и разбивать длинные строки на несколько более коротких.
Типографические ошибки Проверять текст на наличие орфографических и пунктуационных ошибок перед публикацией. Использовать инструменты для проверки грамматики и орфографии, такие как Grammarly или Hemingway App.

Анализ колористики

Проблема Решение
Цветовая палитра Уменьшить количество ярких цветов и сосредоточиться на более сдержанной цветовой палитре. Основные цвета могут быть ограничены синим и красным, а акцентные цвета могут быть использованы для выделения ключевых элементов.
Контраст Улучшить контраст для текста и интерактивных элементов. Например, белый текст на синем фоне или черный текст на белом фоне. Интерактивные элементы должны быть выделены более контрастными цветами.
Сочетание цветов Использовать более сдержанное сочетание цветов. Основные цвета должны быть гармоничными и не конфликтовать друг с другом. Акцентные цвета должны быть использованы умеренно и только для выделения ключевых элементов.
Яркие цвета Уменьшить использование ярких цветов и сосредоточиться на более сдержанных и приятных оттенках.
Эмоциональное взаимодействие Использовать цвета, которые вызывают положительные эмоции и ассоциации. Например, синий и зеленый могут вызывать чувство доверия и спокойствия. Акцентные цвета должны быть использованы умеренно и только для выделения ключевых элементов.

Анализ композиции

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