Разработка сайта в компании автосалона Landing page»

Содержание:

Введение

Представленная работа посвящена теме «Разработка web-сайта автосалона в формате Landing page».

Проблема данного исследования носит актуальный характер в современных условиях. Об этом свидетельствует частое изучение поднятых вопросов.

Тема «Разработка web-сайта автосалона в формате Landing page» изучается на стыке сразу нескольких взаимосвязанных дисциплин. Для современного состояния науки характерен переход к глобальному рассмотрению проблем тематики «Разработка web-сайта автосалона в формате Landing page».

Вопросам исследования посвящено множество работ. В основном материал, изложенный в учебной литературе, носит общий характер, а в многочисленных монографиях по данной тематике рассмотрены более узкие вопросы проблемы «Разработка web-сайта автосалона в формате Landing page». Однако, требуется учет современных условий при исследовании проблематики обозначенной темы.

Высокая значимость и недостаточная практическая разработанность проблемы «Разработка web-сайта автосалона в формате Landing page» определяют несомненную новизну данного исследования.

Дальнейшее внимание к вопросу о проблеме «Разработка web-сайта автосалона в формате Landing page» необходимо в целях более глубокого и обоснованного разрешения частных актуальных проблем тематики данного исследования.

Актуальность настоящей работы обусловлена, с одной стороны, большим интересом к теме «Разработка web-сайта автосалона в формате Landing page» в современной науке, с другой стороны, ее недостаточной разработанностью. Рассмотрение вопросов связанных с данной тематикой носит как теоретическую, так и практическую значимость.

Результаты могут быть использованы для разработки методики анализа «Разработка web-сайта автосалона в формате Landing page».

Теоретическое значение изучения проблемы «Разработка web-сайта автосалона в формате Landing page» заключается в том, что избранная для рассмотрения проблематика находится на стыке сразу нескольких научных дисциплин.

Объектом данного исследования является анализ условий «Разработка web-сайта автосалона в формате Landing page».

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

Целью исследования является изучение темы «Разработка web-сайта автосалона в формате Landing page» с точки зрения новейших отечественных и зарубежных исследований по сходной проблематике.

В рамках достижения поставленной цели автором были поставлены и решения следующие задачи:

1. Изучить теоретические аспекты и выявить природу «Разработка web-сайта автосалона в формате Landing page».
2. Сказать об актуальности проблемы «Разработка web-сайта автосалона в формате Landing page» в современных условиях.
3. Изложить возможности решения тематики «Разработка web-сайта автосалона в формате Landing page».

Работа имеет традиционную структуру и включает в себя введение, основную часть, состоящую из 2 глав, заключение и библиографический список.

1 Создание сайта на основе лендинг пейдж

1.1 Сущность и особенности лендинг пейдж

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

Отличия лендинг пейдж и сайта:

1. Длина лендинга

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

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

2. Наличие целевого действия

Лендинг пейдж всегда имеет целевое действие - это могут быть формы для сбора контактных данных, кнопки для онлайн-оплаты или другие варианты целевого действия.

На сайте тоже могут быть размещены формы, но они не является ключевым элементом. Поэтому конверсия данных форм значительно ниже, чем на landing page.

3. Отсутствие навигации

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

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

1. Призыв к действию

Призыв к действию на целевой странице - конкретный экран с CTA (call to action), направленный на совершение целевого действия - заказ, оплата заявки, регистрация.

1.2 Лендинг пейдж – новое направление в создании сайтов

Landing page дословно переводится с английского: «целевая» или «посадочная страница».

Далее рассмотрим лендинги на Вордпресс с сервисами онлайн-конструкторов лендингов. Потому что на старте часто возникает вопрос — на чём лучше делать лендинги. Воспользоваться для этого специальными сервисами или создать собственный сайт и конструировать лендинги на нём.

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

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

Современные премиум-темы имеют полный комплект инструментов для успешного создания и управления лендингами на Вордпресс.

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

Основные преимущества собственного конструктора — это низкая стоимость использования, полная независимость и по сути неограниченные функциональные, стилевые возможности.

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

Кстати, можно пойти ещё дальше и развернуть сеть лендингов с помощью мультисайта Вордпресс, привязать каждый лендинг к поддомену или даже к домену второго уровня. Режим мультисайт позволяет обойти ограничение тарифов хостинга на количество сайтов. Например, на тарифе «Восток-1» можно создать не три, а десять сайтов и платить те же 98 руб. в месяц.

Желательно понимать, как работает Вордпресс, темы, плагины, хотя бы минимально знать HTML и т.д. Хорошие многоцелевые темы для Вордпресс на которых реально можно собирать эффектные лендинги бесплатно не распространяются, они стоят в районе 3 000 руб.

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

Далее рассмотрим темы.

1. MegaMate — творческая многоцелевая тема (рис. 1)

Рис. 1. MegaMate — творческая многоцелевая тема

Адаптивная тема, построенная на Бутстрапе, имеет 4 готовых варианта оформления главной страницы, отлично подойдет для создания личного сайта, сайта фотографа, сайта агентства, оформления портфолио, лендингов.

2. Misma — тема мобильного приложения с блогом (рис. 2).

Рис. 2. Misma — тема мобильного приложения с блогом

Адаптивная тема на Бутстрапе с чистым элегантным дизайном и удобным управлением для создания целевых страниц мобильных приложений.

3. OneLander — креативный лендинг (рис. 3)

Рис. 3. OneLander — креативный лендинг

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

4. Sartre — адаптивная многоцелевая тема (рис. 4).

Рис. 4. Sartre — адаптивная многоцелевая тема

Универстальная тема с 24 готовыми вариантами дизайна, однокликовым импортом контента, встроенным визуальным конструктором Visual Composer с более 100 готовых блоков оформления контента. Прекрасно подойдет для проектов, связанных с архитектурой, дизайном, салонами красоты, парикмахерскими, фотографией и ресторанами.

5. Incox — мультиконцептуальный лендинг (рис. 5)

Рис. 5. Incox — мультиконцептуальный лендинг

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

6. Nerdspro — минимальная тема (рис. 6)

Рис. 6. Nerdspro — минимальная тема

Адаптивная многоцелевая тема на Бутстрапе со встроенным конструктором Visual Composer, отлично подойдет для креативных агентств, корпоративных сайтов, портфолио, лендингов, фотосайтов, сайтов фрилансеров и т.д.

7. Tukio — событийный лендинг (рис. 7)

Рис. 7. Tukio — событийный лендинг

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

8. MediKos Center — медицинский лендинг (рис. 8)

Рис. 8. MediKos Center — медицинский лендинг

Адаптивная тема для создания медицинских целевых страниц с функцией записи пациентов, отлично подойдет для медицинских сайтов, медучреждений, клиник.

9. Aardvark — коммуникативная тема (рис. 9)

Рис. 9. Aardvark — коммуникативная тема

Тема для создания сообществ, форумов с поддержкой BuddyPress и инструментами для создания лендингов от элитного автора Envato Market.

10. Allura — тема портфолио (рис. 10)

Рис. 10. Allura — тема портфолио

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

11. Crypterio — биткойн, криптовалюты (рис. 11)

Рис. 11. Crypterio — биткойн, криптовалюты

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

12. Pinacop — творческая многоцелевая тема (рис. 12)

Рис. 12. Pinacop — творческая многоцелевая тема

Многофункциональная адаптивная тема с потрясающим дизайном, 7-ю уникальными концептами, встроенным Visual Composer для создания одностраничных и мультистраничных сайтов на Вордпресс. Pinacop поддерживает однокликовую инсталляцию, легко настраивается, очень удобен в использовании и прекрасно оптимизирован для SEO продвижения.

13. Mondrian — серьёзная тема (рис. 13)

Рис. 13. Mondrian — серьёзная тема

Шикарная тема для сайтов агентств и фрилансеров, дает полный контроль над структурой сайта, позволяет настроить внешний вид абсолютно всех элементов, поддерживается конструктор Visual Composer, электронная коммерция WooCommerce, мультиязычность WPML, контактные формы Contact Form 7.

14. Arpa — одностраничная бизнес тема (рис. 14)

Рис. 14. Arpa — одностраничная бизнес тема

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

15. Inova — мультиконцептуальный лендинг (рис. 15)

Рис. 15. Inova — мультиконцептуальный лендинг

Универсальная адаптивная тема для создания лендингов различных направлений, в комплекте 28 готовых вариантов оформления, более 100 видов шорткодов, мощный визуальный редактор, поддержка мультиязычности WPML и RTL-языков.

16. Wobus — бизнес тема

Рис. 16. Wobus — бизнес тема

Многоцелевая адаптивная тема с чистым дизайном для бизнес сайтов любых тематик. Тема построена на Бутстрапе, полностью протестирована и оптимизирована, в комплекте полный набор инструментов, включая конструктор Visual Composer.

17. Beo — блоговая тема с поддержкой портфолио (рис. 17)

Рис. 17. Beo — блоговая тема с поддержкой портфолио

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

18. Festy — ивент тема (рис. 18)

Рис. 18. Festy — ивент тема

Невероятно привлекательная, креативная, минималистичная, свежая, отполированная, полностью адаптивная многоцелевая тема в ярким праздничным дизайном и визуальным конструктором страниц Visual Composer, идеально подойдет для презентаций вечеринок, ночных клубов, фестивалей и других ярких мероприятий.

19. Pets Land — животные, ветеринария (рис. 19)

Рис. 19. Pets Land — животные, ветеринария

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

20. EM4U — тема ивентов, конференций (рис. 20)

Рис. 20. EM4U — тема ивентов, конференций

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

Процесс продаж через лендинг пейдж выглядит примерно так:

• увидели ссылку на посадочную страницу 100 человек;
• перешли по ссылке 40 пользователей;
• заявку оставило 10 человек;
• купили продукт 2 человек.

Из сотни – две продажи. Отдача – 2%. Это неплохой вариант. Не совершенный, но и не проигрышный.

Воронка продаж выглядит как перевернутая кухонная воронка: широкое основание и узкое горлышко.

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

CTR – отношение числа кликов к числу показов. Измеряется в процентах.

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

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

Когда анализируют лендинг, рассчитывают еще один показатель – EPC.

EPC – это усредненный показатель заработка с одной тысячи посещений лендинга.

Чем выше показатель доходности, тем выше эффективность вашей рекламной кампании.

Создание landing page без в большинстве случаев поможет увеличит продажи.

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

Чтобы страница заработала – нужно ее «включить».

Для этого можно предпринять следующие ходы:

1. Запустить контекстную рекламу на ваш одностраничный сайт.
2. Запустить e-mail рассылку по заранее собранной базе подписчиков. В письме кратко расписать свойства продукта и добавить ссылку на лэндинг.
3. Прорекламировать продукт на форумах, сайтах-партнерах, досках объявлений. Везде добавлять ссылку на страницу.

Ошибочно мнение, что лэндинг может быть единственным местом общения бизнеса и аудитории. Если компания не ведет блог, не развивает свое присутствие в социальных сетях, не использует email-маркетинг – landing page будет неэффективным.

2 Создание web-сайта автосалона в формате Landing page

2.1 Общая характеристика автосалона

Предлагается сделать сайт автосалона «Автофорса», расположенного по адресу: Ростовская обл., Волгодонск г., Цимлянское ш., 51. (рис. 21)

Рис. 21. Расположение автосалона «Автофорса» на Яндекс-карте

Основным видом деятельности автосалона «Автофорса» является продажа новых автомобилей, сервис и техническое обслуживание, силовая техника, а также продажа оригинальных запчастей и аксессуаров.

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

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

Для достижения поставленной цели компания предпринимает следующие шаги:

- постоянное улучшает качество предлагаемых услуг за счет постоянных капиталовложений в научные разработки и инновации;

- своевременно информирует клиентов о новинках;

- использует метод индивидуального подхода к каждому клиенту;

- оказывает полную рекламную и информационную поддержку своих продуктов;

- осуществляет постоянные инвестиции в сотрудников, их обучение, повышение квалификации и аттестации.

Конкурентные преимущества:

- безупречная репутация;

- профессиональный коллектив;

- высококачественная логистика;

- рекламная поддержка;

- современный подход в обслуживании клиентов.

Отдел продаж имеет несколько направлений деятельности:

- продажа новых автомобилей;

- продажа и обмен автомобилей с пробегом (trade-in);

- поддержка продаж (обеспечение Дилерского центра товарным запасом автомобилей,  документационная поддержка процесса продаж, подготовка автомобилей к выдаче);

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

Сотрудники отдела продаж взаимодействуют с клиентом на всех этапах данного процесса – начиная с первого контакта по телефону или в салоне до момента выдачи автомобиля.

Техническое обслуживание автомобилей осуществляется двумя подразделениями Сервис-бюро:

- слесарный цех занимается ремонтом, техническим обслуживанием и проверкой технического состояния автомобилей;

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

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

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

IT – департамент информационных технологий, который занимается сопровождением и администрированием информационных систем, а также созданием и внедрением программ.

Автосалон предоставляет возможности:

- Иметь достойную работу в автосалоне на разумных условиях в Компании, ориентированной на  долгосрочное сотрудничество;

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

- Постоянно совершенствовать свои профессиональные навыки и обмениваться опытом с коллегами;

- Осваивать различные виды деятельности, расти и развиваться в рамках всей Компании, а не только внутри своего подразделения;

- Жить интересной насыщенной корпоративной жизнью.

Для сотрудников автосалона существует целый ряд корпоративных сервисов и льгот, среди которых:

- Обучение и повышение квалификации за счет Компании;

- Программы добровольного медицинского страхования;

- Питание в собственной столовой по льготным ценам;

- Скидки на приобретение товаров и услуг дилерского центра.

2.2 Процесс создания web-сайта автосалона в формате Landing page

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

Шаг 1. Скачиваем свежую версию вордпресс на сайте https://ru.wordpress.org/, для начала загрузки нажимаем кнопку скачать WordPress, на данный момент актуальная версия 4.9.8. (рис. 22)

Рис. 22. Загрузка свежей версии WordPress

Шаг 2. Архив который мы скачали нам нужно распаковать в папку на компьютере, где у нас будет располагаться сайт. В моем случае это H:\sites\installwp (рис. 23).

Рис. 23. Распоковывание файла с программой

Шаг 3. Далее нам необходимо создать базу данных для нашего будущего сайта. Для этого пишем в адресной строке браузера http://localhost/phpmyadmin/ и заходим в phpmyadmin перед этим не забыв включить локальный сервер. Данные для авторизации если вы используете wamp: логин — root, поле пароль оставляем пустым (рис. 24).

— Нажимаем Базы Данных.

— Вводим название базы. Рекомендую использовать префикс wp_ если проектов будет много, базы вордпресса будут группироваться, что облегчает поиск.

— Нажимаем кнопку «Создать».

Рис. 24. Создание «Базы данных»

Шаг 4. Теперь мы готовы к установке WordPress на локальный сервер. Вводим в адресной строке браузера http://installwp.loc/ или в вашем случае http://localhost/nameyourfolder (name your folder — имя вашей папки, где лежит распакованный wp) обратите внимание, что вам необходимо ввести ваш адрес к сайту. Если вам интересно как я создал имя installwp.loc, то прочтите вот эту статью «Установка и настройка локального сервера wamp». И так мы видим приветствие установщика wp, нажимаем Вперед (рис. 25).

Рис. 25. Установка WordPress

В форме вводим (рис. 26):

— Имя БД;

— Имя пользователя — по умолчанию у нас root;

— Пароль пропускаем, если вы не создавали;

— Сервер Базы Данных по умолчанию localhost;

— Последнее это префикс к таблицам, рекомендую wp_.

Рис. 26. Подключение к Базе Данных

Если все отлично появится данная страница, нажимаем. Далее запускаем установку (рис. 27).

Рис. 27. Запуск установщика

На следующем шаге пишем название нашего сайта, имя пользователя и пароль для входа в админ панель. Если пароль слабый, ставим обязательно галочку, напротив пункта “Разрешить использование слабого пароля”. Так же пишем email и если мы хотим запретить индексацию сайта поисковыми системами, отмечаем “Попросить поисковые системы не индексировать сайт” (рис. 28).

Рис. 28. Завершение установки WordPress

Новая тема оформления устанавливается на сайт пошагово:

1. Скачайте и разархивируйте шаблон на компьютере.
2. Создайте на хостинге в разделе wp-content/themes папку с названием скачанной темы.
3. Переместите файлы шаблона при помощи FTP-клиента на хостинг.
4. Войдите в административную панель в профиль пользователя с правами админа.
5. Откройте вкладку «Внешний вид», раздел «Темы».
6. Выберите нужный шаблон из доступных тем.
7. Активируйте его.

Html-код разработанного сайта приведен в Приложении 1.

Результат представлен на рисунке 29.

Рис. 29. Главная страница сайта салона «Автофорса»

Заключение

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

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

Среди главных особенностей бизнеса можно выделить разброс целевой аудитории. Маркетологи отмечают, что наибольшую эффективность показывают методы продвижения сайтов автосалонов, ориентированные на мужчин в возрасте 20-55 лет. Довольно часто специалисты проводят раскрутку корпоративного сайта на автомобильных форумах, где пользователи обсуждают достоинства и недостатки моделей машин, особенности ремонта транспортных средств.

Чтобы успешно предлагать своим клиентам Шевроле Спарк, не менее важно обратиться к социальным сетям. Маркетологи рекомендуют не только создавать группу самого автосалона, но и заниматься созданием групп в социальных сетях, посвященных конкретным маркам автомобилей. При раскрутке сайта автосалона не меньшую эффективность показывает стандартная баннерная и контекстная реклама.

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

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

Именно для такой слаженной и оперативной работы, рекламы своих услуг и предоставления ценной информации была посвящена выпускная квалификационная работа, во время написания которой был создан сайт салона «Автофорса».

Сайт был создан на основе технологии лендинг пейдж.

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

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

Интернет — это перспективно и масштабно. Разработка сайта — это инвестиция в будущее, которая увеличивает активы автотсалона.

Список использованных источников

1. Антопольский, А.Б. Информационные ресурсы России: Научно-методическое пособие / А.Б. Антопольский. - М.: Либерия, 2014. - 424 c.
2. Антошин, М.К. Учимся рисовать на компьютере / М.К. Антошин. - М.: Айрис, 2016. - 160 c.
3. Байков В. Интернет. Поиск информации и продвижение сайтов; Книга по Требованию - Москва, 2012. - 288 c.
4. Божко, В.П. Информатика: данные, технология, маркетинг / В.П. Божко, В.В. Брага, Н.Г. Бубнова. - М.: Финансы и статистика, 2014. - 224 c.
5. Венедюхин Александр , Воробьев Андрей Создание сайтов (+ CD-ROM); Эксмо - Москва, 2011. - 528 c.
6. Гарднер Л., Григсби Д. Разработка веб-сайтов для мобильных устройств; Питер - Москва, 2013. - 448 c.
7. Гейн, А.Г. Основы информатики и вычислительной техники / А.Г. Гейн, В.Г. Житомирский, Е.В. Линецкий, и др.. - М.: Просвещение, 2013. - 254 c.
8. Голубцов, В.Н. Информатика: Лабораторный практикум. Создание простых текстовых документов в текставом редакторе Microsoft Word 2000 / В.Н. Голубцов, А.К. Козырев, П.И. Тихонов. - М.: Саратов: Лицей, 2012. - 686 c.
9. Горячев, А.В. Информатика в играх и задачах. 2 класс. Учебник-тетрадь / А.В. Горячев, Т.О. Волкова, К.И. Горина, и др.. - М.: Баласс, 2015. - 128 c.
10. Горячев, А.В. Практикум по информационным технологиям / А.В. Горячев, Ю.А. Шафрин. - М.: Бином, 2016. - 272 c.
11. Дакетт Джон HTML и CSS. Разработка и дизайн веб-сайтов (+ CD-ROM); Эксмо - Москва, 2013. - 480 c.
12. Демидович, Н.Б. Программирование и ЭВМ. Учебное пособие по факультативному курсу для учащихся 9, 10 классов / Н.Б. Демидович, В.М. Монахов. - М.: Просвещение, 2014. - 240 c.
13. Демина, О.А. Экзамен по информатике / О.А. Демина. - М.: Приор, 2013. - 176 c.
14. Дронов В. PHP 5/6, MySQL 5/6 и Dreamweaver CS4. Разработка интерактивных Web-сайтов; БХВ-Петербург - Москва, 2009. - 544 c.
15. Дронов Владимир HTML 5, CSS 3 и Web 2.0. Разработка современных Web-сайтов; БХВ-Петербург - Москва, 2011. - 416 c.
16. Дронов Владимир PHP, MySQL и Dreamweaver MX 2004. Разработка интерактивных Web-сайтов; БХВ-Петербург - Москва, 2010. - 448 c.
17. Дронов Владимир РНР 5/6, MySQL 5/6 и Dreamweaver CS4. Разработка интерактивных Web-сайтов; БХВ-Петербург - Москва, 2009. - 544 c.
18. Дронов, Владимир Macromedia Dreamweaver 4: разработка Web-сайтов; M.: БХВ - Москва, 2014. - 608 c.
19. Информатика и информационные технологии / ред. Ю.Д. Романова. - М.: Эксмо, 2014. - 544 c.
20. Информатика: Учебник. - М.: Финансы и статистика, 2015. - 768 c.
21. Информатика: Энциклопедический словарь для начинающих / ред. Д.А. Поспелов. - М.: Педагогика-Пресс, 2013. - 352 c.
22. Каймин, В.А. Информатика: практикум на ЭВМ / В.А. Каймин, Б.С. Касаев. - М.: ИНФРА-М, 2016. - 216 c.
23. Карцова, В.Г. Из истории Калининской области / В.Г. Карцова. - М.: Московский рабочий, 2012. - 168 c.
24. Китинг, Джоди Flash MX. Искусство создания web-сайтов; ТИД ДС - Москва, 2012. - 848 c.
25. Костин С. П. Самоучитель создания Web-сайтов; Триумф - Москва, 2009. - 176 c.
26. Кристофер Б. Джонс 140 технологий раскрутки сайтов; Рид Групп - Москва, 2011. - 352 c.
27. Кузнецов М., Симдянов И. PHP. Практика создания Web-сайтов; БХВ-Петербург - Москва, 2012. - 347 c.
28. Кушниренко, А.Г. Основы информатики и вычислительной техники / А.Г. Кушниренко, Г.В. Лебедев, Р.А. Сворень. - Л.: Просвещение; Издание 3-е, 2013. - 224 c.
29. Лавдей Ланс , Нихаус Сандра Проектирование прибыльных веб-сайтов; Манн, Иванов и Фербер - Москва, 2011. - 256 c.
30. Ляхович, В.Ф. Информатика 10-11 кл / В.Ф. Ляхович. - М.: Просвещение, 2015. - 352 c.
31. Мерсер, Дэвид Drupal 6. Создание надежных и полнофункциональных веб-сайтов, блогов, форумов, порталов и сайтов-сообществ; М.: Вильямс - Москва, 2009. - 272 c.
32. Митчелл, Скотт 5 проектов Web-сайтов от фотоальбома до магазина; М.: НТ Пресс - Москва, 2013. - 224 c.
33. Петроченков Персональный компьютер - просто и ясно! / Петроченков, Васильевич Александр. - М.: Смоленск: Русич, 2013. - 400 c.
34. Профессиональная разработка сайтов на Drupal 7; Питер - Москва, 2013. - 688 c.
35. Прохоренок Николай Разработка Web-сайтов с помощью Perl и MySQL; БХВ-Петербург - Москва, 2009. - 550 c.
36. Семакин, И. Информатика. Базовый курс. 7-9 классы / И. Семакин, Л. Залогова, С. Русаков. - М.: Бином. Лаборатория знаний, 2015. - 390 c.
37. Семакин, И.Г. Информатика 10 класс / И.Г. Семакин, Е.К. Хеннер. - М.: Бином. Лаборатория знаний, 2017. - 165 c.
38. Семакин, И.Г. Информатика. 10-й класс / И.Г. Семакин, Е.К. Хеннер. - М.: Бином. Лаборатория знаний, 2014. - 164 c.
39. Семакин, И.Г. Информатика. 11-й класс / И.Г. Семакин, Е.К. Хеннер. - М.: Бином. Лаборатория знаний; Издание 2-е, 2015. - 139 c.
40. Симонович Практическая информатика / Симонович, С.В; Евсеев, Г.А.. - М.: АСТ-Пресс Книга, 2014. - 480 c.
41. Симонович, С.В. Занимательный компьютер. Книга дя детей, учителей и родителей / С.В. Симонович, Г.А. Евсеев. - М.: АСТ-Пресс; Издание 2-е, перераб. и доп., 2012. - 368 c.
42. Симонович, С.В. Общая информатика / С.В. Симонович. - М.: СПб: Питер, 2011. - 428 c.
43. Тероу Шэри Видимость в Интернете. Поисковая оптимизация сайтов; Символ-Плюс - , 2009. - 288 c.
44. Угринович, Н. Информатика и информационные технологии / Н. Угринович. - М.: Бином. Лаборатория знаний, 2017. - 512 c.
45. Угринович, Н.Д. Информатика 10-11 класс / Н.Д. Угринович. - М.: Бином. Лаборатория знаний, 2017. - 511 c.
46. Угринович, Н.Д. информатика и информационные технологии: Учебник для 10-11 классов / Н.Д. Угринович. - М.: Лаборатория Базовых Знаний, 2014. - 512 c.
47. Угринович, Н.Д. Информатика. Учебник для 7 класса / Н.Д. Угринович. - М.: БИНОМ. Лаборатория знаний; Издание 3-е, 2014. - 173 c.
48. Угринович, Н.Д. Практикум по информатике и информационным технологиям / Н.Д. Угринович, Л.Л. Босова, Н.И. Михайлова. - М.: Бином. Лаборатория Базовых Знаний, 2013. - 394 c.
49. Фрейен Бен HTML5 и CSS3.Разработка сайтов для любых браузеров и устройств; Питер - Москва, 2014. - 304 c.
50. Фридман В. А., Александров А. В., Сергеев Г. Г., Костин С. П. Строительство Web-сайтов (+ CD-ROM); Триумф - Москва, 2011. - 288 c.
51. Хуторской А. В., Орешко А. П. Технология создания сайтов. 10-11 классы; Дрофа - Москва, 2011. - 256 c.
52. Чебыкин Ростислав Разработка и оформление текстового содержания сайтов; БХВ-Петербург - Москва, 2014. - 528 c.
53. Шестакова Информатика и информационно-коммуникационные технологии. Базовый курс. 8 класс / Шестакова, Л.В. и. - М.: Бином, 2017. - 176 c.
54. Энж Эрик, Спенсер Стефан, Фишкин Рэнд, Стрикчиола Джесси SEO - искусство раскрутки сайтов; БХВ-Петербург - Москва, 2011. - 592 c.
55. Энж Эрик, Спенсер Стефан, Фишкин Рэнд, Стрикчиола Джесси SEO. Искусство раскрутки сайтов; БХВ-Петербург - Москва, 2014. - 668 c.

Приложение 1

<head>
	<meta charset="utf-8">
	<title>Одностраничный шаблон сайта Landing Page от bayguzin.ru</title>
	<!--=================================
	Meta tags
	=================================-->
	<meta name="description" content="">
	<meta content="yes" name="apple-mobile-web-app-capable" />
	<meta name="viewport" content="minimum-scale=1.0, width=device-width, maximum-scale=1, user-scalable=no" />
	<!--=================================
	Style Sheets
	=================================-->
	<link href='http://fonts.googleapis.com/css?family=Cabin:400,500,600,700' rel='stylesheet' type='text/css'>
	<link href='http://fonts.googleapis.com/css?family=Dancing+Script:400,700' rel='stylesheet' type='text/css'>
	<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
	<link rel="stylesheet" type="text/css" href="css/owl.carousel.css">
	<link rel="stylesheet" type="text/css" href="css/animations.css">
	<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
	<link rel="stylesheet" type="text/css" href="css/jquery.flickr.css">
	<link rel="stylesheet" type="text/css" href="css/prettyPhoto.css">
	<link rel="stylesheet" href="css/main.css">
	<script async src="js/modernizr-2.6.2-respond-1.1.0.min.js"></script>
	</head>
	<body class="eschool" data-spy="scroll" data-target="#navbar" data-offset="70">
	<!--====================================
	Body Content
	=======================================-->
	<div class="navbar-custom">
	<div class="container">
	<a href="index.html" class="logo"><img src="img/logo.png" alt=""></a>
	<nav id="navbar">
	<a href="#" class="nav-triger"><span class="fa fa-navicon"></span></a>
	<ul class="main-menu nav">
	<li><a href="#section0">Вступление</a></li>
	<li><a href="#section1">Цены</a></li>
	<li><a href="#section2">О нас</a></li>
	<li><a href="#section3">Авто</a></li>
	<li><a href="#section4">Отзывы</a></li>
	<li><a href="#section5">Контакты</a></li>
	</ul>
	</nav>
	</div>
	</div>
	<section id="section0" class="header">
	<div class="container">
	<div class="headerInner">
	<h2>Добро пожаловать!<br>Салон "Автофорса"</h2>
	<p>Покупка, продажа, ремонт <b class="red">вашего авто</b></p>
	<div class="row mt-30">
	<div class="col-md-4 col-sm-6">
	<form>
	<input type="text" placeholder="Ваше Имя:">
	<input type="email" placeholder="Ваш Email:">
	<input type="tel" placeholder="Ваш номер телефона:">
	<button class="btn btn-default btn-head mt-20 mb-50">Отправить заявку</button>
	</form>
	</div>
	</div>
	</div>
	</div>
	</section>
	<section class="excellence mb-50">
	<div class="container">
	<div class="row">
	<div class="col-md-12">
	<div class="row">
	<div class="col-sm-6">
	<figure class="mt-50"><img src="img/director.png" alt=""></figure>
	</div>
	<div class="col-sm-6">
	<h5 style="color:#000">Здравствуйте, Вас приветствует <span style="color:#ffc000">директор салона "Автофоса" Игорь Петров</span></h5>
	<p>
	Основным видом деятельности салона "Автофорса" является продажа новых автомобилей, сервис и техническое обслуживание, силовая техника, а также продажа оригинальных запчастей и аксессуаров. Миссия - укрепить свою позицию на рынке путем современного подхода в обслуживании клиентов и предоставления качественного сервиса. основная цель компании - занять лидирующую позицию на рынке за счет расширения присутствия компании на данном сегменте рынка, усовершенствования технологий, улучшения качества предлагаемых товаров и услуг.</p>
	<p>Для достижения поставленной цели компания предпринимает следующие шаги: постоянно улучшает качество предлагаемых услуг за счет постоянных капиталовложений в научные разработки иинновации, своевременно информирует клиентов о новинках, использует метод индивидуального подхода к каждому клиенту, оказываетп олную рекламную и информационную поддержку своих продуктов, осуществляет постоянные инвестиции в сотрудников, их обучение, повышение квалификации и аттестации. </p>
	<p>Сотрудники отдела продаж взаимодействуют с клиентом на всех этапах - начиная с первого контакта по телефону или в салоне доо момента выдачи автомобиля. Сотрудники Отдела запасных частей и аксессуаров помогут клиентам подобрать необходимые запчасти и определят точные сроки поставки.Отдел кредитования и страхования помогает нашим клиентам оформить кредит на покупку автомобилей и разобраться в вопросах автострахования.
	</p>
	</div>
	</div>
	</div>
	</div>
	</div>
	</section>
	<section id="section1" class="our-courses parallax parallax_one" data-stellar-background-ratio="0.5" style="background-position: center bottom">
	<div class="overlay"></div>
	<div class="parallax_inner">
	<div class="container">
	<div class="row">
	<div class="text-center mb-50 head">
	<h2 style="color:#fff" class="mb-25">Тарифы и цены</h2>
	</div>
	<div class="col-sm-4" style="text-align:center; color:#fff; ">
	<figure style="color:#ffc000">
	<h4>1000<i class="fa fa-rub" aria-hidden="true"></i></h4>
	</figure>
	<div class="info">
	<h6>"Тариф №1"</h6>
	<p>Диагностика автомобиля</p>
	</div>
	</div>
	<div class="col-sm-4" style="text-align:center; color:#fff">
	<figure style="color:#ffc000">
	<h4>2000<i class="fa fa-rub" aria-hidden="true"></i></h4>
	</figure>
	<div class="info">
	<h6>"Тариф №2"</h6>
	<p>Установка фаркопа</p>
	</div>
	</div>
	<div class="col-sm-4" style="text-align:center; color:#fff">
	<figure style="color:#ffc000">
	<h4>3000<i class="fa fa-rub" aria-hidden="true"></i></h4>
	</figure>
	<div class="info">
	<h6>"Тариф №3"</h6>
	<p>Замена радиатора печки со снятием торпеды</p>
	</div>
	</div>
	</div>
	</div>
	</div>
	</section>
	<section id="section2" class="our-courses mt-30 mb-50">
	<div class="container">
	<div class="text-center mb-50 head">
	<h2 class="mb-25">О <span>НАШЕЙ</span> Компании</h2>
	<p> Основным видом деятельности салона "Автофорса" является продажа новых автомобилей, сервис и техническое обслуживание, силовая техника, а также продажа оригинальных запчастей и аксессуаров. Миссия - укрепить свою позицию на рынке путем современного подхода в обслуживании клиентов и предоставления качественного сервиса. основная цель компании - занять лидирующую позицию на рынке за счет расширения присутствия компании на данном сегменте рынка, усовершенствования технологий, улучшения качества предлагаемых товаров и услуг.</p>
	</div>
	<div class="row courses top">
	<div class="col-sm-4 course text-bold clearfix">
	<figure class="pull-left mt-10"><i style="font-size:80px; color:#5A9BD1" class="fa fa-check-circle" aria-hidden="true"></i></figure>
	<div class="info">
	<h5>Преимущество №1</h5>
	<p>Безупречная реклама.</p>
	</div>
	</div>
	<div class="col-sm-4 course text-bold clearfix">
	<figure class="pull-left mt-10"><i style="font-size:80px; color:#FFC000" class="fa fa-check-circle" aria-hidden="true"></i></figure>
	<div class="info">
	<h5>Преимущество №2</h5>
	<p>Современный подход в обслуживании клиентов.</p>
	</div>
	</div>
	<div class="col-sm-4 course text-bold clearfix">
	<figure class="pull-left mt-10"><i style="font-size:80px; color:#EE6555" class="fa fa-check-circle" aria-hidden="true"></i></figure>
	<div class="info">
	<h5>Преимущество №3</h5>
	<p>Профессиональный коллектив. Высококачественная логистика.</p>
	</div>
	</div>
	</div>
	<div class="text-center mb-50 head">
	<p>Сотрудники Отдела запасных частей и аксессуаров помогут клиентам подобрать необходимые запчасти и определят точные сроки поставки.</p>
	</div>
	</div>
	</section>
	<section id="section3" class="our-courses parallax parallax_one" data-stellar-background-ratio="0.5" style="background-position: center bottom">
	<div class="overlay"></div>
	<div class="parallax_inner">
	<div class="container">
	<div class="text-center mb-50 head">
	<h2 class="mb-25" style="color:#fff">Наши <span style="color:#ffc000">автомобили</span></h2>
	<p>Косвенная реклама порождена временем</p>
	</div>
	<div class="row courses">
	<div class="col-md-4 col-sm-6 course text-bold clearfix">
	<div class="course_inner">
	<figure class="pull-left mt-10"><img alt="" style="height:170px;" src="img/ford_focus_3.png"></figure>
	<div class="info">
	<h5 style="color:#fff">Ford Focus</h5>
	<p>Цвет: белый, цена: 504000 руб.</p>
	</div>
	</div>
	</div>
	<div class="col-md-4 col-sm-6 course text-bold clearfix">
	<div class="course_inner">
	<figure class="pull-left mt-10"><img alt="" style="height:170px;" src="img/ford_focus_32.png"></figure>
	<div class="info">
	<h5 style="color:#fff">Ford Focus</h5>
	<p>Цвет: синий, цена: 514000 руб.</p>
	</div>
	</div>
	</div>
	<div class="col-md-4 col-sm-6 course text-bold clearfix">
	<div class="course_inner">
	<figure class="pull-left mt-10"><img alt="" style="height:170px;" src="img/3307.png"></figure>
	<div class="info">
	<h5 style="color:#fff">КАМАЗ</h5>
	<p>Цена: 1 024 000 руб.</p>
	</div>
	</div>
	</div>
	</div>
	</div>
	</div>
	</section>
	<section class="trial mt-40 mb-30 text-bold text-center">
	<div class="container">
	<h3>Появились вопросы? Звоните не откладывая</h3>
	<h2 style="color:#000"><i style="color:#ffc000" class="fa fa-phone-square" aria-hidden="true"></i> +7 (918) 543-24-29</h2>
	</div>
	</section>
	<section id="section4" class="testimonials text-bold text-center color-white parallax parallax_two" data-stellar-background-ratio="0.5">
	<div class="overlay"></div>
	<div class="parallax_inner owl-carousel" data-slides="1" data-slides-md="1" data-slides-sm="1" data-margin="0" data-loop="true" data-dots="true" data-nav="false">
	<div class="container">
	<figure><img alt="" src="img/testimonial.png"></figure>
	<h5>Лариса Владимировна</h5>
	<p>Мне некогда было заниматься поиском автомобиля, так что я обратилась в салон "Автофорса". Ребята смогли в короткий срок подобрать мне подходящий автомобиль и по адекватной цене, при этом сторговались с хозяином, что я еще осталась в плюсе.</p>
	</div>
	<div class="container">
	<figure><img alt="" src="img/testimonial1.jpg"></figure>
	<h5>Александр Викторович</h5>
	<p>Выбор огромный, из трех машин, которые хотел глянуть, все оказались в наличии. Купил жука по хорошему ценнику. Рад, что нашел этот автосалон.</p>
	</div>
	<div class="container">
	<figure><img alt="" src="img/testimonial.png"></figure>
	<h5>Лидия Михайловна</h5>
	<p>Мне несказанно повезло с салоном Автофорса, в этом автосалоне я нашла форда по просто умопомрачительной цене. Я еще давно решила, что хочу именно этот автомобиль, а тут так все получилось, что грех было не купить. Зашла случайно на сайт этого салона и увидела цену на форд 504000 рублей.</p>
	</div>
	</div>
	</section>
	<section id="section5" class="trial mt-40 mb-30 text-bold">
	<div class="container">
	<h2 class="text-center" style="color:#000">Контактная информация</h2>
	<div class="row">
	<div class="col-xs-12 col-sm-6" >
	<h6>Телефон:</h6>
	<h3 style="color:#000"><i style="color:#ffc000" class="fa fa-phone-square" aria-hidden="true"></i> +7 (918) 543-24-29</h3>
	</div>
	<div class="col-xs-12 col-sm-6" style="text-align:left">
	<h6>Email:</h6>
	<h3 style="color:#000"><i style="color:#ffc000" class="fa fa-envelope" aria-hidden="true"></i><a style="color:#000" href="mailto:email"> aforsa@mail.ru</a></h3>
	</div>
	</div>
	<div class="text-center">
	<a class="btn btn-default" href="">Заказать звонок</a>
	</div>
	</div>
	</section>
	<footer class="text-center color-white text-bold">
	<span>© Салон "Автофорса", 2018 год </span>
	</footer>
	<!--===============================
	Script Source
	=================================-->
	<script src="js/jquery.js"></script>
	<script src="js/jquery.stellar.min.js"></script>
	<script src="js/owl.carousel.min.js"></script>
	<script src="js/jquery.easing-1.3.pack.js"></script>
	<script src="js/jflickrfeed.min.js"></script>
	<script src="js/jquery.prettyPhoto.js"></script>
	<script src="js/bootstrap-scrollspy.min.js"></script>
	<script src="js/main.js"></script>
	</body>
	</html>