Написать в Telegram
Написать в WhatsApp
Заказать звонок

К нам обратиласть компания “ВА Системс” для редизайна сайта и SEO продвижения.

Компания предоставляет услуги по поставке, установке и обслуживанию оборудования для маркировки и идентификации продукции.

Mission

  • 1

    Цели

    Сделать сайт более современным, лаконичным и понятным пользователю

  • 2

    Аудитория

    Основные посетители сайта бизнесмены и специалисты мужчины и женщины 35+

  • 3

    Цели

    Проработать юзабилити, рассказать о продукте и подвести к покупке

Mood board

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

Руководитель “ВА Системс” - “Нам нравятся эти сайты,
но это не значит, что нужно повторять их, просто есть ожидание сайта «не хуже, чем эти»”.

Сегментация целевой аудитории

В ходе исследования пользователей
мы изучили их потребности и проработали сценарии поведения на сайте.

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

Protorype

В ходе исследования пользователей мы изучили их потребности и проработали сценарии поведения на сайте.

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

Кроме того мы разработали адаптивный прототип сайта под популярные среди пользователей разрешения экрана

Product page

Мы проработали каталог и страницу продукта. Спроектировали точки взаимодействия между пользователем и сайтом. Оценили опыт пользователей в ходе тестирования сайта и структурировали информацию по лучшим результатам.

Элементы на странице структурированы в соответсвии с результатами юзабилити тестирования

Продуманны все возможные сценарии взаимодействия и учтены все точки захвата

Компоновка элементов упрощает считывание информации о продукте, отвечая на вопросы шаг за шагом

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

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

Дизайн сайта спроектирован в комбинации удобства использования, основываясь на опыте пользователей и визуальном дизайне в соответсвии с фирменным стилем компании

Design elements

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

Акцентные элементы выделены ярким цветом, перекликающимся с логотипом компании.

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

Colors

В дизайне использованы акентный красный цвет логотипа и несколько контрастных оттенков для фона и текста.

#fefefe
#c42121
#c4c4c4
#0c0c0c

Montserrat

Заголовки H1

40px Regular

Заголовки H2

24px SemiBold

Основной текст D3

16px Regular

Details

Чистый дизайн в тонких линиях сохраняется во всех деталях сайта

SEO

Обновлённый сайт соответсвует всем требованиям поисковых систем, технически оптимизирован и имеет высокую скорость загрузки, в соответсвии с google Page Speed Insights

desktop version

92

0,7 сек.

Время загрузки первого контента

1,1 сек.

Индекс скорости загрузки

1,4 сек.

Время загрузки для взаимодействия

mobile version

76

3,6 сек.

Время загрузки первого контента

3,6 сек.

Индекс скорости загрузки

4,7 сек.

Время загрузки для взаимодействия

Review

Савельев Георгий

Гениральный директор ВА Системс

Сотрудничеством с “ConWeb”
и результатом работы довольны

Total design

Дизайн сайта адаптивен и отлично выглядит на экране любого разрешения

Other pages

Понравился кейс? Сделаем еще лучше!

начните работу
c бесплатного аудита