![](https://2dit.ru/wp-content/uploads/2023/07/akppmain.png)
Веб-сервисы
Дизайн
Проектирование
Сопровождение
Редизайн веб-портала автосервиса AKPPHELP
АКППХЕПЛ - это успешная сеть автосервисов по ремонту АКПП в Москве. Компания также развивает собственный информационный веб-портал с базой знаний по ремонту автоматических коробок передач для большинства современных автомобилей.
-
Клиент
АКППХЕПЛ
-
Год
2021
Задача
В 2020 году к нам обратился руководитель автосервиса и создатель веб-протала Павел с задачей произвести редизайн сайта - веб-портала со вложеностью более 4000 страниц. Попутно со сменой стилистики заказчик хотел произвести смену движка сайта.
Первым приоритетом было сохранить позиции в поисковой выдаче, так как у портала были хорошие результаты в регионе Москва.
Решение
Мы провели предпроектную аналитику и глубокий разбор имеющейся архитектуры, систематизировали контент - разложив все виды страниц в виде таблиц с шаблонами по заголовкам уровня h1-h2-h3, что важно для СЕО.
После проектирования мы приступили к отрисовке новой дизайн-концепции сайта, учитывая выдержанную структуру.
Проектирование структуры сайта автомобильного сервиса
![](https://2dit.ru/wp-content/uploads/2023/07/akpp-1.png)
Дизайн сайта автосервиса
На основе спроектированной структуры и стилистических пожеланий мы разработали новый дизайн сайта.
![](https://2dit.ru/wp-content/uploads/2023/07/akpp-2.png)
Разработка общей дизайн-концепции
В качестве основной визуальной линии был выбрал современный минимализм - преобладание светлого фона и белых карточек, много воздуха. Акцентными цветами остались фирменные цвета компании - красный и синий.
![](https://2dit.ru/wp-content/uploads/2023/07/akpp-3.png)
Фирменные цвета и типографика
![](https://2dit.ru/wp-content/uploads/2023/07/akpp-4.png)
Дизайн главной страницы
По ходу работы мы решили сразу несколько интерфейсных проблем - оптимизировали данные в шапке, вынесли главную информацию в баннеры на первый экран. А в качестве креативной идеи для иллюстрации основных рубрик была разработана 3D модель с рукояткой АКПП.
![](https://2dit.ru/wp-content/uploads/2023/07/akpp-5.png)
Мега-меню
Чтобы не перегружать пользователя множеством услуг, мы собрали их в одно мега-меню и вывели самые популярные марки авто по каждой услуге.
![](https://2dit.ru/wp-content/uploads/2023/07/akpp-6.png)
Страница услуги первого уровня
Страница была отрисована в соотвествии с согласованной структурой и порядком блоков и включала в себя:
-
название услуги
-
форма записи в автосервис
-
видео о компании
-
цены
-
гарантия
-
выбор марки автомобиля
-
примеры работ
-
преимущества компании
-
как производится ремонт
-
контакты и карта
-
полезные статьи
-
ссылки на соц.сети
![](https://2dit.ru/wp-content/uploads/2023/07/akpp-7.png)
Страница услуги второго уровня (марка авто)
Страница была отрисована в соотвествии с согласованной структурой и порядком блоков и включала в себя:
-
название услуги
-
форма записи в автосервис
-
прайс-лист
-
гарантия
-
выбор модели автомобиля
-
примеры работ
-
преимущества компании
-
основные проблемы данной АКПП
-
контакты и карта
-
полезные статьи
-
часто задаваемы вопросы
-
ссылки на соц.сети
-
комментарии
![](https://2dit.ru/wp-content/uploads/2023/07/akpp-8.png)
Страница услуги третьего уровня (модель авто)
Страница была отрисована в соотвествии с согласованной структурой и порядком блоков и включала в себя:
-
название услуги
-
форма записи в автосервис
-
прайс-лист
-
гарантия
-
примеры работ
-
преимущества компании
-
основные проблемы данной АКПП
-
контакты и карта
-
полезные статьи
-
часто задаваемы вопросы
-
ссылки на соц.сети
![](https://2dit.ru/wp-content/uploads/2023/07/akpp-9.png)
Страница Акции и спецпредложения
Для акций был отрисован отдельный блок.
![](https://2dit.ru/wp-content/uploads/2023/07/akpp-10.png)
Страница Отзывы
Отзывы клиентов - важнейший элемент для популярности автосервиса. Дизайн страницы был также перерисован.
![](https://2dit.ru/wp-content/uploads/2023/07/akpp-11.png)
Страница 404
Техническая страница выполнена в общей стилистике сайта.
![](https://2dit.ru/wp-content/uploads/2023/07/akpp-12.png)
Создание функционала автомобильного веб-портала
Программирование страниц и функционала сайта заняли больше 6 месяцев. За это время были реализованы все многочисленные функции из Технического задания.
Формы заявок
Все формы обратной связи, заявки на запись в автосервис и тематически баннеры выполнены в единой стилистике.
![](https://2dit.ru/wp-content/uploads/2023/07/akpp-19.png)
Примеры выполненных работ автосервиса
По задуменной архитектуре примеры выполненных работ должны размещаться как в отдельном разделе, так и автоматически подставляться на страницу нужно марки и модели автомобиля.
![](https://2dit.ru/wp-content/uploads/2023/07/akpp-20.png)
Полезные статьи
Важнейшим разделом сайта является огромное количество полезных статей для автолюбителей. Для этого раздела также был отрисован новый дизайн страниц.
![](https://2dit.ru/wp-content/uploads/2023/07/akpp-21.png)
Руководства по ремонту
Если посетилтель не знает какой тип устанавливается на его автомобиль - он может определить АКПП по марке и модели машины.
![](https://2dit.ru/wp-content/uploads/2023/07/akpp-22.png)
Перенос содержимого страниц сайта автосервиса с учётом SEO
-
страницы услуг первого уровня
-
страницы услуг второго уровня
-
страницы услуг третьего уровня
-
страницы статей
-
примеры работ
-
руководства по ремонту
![](https://2dit.ru/wp-content/uploads/2023/07/akpp-23.png)
Система управления интернет магазином
-
1
Административная панель
Сайт реализован на системе управления 1С-Битрикс, что позволяет администратору сайта управлять содержимым страниц и вести учёт клиентской базы.
-
2
Автоматизация управления данными
Специальная доработка CMS позволяет управлять контентом сразу в нескоьких местах сайта, добавляя и редактируя типовые блоки, а также управляя масками заголовком для СЕО.
![](https://2dit.ru/wp-content/uploads/2023/07/akpp-24.png)