Разработать сайт с нуля, отобразить полную деятельность услуг автосервиса. Заложить основу публикации материала побывавших в ремонте автомобилей через статейные обзоры. Рассказать в хронологической последовательности достижения автосервиса за годы его существования. Поместить форму обратной связи во всплывающем окне, отобразить удобный прайс-лист на разные типы автомобилей. Проработка навигации, в том числе внутренней с плавной прокруткой. Размещение слайдов и видео контента во всплывающем окне.
Язык программирования PHP
jQuery - JavaScript Frameworks
Popper - Библиотека JavaScript
Font Awesome - Font Scripts
Bootstrap - UI-фреймворки
Nginx - Web-серверы
Open Graph - стандарт микроразметки
Quick Response code
Adobe Photoshop
Работа по созданию сайта для автосервиса предстояла быть не лёгкой. Была изначально разработана концепция с большим потенциалом роста ресурса, так сказать на будущее. Для этого был создан «мощный» раздел по услугам, где было заложено 8 комплексных направлений автосервиса. Каждая представленная услуга прорабатывалась на уникальность текста, уникальность фото и размещённого уникального видео материала, в тесной кооперации с заказчиком.
Также был создан раздел «обзоры автомобилей ремонтируемые автосервисом в Салавате», который имеет цель публикации материала и продвижения запросов по авторемонту.
На каждой странице обзора, развернут веб-сервис Disqus с возможностью интернет-обсуждения и комментирования материала. Это видно на опубликованном выше скриншоте в конце материала.
На сайте применены модульные окна для фотографий, дополнительного текста, формы обратной связи. Форма обратной связи имеет защиту от спам-ботов, в виде цифровой CAPTCHA собственной разработки. Помимо модульного всплывания фотографии на экране устройства, реализована возможность технологии стретч — уменьшения или увеличения масштаба картинки.
Раздел прайс-листа и о истории автосервиса, имеет схожую концепцию реализации, отличие есть в незначительных деталях. Для показа прайс-листа по ремонту автомобилей разного класса, была применена плавная прокрутка + скользящее изображение к каждому классу автомобиля.
При веб-разработке, дополнительно внедрили плавную прокрутку самих страниц сайта (
Studio Aipx также оказала услугу по переносу сайта на новый хостинг, с последующей настройкой. Техническое сопровождение сайта предоставляется по сей день.
Сайт автосервиса максимально уникален, этому направлению мы уделяем особое внимание. Задний фон шапки и подвала сайта на всех страницах уникальный. Логотипы обслуживаемых марок авто в автосервисе, на разных страницах отображают разные марки. Используемые фотографии на сайте, в 90% случаи уникальные, собственные и принадлежат автосервису. Написан уникальный текст для сайта — это всё считается наполнением. Поисковые системы охотнее ранжируют сайты с уникальным наполнением по тем или иным релевантным запросам. Уникальное наполнение страниц ресурса, оказывает положительное влияние на позиции сайта в поисковых системах.
Идея была достаточно простая — это дать возможность клиентам легко и просто оставить отзыв в профиле компании на Yandex & Google при помощи сканирования QR-кода. Задача стояла реализовать саму идею в стилизованном виде по аналогии поисковых систем, сохранив при этом собственный фирменный стиль. С помощью листовки с QR-кодом планируем получать постоянные отзывы клиентов.
Исходный размер файла 2480×3508 px — это соответствует А4 формату. Данный формат предназначен для печати. Формат выдержан по предполагаемой линии отреза при печати.
Доменное имя sto-exclusive.ru было зарегистрировано 24.04.2018 года, на нём был развёрнут небольшой и неприметный сайт стороннего разработчика, который мало отвечал современному представлению о качественном продвижении услуг по ремонту автомобилей. Спустя почти 2 года, 26.02.2020 на домене был развернут новый сайт, обзор которого смотрите сейчас на данной странице.
Хочешь быть львом в интернете? Закажи создание сайта в Studio Aipx!
Разработка концепции, верстка, копирайтинг (уникальные тексты), наполнение, работа над юзабилити сайта, SEO оптимизация, подбор и регистрация домена, размещение и настройка сайта на хостинге, настройка сервера.
ПодробнееВыпоняем комплексную работу по поисковой оптимизации сайта, проводим seo-аудит, занимаемся продвижением сайтов, применяем технологии интернет-маркетинга на увеличение продаж для продвижения услуг.
ПодробнееНейминг, слоган, анализ аудитории, формирования личного бренда. Создаем фирменный стиль или делаем ребрендинг: логотип, визитка, буклеты, флаер, фирменный бланк, брендбук.
ПодробнееСоздаем анимированные видеоролики с применением Cinema 4D или аналогами, After Effects. Составляем тексты для видео с посекундной разбивкой по смысловому содержанию видео. Озвучиваем.
ПодробнееСделано сайтов (с поддоменами)
Опыт с апреля 2009 года
Начальная стоимость проекта
Предварительная консультация
Брендинг в социальных сетях
Приняли участие в оформлении социальных сетей для придания уникальности. Была разработана дизайнерская идея и созданы графические изображения для YouTube канала, группы Вконтакте, социальной сети Instagram. Чтобы оформленные дизайнерские изображения выглядели привлекательны на всех устройствах (компьютер, мобильные устройства, смартфоны, планшеты), они были разработаны с учетом требуемых размеров. При оформлении и разработки концепции, отталкивались от фирменного стиля сайта и цвета логотипа.
Баннер для YouTube имеет исходный размер 2560×1440 px, данный размер видно на телевизорах. Видимая часть зоны для компьютера имеет максимальный размер 1546×423 px. Минимальный рекомендуемый размер так называемой безопасной зоны для мобильных устройств 1235×338 px. Все данные условия выполняются, и сделанное оформление графическим изображением соответствует требованиям. Представленный вариант баннера — урезан.
Обложка социальной сети Вконтакте имеет исходное разрешение 1920×768 px. Данный размер корректно отображается на ПК и мобильных устройствах. Первый вариант предоставляем то что было ранее и не соответствовало требованиям шаблона обложки.
Второй вариант изображения для группы Вконтакте создан по типу брендирования баннера YouTube и Reels Instagram.
Для Reels Instagram задизайнено графическое изображение, исходный размер1080×1920 px . Стилизация фотографии сохранена в едином стиле, с небольшими дополнениями в виде иконки в блоке физического адреса, видоизменили светящиеся соты, кнопки приняли однотонный цвет.