Заполните форму и мы свяжемся с Вами
BRAND DESIGN FACTORY
ANTRE
![Antre Antre](https://german-web.org/wp-content/themes/german/assets/images/antre/promo2.png)
Запрос клиента
Есть сайт-визитка компании, необходимо провести аудит визуальной составляющей проекта, т.к. нет обращений клиентов через сайт.
Цели
-
Проведение подробного анализа UI, UX сайта.
-
Составление CJM.
-
Редизайн проекта с целью улучшения визуальной составляющей и повышения удобства работы с сайтом.
-
Обсуждение плана улучшения дизайна проекта с заказчиком.
-
Отрисовка мобильной версии сайта.
![детальная Страница УСЛУГИ детальная Страница УСЛУГИ](https://german-web.org/wp-content/themes/german/assets/images/antre/purposes-2.jpg)
процесс работы
Проведен UI и UX анализа сайта, результаты которого учтены при редизайне.
Составлена карта пути пользователя,
которая показывает шаги пользователя до
достижения цели и
отражает его взаимодействие
с сайтом, на основании которой проводился редизайн.
![Процесс Процесс](https://german-web.org/wp-content/themes/german/assets/images/antre/process.jpg)
Результат
Главная страница до редизайна
![Главная страница до редизайна Главная страница до редизайна](https://german-web.org/wp-content/themes/german/assets/images/antre/main-before.png)
Главная страница после редизайна
![Главная страница после редизайна Главная страница после редизайна](https://german-web.org/wp-content/themes/german/assets/images/antre/main-page-1.png)
- Расположен баннер, содержащий текст о деятельности компании, который сразу показывает пользователю, чем занимается компания и что предлагает клиенту.
- Призыв к действию посредством расположения кнопки «Обсудить проект»
БЛОК «ПРОЕКТЫ»
![Блоки Блоки](https://german-web.org/wp-content/themes/german/assets/images/antre/block-1.png)
![Блоки Блоки](https://german-web.org/wp-content/themes/german/assets/images/antre/block-2.png)
![Блоки Блоки](https://german-web.org/wp-content/themes/german/assets/images/antre/block-3.png)
![Блоки Блоки](https://german-web.org/wp-content/themes/german/assets/images/antre/block-4.png)
![Блоки Блоки](https://german-web.org/wp-content/themes/german/assets/images/antre/block-5.png)
БЛОК «КЛИЕНТЫ КОМПАНИИ»
![Мобильная версия Мобильная версия](https://german-web.org/wp-content/themes/german/assets/images/antre/mobile-1.png)
![Заявка Заявка](https://german-web.org/wp-content/themes/german/assets/images/antre/form.png)
Страница проекты
![Страница проекты Страница проекты](https://german-web.org/wp-content/themes/german/assets/images/antre/page-proj-1.png)
В результате редизайна страницы, наименования всех услуг оказываемых компанией мы расположили в левой части страницы, что обеспечивает удобство для пользователя.
Пользователю не нужно искать интересующую его услугу, осуществляя вертикальный скролл страницы. Он просто выбирает нужную ему услугу, нажимает на нее и в правой части экрана видит описание выбранной им услуги.
детальная Страница УСЛУГИ
![детальная Страница УСЛУГИ детальная Страница УСЛУГИ](https://german-web.org/wp-content/themes/german/assets/images/antre/page-proj-2.png)
В результате редизайна, страницы Маркетинг&Стратегии и Креатив&Дизайн объединены в одну страницу ПРОЕКТЫ, что наиболее понятно и удобно для пользователя.
При открытии страницы по умолчанию выводятся все проекты без разделения по направлению.
Выбор нужного направления осуществляется посредством Tab.
Тем самым, пользователю не нужно переходить с одной страницы на другую для просмотра проектов разного направления.
Данные действия осуществляются на одной странице, что существенно экономит время пользователя.
Страница УСЛУГИ до редизайна
До редизайна, чтобы пользователь мог ознакомиться с интересующей услугой, ему необходимо было скроллить страницу и искать нужную услугу.
Это неудобно, поскольку пользователю нужно было просмотреть весь текст на странице, что занимало очень много времени.
![Страница УСЛУГИ до редизайна Страница УСЛУГИ до редизайна](https://german-web.org/wp-content/themes/german/assets/images/antre/page-proj-3.png)
Страница УСЛУГИ после редизайна
![Страница УСЛУГИ после редизайна Страница УСЛУГИ после редизайна](https://german-web.org/wp-content/themes/german/assets/images/antre/page-proj-4.png)
![Картинка Картинка](https://german-web.org/wp-content/themes/german/assets/images/antre/image-block-1.png)
Cтраница о компании
На страницу добавлен новый блок
«Как мы работаем»,
в котором расположена информация об этапах работы
выполнения заказа.
![Страница о компании Страница о компании](https://german-web.org/wp-content/themes/german/assets/images/antre/page-company-1.png)
Каждый этап представлен в виде модуля и расположен посредством Tab.
Описание самого модуля представлено в удобном формате: наименование работы с разбивкой на более подробный план выполнения задачи.
![Страница о компании Страница о компании](https://german-web.org/wp-content/themes/german/assets/images/antre/page-company-2.png)
![Блоки Блоки](https://german-web.org/wp-content/themes/german/assets/images/antre/block-6.png)
![Блоки Блоки](https://german-web.org/wp-content/themes/german/assets/images/antre/block-7.png)
БЛОК «наша команда»
Детальная страница креатив&дизайн
![Детальная страница креатив&дизайн Детальная страница креатив&дизайн](https://german-web.org/wp-content/themes/german/assets/images/antre/page-proj-5.png)
Детальная страница маркетинг&стратегии
![Детальная страница маркетинг&стратегии Детальная страница маркетинг&стратегии](https://german-web.org/wp-content/themes/german/assets/images/antre/page-proj-6.png)
![Детальная страница маркетинг&стратегии Детальная страница маркетинг&стратегии](https://german-web.org/wp-content/themes/german/assets/images/antre/page-proj-7.png)
![Картинка Картинка](https://german-web.org/wp-content/themes/german/assets/images/antre/image-block-2.png)
ИТОГ
Заказчику представлен макет новой версии сайта (ПК и мобильная версии) для передачи в разработку.
![Картинка Картинка](https://german-web.org/wp-content/themes/german/assets/images/antre/poster_56.png)
![Картинка Картинка](https://german-web.org/wp-content/themes/german/assets/images/antre/poster_23.png)
![Картинка Картинка](https://german-web.org/wp-content/themes/german/assets/images/antre/poster_47.png)
![Картинка Картинка](https://german-web.org/wp-content/themes/german/assets/images/antre/poster_50.png)
![Картинка Картинка](https://german-web.org/wp-content/themes/german/assets/images/antre/poster_48.png)