Кейс по созданию нового, первого многостраничного сайта для СТО Илья в городе Якутск. Разберем основные моменты, поделимся с вами предысторией проекта, поставленными задачами и результатом. Интересный опыт, приятного чтения!
Заказчик
Станция технического обслуживания Илья. Осуществляет техническое обслуживание японских, европейских и отечественных автомобилей в техническом центре, который оснащен современным оборудованием. Имеют опыт работы, как с частными, коммерческими, так и с государственными организациями. Имея свой магазин, производят продажу запасных частей для легковых автомобилей отечественного и зарубежного производства, продажу автомасел и технических жидкостей.
Предыстория
Компания не имела сайта, ограничиваясь группой Вконтакте и регистрацией в каталогах. В сентябре 2018 года СТО Илья приняло решение о поиске веб-студии для разработки полноценного многостраничного сайта и приняло решение о сотрудничестве с нами.
Основные задачи
- Создание яркого дизайна.
- Проработка интуитивно понятной структуры сайта для быстрой и удобной навигации по нему.
- Возможность добавления новостей, статей, отзывов и фотографий в галерею.
- Простота в управлении и ведении сайта.
- Адаптивность под мобильные устройства, кроссбраузерность под популярные браузеры, включая IE.
Реализация. Блочная структура
Проведя анализ сайтов авто-тематики, была создана предварительная структура сайта и типовых страниц, особое внимание получили страницы конкретных услуг и главная. Было решено включить на главную страницу слайдер с возможностью включения до пяти слайдов. Блок слайдера обзавелся статическим блоком с услугами. За слайдером последовали блоки с кратким описанием автосервиса, ходовыми услугами, преимуществами, отзывами, новостями, Яндекс Картой и логотипами обслуживаемых авто.
Страница услуг получила две колонки, левая - навигация по услугам, правая - цены, формы обратной связи, акции и прочее.
Страницы: новости, акции, статьи, отзывы - выполнены в единой манере в две колонки. Левая - блоки отражающие подстраницы (в случае отзывов - просто отзывы), правая - подвижная форма обратной связи, сопровождающая пользователя по вертикали. Конечные страницы данных групп выполнены в той же концепции: левая сторона - контент, правая - подвижная форма.
Страница галереи выполнена в стиле четкой прямоугольной сетки, заполненной фотографиями с возможностью увеличенного просмотра.
Страница услуги (раздел со всеми услугами) и клиентам (раздел, содержащий в себе страницы: команда, корпоративным клиентам, контроль качества, клубная карта, гарантия) - получили простой и лаконичный блочный стиль, ничего лишнего.
Все отдельные страницы имеют один вид - вид новостной страницы.
Шапка сайта получила полную навигацию по услугам, логотип, время работы, телефон, email, поиск по сайту и несколько форм обратной связи, вызываемых в модальном окне (запись на СТО, обратный звонок и заказ запчастей).
Подвал сайта включил в себя краткую навигацию по страницам сайта, навигацию по услугам, контакты и ссылки на социальные сети.
Реализация. Дизайн
В дизайне за основу были взяты следующие цвета:
Приятные синие оттенки, плавные и теплые эффекты наведения на элементы. Малозаметные, но очень важные в структурировании, границы элементов и блоков. Основным шрифтом стал Roboto, мы любим этот шрифт, он используется на нашем сайте и отлично вписался в концепцию нового многостраничного сайта для СТО Илья. На некоторые блоки была добавлена полупрозрачная точечная сетка - этот прием позволяет выделить некоторые элементы, не вызывая кровотечения из глаз посетителя. Общий вид сайта превосходно отразил деятельность автосервиса, интересные решения в структуре и эффектах, грамотное расположение блоков и приятные цвета - подчеркнут уровень автосервиса, что выделит сайт среди конкурентов, позволит получать больше клиентов, за счет формирования положительного мнения. Первое что видит новый посетитель - сайт, именно за счет этого формируется его первое мнение и это мнение не может быть отрицательным.
Результат
Насладитесь всей красотой получившегося сайта.
Итог
В результате получился красивый и стильный сайт с изюминкой, в структуре которого смогут разобраться даже самые незаурядные автолюбители и автолюбительницы. Удобная навигация по услугам и понятный прайс-лист, возможность быстро оставить заявку, находясь в любом месте сайта. Теплая цветовая палитра и удобная структура позволят подтолкнуть пользователя к совершению целевого действия. Возможность быстро и удобно вести сайт, управлять им.
Вам понравился результат нашей работы? - Не теряйте времени, обращайтесь к профессионалам. Мы работаем по всей России, готовы сотрудничать с компаниями за рубежом. Контакты нашей web студии.
Источник: веб студия WITECH
