Кейс: Многостраничный сайт для СТО Илья

G
N
I
D
A
O
L

Статья

image news
view85

Кейс: Многостраничный сайт для СТО Илья

Кейс по созданию нового, первого многостраничного сайта для СТО Илья в городе Якутск. Разберем основные моменты, поделимся с вами предысторией проекта, поставленными задачами и результатом. Интересный опыт, приятного чтения!

Заказчик

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

Предыстория

Компания не имела сайта, ограничиваясь группой Вконтакте и регистрацией в каталогах. В сентябре 2018 года СТО Илья приняло решение о поиске веб-студии для разработки полноценного многостраничного сайта и приняло решение о сотрудничестве с нами.

Основные задачи

  • Создание яркого дизайна.
  • Проработка интуитивно понятной структуры сайта для быстрой и удобной навигации по нему.
  • Возможность добавления новостей, статей, отзывов и фотографий в галерею.
  • Простота в управлении и ведении сайта.
  • Адаптивность под мобильные устройства, кроссбраузерность под популярные браузеры, включая IE.

Реализация. Блочная структура

Проведя анализ сайтов авто-тематики, была создана предварительная структура сайта и типовых страниц, особое внимание получили страницы конкретных услуг и главная. Было решено включить на главную страницу слайдер с возможностью включения до пяти слайдов. Блок слайдера обзавелся статическим блоком с услугами. За слайдером последовали блоки с кратким описанием автосервиса, ходовыми услугами, преимуществами, отзывами, новостями, Яндекс Картой и логотипами обслуживаемых авто.

Страница услуг получила две колонки, левая - навигация по услугам, правая - цены, формы обратной связи, акции и прочее.

Услуги

Страницы: новости, акции, статьи, отзывы - выполнены в единой манере в две колонки. Левая - блоки отражающие подстраницы (в случае отзывов - просто отзывы), правая - подвижная форма обратной связи, сопровождающая пользователя по вертикали. Конечные страницы данных групп выполнены в той же концепции: левая сторона - контент, правая - подвижная форма.

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

Страница услуги (раздел со всеми услугами) и клиентам (раздел, содержащий в себе страницы: команда, корпоративным клиентам, контроль качества, клубная карта, гарантия) - получили простой и лаконичный блочный стиль, ничего лишнего.

Все отдельные страницы имеют один вид - вид новостной страницы.

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

Шапка сайта

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

Подвал сайта

Реализация. Дизайн

В дизайне за основу были взяты следующие цвета:

  • #255d9c
  • #2b6db6
  • #27415f
  • #f8f8f8

Приятные синие оттенки, плавные и теплые эффекты наведения на элементы. Малозаметные, но очень важные в структурировании, границы элементов и блоков. Основным шрифтом стал Roboto, мы любим этот шрифт, он используется на нашем сайте и отлично вписался в концепцию нового многостраничного сайта для СТО Илья. На некоторые блоки была добавлена полупрозрачная точечная сетка - этот прием позволяет выделить некоторые элементы, не вызывая кровотечения из глаз посетителя. Общий вид сайта превосходно отразил деятельность автосервиса, интересные решения в структуре и эффектах, грамотное расположение блоков и приятные цвета - подчеркнут уровень автосервиса, что выделит сайт среди конкурентов, позволит получать больше клиентов, за счет формирования положительного мнения. Первое что видит новый посетитель - сайт, именно за счет этого формируется его первое мнение и это мнение не может быть отрицательным.

Результат

Насладитесь всей красотой получившегося сайта.

Главная страница.

Главная

Страница с акциями.

Акции

Страница с клубной картой.

Клубная карта

Итог

В результате получился красивый и стильный сайт с изюминкой, в структуре которого смогут разобраться даже самые незаурядные автолюбители и автолюбительницы. Удобная навигация по услугам и понятный прайс-лист, возможность быстро оставить заявку, находясь в любом месте сайта. Теплая цветовая палитра и удобная структура позволят подтолкнуть пользователя к совершению целевого действия. Возможность быстро и удобно вести сайт, управлять им.

Вам понравился результат нашей работы? - Не теряйте времени, обращайтесь к профессионалам. Мы работаем по всей России, готовы сотрудничать с компаниями за рубежом. Контакты нашей web студии.

Главная

Перейти на сайт.