ПРОЕКТ РАЗРАБОТЧИКОВ БИЗНЕС АНАЛИТИКИ

Разбор ошибок в оформлении сайтов

На примере нескольких сайтов показываем основные ошибки и как их можно исправить.

Сократили текст, оставив только главное;
Передвинули девушку на фото;
Поделили текст на смысловые части, так его легче и интереснее читать.

До:
После:

Очень много текста;
Неудачно расположена фотография девушки - макушка упирается в край фото;
Нет главного и второстепенного.


Немного поменяли элементы местами. Информация осталась та же, а высота блока сократилась почти в 2 раза.

До:
После:

Информационный блок не умещается в экран монитора.

Поделили текст на визуальные блоки;
Добавили жирность и прозрачность;
Добавили цвета для привлечения внимания.

До:
После:

Монотонный текст, глазу сложно уцепиться за информацию.

Сдвинули фото правее, чтобы не перекрывать его текстом;
Сделали разные размеры шрифтов, добавили прозрачность;
Черный текст на такой кнопке читается лучше.

До:
После:

Текст теряется на фоне картинки;
Текст не удобно читать;
Белый шрифт на кнопке плохо видно;
Не хватает "главного" и "второстепенного".

Собрали всю информация в ранее заданную ширину сайта.

До:
После:

Информационные блоки разных размеров, не соблюдение единой ширины сайта;
Текст оторван от иконок.

Увеличили логотип;
Избавились от ненужного текста, заменив его иконками;
Поиск и кнопку "Рецепты" перенесли в свободное пространство.

До:
После:

Очень много информации в верхней части сайта;
Присутствует визуальный беспорядок, не соблюдение сетки;
Блок с категориями занимает много полезного места.

Добавили иконки, сделав этот блок интереснее для восприятия.

До:
После:

Много монотонного текста.

Окрасили карту;
Привели иконки к единому стилю.

До:
После:

Страница выглядит мрачно, не хватает цвета;
Иконки имеют разную стилистику.

Отцентровали информацию на карточках, приведя ее к единому стилю оформления

До:
После:

Текст и иконки имеют разные отступы до краев на всех карточках.

Добавив одну картинку, изменили настроение сайта.

До:
После:

Не хватает ярких пятен, элементов.

На этом всё!

Еще больше полезных материалов вы можете найти в нашем Telegram-канале:

Хотите обсудить свой проект?

Если Вам понравился наш кейс и Вы бы хотели проконсультироваться с нашей командой по поводу внедрения подобного решения в Вашу компанию, оставьте заявку и мы свяжемся с Вами в ближайшее время.

Для обсуждения вашей задачи напишите нам в WhatsApp. Проведем аудит и предложим решение.