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

Редизайн сайта по разработке ботов

Как улучшить дизайн сайта, сохранив текст и структуру страницы? Показываем на примере обновленного сайта по разработке ботов.

Целью модернизации стало оформление страницы в фирменных цветах с добавлением фото-примеров и анимаций. Также была поставлена задача - сохранить текст без серьезных изменений.

Обновленная версия: https://www.helpexcel.pro/bots

Первый экран

Фото на фоне "упирается" в меню сайта. Фото слишком большое по отношению ко всему блоку;
Скучная цветовая гамма.

До:
После:

Оформление в едином стиле с главным сайтом;
Наличие воздуха;
Добавление формы захвата с первой страницы.

Преимущества

Сложные и разнообразные иконки;
Не хватает акцентных элементов в тексте;
Фото на фоне берет на себя больше внимания, чем текст. ( В данном случае должно быть наоборот)

До:
После:

Отказались от фото на фоне в пользу текстовой информации;
Иконки в едином стиле;
С помощью жирности текста выделили важные части.

Функции чат-бота

Нарушение единой стилистики сайта из-за введения дополнительных элементов оформления и новой цветовой гаммы;
Не хватает акцентных элементов в тексте;
Странная форма телефона.

До:
После:

С помощью жирности текста выделили важные части;
Замена изображения на более современную модель телефона.

ВОзможности

Тень на фоновой картинке очень бросается в глаза, выглядит "грязно";
Появление новых иконок;
Непонятно о чем блок, не хватает пояснения, названия.

До:
После:

Отказались от фото на фоне в пользу текстовой информации;
Иконки в едином стиле с предыдущими блоками;
Повтор стиля оформления блоков.

Функционал

Нарушение единой стилистики сайта из-за введения дополнительных элементов оформления и новой цветовой гаммы.

До:
После:

Создание контрастного блока по отношению к другим блокам;
Подача и оформление информации в уже заданном стиле.

Обратная связь

Нарушение единой стилистики сайта из-за введения дополнительных элементов оформления и новой цветовой гаммы;
Фоновая картинка устарела.

До:
После:

Замена изображения, как второстепенного элемента;
Форма захвата выполнена в том же стиле, как и другие формы на сайте.

На этом всё!

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

Разработка дизайна любой сложности

Для уточнения деталей по созданию персонального дизайна для вашей компании оставьте заявку и мы согласуем с вами время консультации.

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