ГлавнаяПроектыСайт «Эко — Авто»

Проект «Сайт «Эко — Авто»»

Ссылка на сайт

Вид сайта — корпоративный

Цель сайта — представить компанию в сети интернет, продвижение и позиционирование новых товаров и услуг

Разработка проходила следующими этапами:

  • Аналитика целевой аудитории и конкурентов. Определение преимуществ компании
  • Прототипирование — расположение элементов на сайте
  • Создание дизайн — макетов
  • HTML — верстка
  • Интеграция с CMS WordPress
  • Базовое наполнение
  • Финальное тестирование

Разработка дизайн — макетов

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

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

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

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

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

Изображение №1 — Главный экран главной страницы

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

Изображение №2 — Второй блок главной страницы

Третий и четвертый блок главной страницы — это Преимущества и Акции. Преимущества помогают укрепить доверие к компании, а Акции повысить интерес и информировать посетителей.

Изображение №3 — Третий и четвертый блок главной страницы

Последний блок Главной страницы — Контакты. Различные способы для связи, возможность посмотреть, где находится организация и как до нее добраться.

Изображение №4 — блок Контакты

На каждой странице для удобной навигации сквозными блоками сделаны «Хедер» и «Футер» сайта.

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

Изображение №5 — Хедер и Футер сайта

Второстепенные страницы

Страница Установка ГБО метан — описано применение метана, преимущества перевода автомобиля на метан, расчет экономии при переходе на метан. Четвертый блок рассказывает о сотрудничестве «Эко-Авто» и «Газпром», так как компания «Газпром» известна во всем мире участие в акции такой крупной компании сильно повышает доверии клиентов, а сама акция увеличивает желание приобрести продукцию именно у компании «Эко-Авто». В каждом блоке есть форма обратной связи — возможность оставить заявку на сотрудничество.

Изображение №6 — Страница Установка ГБО метан

Страница Наши продукты — Перечислены основные услуги компании. К каждой услуге разработан графический элемент — иконка.

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

Изображение №7 — страница Наша продукция
Изображение №8 — Карточка услуги
Изображение №9 — Страница Статьи

Страница Рассрочка и Кредит — указаны условия для оформления рассрочки и кредита на продукцю «Эко — Сервис»

Изображение №10 — страница Рассрочка и кредит
Изображение №11 — страница Акции

Страница Производство — на странице размещены все ведущие разработчики газобетонного оборудования в мире, с которыми сотрудничаем компания «Эко-Авто»

Изображение №12 — страница Производство

Страница Контакты — помощь пользователю связаться с компанией и маршрут, как добраться до нее.

Изображение №13 — страница Контакты

Адаптивные версии

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

Изображение №14 — Адаптивные версии

Сайт разработан на CMS Word Press — самая популярная платформа в мире, имеет открытый исходный код и является бесплатной абсолютно для всех. Есть возможность реализовать весь необходимый функционал, а также в процессе работы сайта добавлять нужные блоки и «плагины» для модернизации.

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

Хотите такой же результат для вашего проекта?

Напишите, и мы подберем для Вас индивидуальное решение