Разработка сайта - кузовной ремонт с использованием PDR технологии

Начало проекта

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

Новый проект для компании, занимающейся автомобилями, заключался в том, что нам требовалось разработать сайт для одной конкретной услуги «Удаление вмятин» с несколькими подуслугами. Было принято решение делать его в формате мультилендинга.

Как ставилась задача

Мы уже не раз говорили о том, что четкая постановка задачи – это половина успеха всего проекта. К слову, не каждый руководитель сумеет грамотно объяснить сотрудникам, что от них требуется. К счастью, у нас такие руководители есть, за что им отдельное спасибо.

Итак, нам предстояло:

• Разработать сайт в формате мультилендинга для одной услуги.
• Структура сайта будет состоять из четырех страниц: Главная, О компании, Контакты и Страница Услуги.
• На страницах не должно быть разграничения на блоки.
• Максимально проработать информацию о качестве работ компании.

Прототипирование – как мы видим будущий сайт

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

Как уже было написано выше, структура сайта строилась по типу мультилендинга. Расскажем подробно о главной странице:

• На первом экране мы показываем пользователю суть сайта. Здесь же расположена форма обратной связи с возможностью сразу заказать услугу.

• Второй экран прокрутки был создан в виде превью всех услуг. Он дает возможность потенциальным клиентам подробно ознакомиться с каждой услугой.

• Далее пользователи могут увидеть галерею работ компании. Мы представили в формате фото «До» и «После», чтобы  клиент смог увидеть результат работы и по достоинству оценить профессионализм и качество оказываемых услуг. Такой подход формирует доверие.

• Блок «Наши преимущества» является мотивационным. Он подталкивает клиента к совершению целевого действия, за счет того, что показывает преимущества компании.

• Блок с подробной информацией о сотрудниках мы внедрили для того, чтобы клиенту было понятно, кто будет заниматься его автомобилем. Фото команды налаживают доверительный контакт с потенциальными клиентами – людям нравится видеть, с кем они работают. Использование фразы-ловушки «Нас рекомендуют друзьям и знакомым» также настраивается клиента положительно относительно компании.

• Сразу за блоком сотрудников, мы разместили форму для заказа услуги. Это повышает шансы на отправку заявки, так как работает правило «Люди покупают у людей», то есть, клиент видит, что с ним общаются живые люди, а не просто сайт.

• Блок с Контактами завершает главную страницу – здесь есть карта с указанием местоположения и все необходимые адреса и телефоны для связи с компанией.

Теперь расскажем более подробно о разработке прототипа для посадочной страницы:

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

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

Прототип страницы Контакты имеет простую и понятную структуру. Он содержит всю необходимую информацию о том, как можно связаться с представителями компании, а также адреса и телефоны.

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

Разработка дизайна

Данный проект был достаточно сложным, так как клиент не высказал особых пожеланий касательно дизайна, лишь подчеркнул,  что «Сайт должен продавать услугу». Что ж, наш дизайнер поработал на славу и вот, что получилось:

• Использован минималистичный стиль, который не отвлекает клиентов от основной информации.
• Цветовая гамма подобрана в соответствии с логотипом компании.
• Кнопки в стиле флэт-дизайна – изысканная простота.
• Под каждым заголовком полоса, которая меняет положение при переходе на другой экран.
• При наведении на иконки они подсвечивают белым цветом для лучшего восприятия информации.

В целом дизайн сайта выглядит очень стильно и презентабельно, он получился действительно продающим!

Разработка сайта

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

К слову, над данным проектом работал новый верстальщик. И его работой мы остались более чем довольны! Расскажем, почему:

• Удобный админский интерфейс, который раскрывает массу возможностей для дальнейшей работы по улучшению сайта.
• Разработка на базе платформы Drupal 7.
• Отправка форм осуществляется без перезагрузки страницы, благодаря чему сайт работает быстрее.
• Кнопка Back to top позволяет вернуться в самый верх страницы.
• Использование скролл-эффектов.
• Сайт адаптирован под мобильные устройства и все современные браузеры.

Итоги работы с сайтом

Мы получили эффективный сайт с хорошей конверсией. В течении месяц количество клиентов выросло почти на 30%. Это лишний раз доказывает эффективность работы нашей команды. Итак, смотрите, что мы имеем: