Как улучшить дизайн сайта, сохранив текст и структуру страницы? Показываем на примере обновленного сайта по разработке ботов.
ПРОЕКТ РАЗРАБОТЧИКОВ БИЗНЕС АНАЛИТИКИ
Редизайн сайта по разработке ботов
Целью модернизации стало оформление страницы в фирменных цветах с добавлением фото-примеров и анимаций. Также была поставлена задача - сохранить текст без серьезных изменений.
Обновленная версия: https://www.helpexcel.pro/bots
Не хотите разбираться в непонятных формулах?
Настройте учет с помощью бесплатных шаблонов.
Первый экран
Фото на фоне "упирается" в меню сайта. Фото слишком большое по отношению ко всему блоку;
Скучная цветовая гамма.
Оформление в едином стиле с главным сайтом;
Наличие воздуха;
Добавление формы захвата с первой страницы.
До:
После:
Преимущества
Сложные и разнообразные иконки;
Не хватает акцентных элементов в тексте;
Фото на фоне берет на себя больше внимания, чем текст. ( В данном случае должно быть наоборот)
Отказались от фото на фоне в пользу текстовой информации;
Иконки в едином стиле;
С помощью жирности текста выделили важные части.
До:
После:
Функции чат-бота
Нарушение единой стилистики сайта из-за введения дополнительных элементов оформления и новой цветовой гаммы;
Не хватает акцентных элементов в тексте;
Странная форма телефона.
С помощью жирности текста выделили важные части;
Замена изображения на более современную модель телефона.
До:
После:
Сэкономьте время и организуйте учет в компании на индивидуальной консультации с нашим специалистом.
Хотите обсудить свой проект?
Если вы задумываетесь об оптимизации процессов в компании и внедрении IT-систем, оставьте заявку на консультацию и мы свяжемся с вами для обсуждения деталей.
ВОзможности
Тень на фоновой картинке очень бросается в глаза, выглядит "грязно";
Появление новых иконок;
Непонятно о чем блок, не хватает пояснения, названия.
Отказались от фото на фоне в пользу текстовой информации;
Иконки в едином стиле с предыдущими блоками;
Повтор стиля оформления блоков.
До:
После:
Функционал
Нарушение единой стилистики сайта из-за введения дополнительных элементов оформления и новой цветовой гаммы.
Создание контрастного блока по отношению к другим блокам;
Подача и оформление информации в уже заданном стиле.
До:
После:
Обратная связь
Нарушение единой стилистики сайта из-за введения дополнительных элементов оформления и новой цветовой гаммы;
Фоновая картинка устарела.
Замена изображения, как второстепенного элемента;
Форма захвата выполнена в том же стиле, как и другие формы на сайте.
До:
После:
Базовые решения для вашего бизнеса
Удобные системы оптимизации с учетом особенностей вашей отрасли.
Удобные системы оптимизации с учетом особенностей вашей отрасли.
На этом всё!
Еще больше полезных материалов вы можете найти в нашем Telegram-канале:
Хотите обсудить свой проект?
