Дизайн лендинга СТО
Добрый день!
Хочется умопомрачительный лендинг для СТО Субару!
Адаптивный диз для ПКъ, Планшетовъ, Мобильныхъ!
Вот такой http://lidshop.ru/SCSA/
ТЗ
Фон, статичный - кожа сидений, текстура типа такой http://www.avtochehly-kovcheg.ru/shop/images/isk-kozha-blue.jpg!
На этой коже выбито, вышито - лого субару, слово субару, лого СКС - в один столбик, в соседний столбик - список моделей субару! Может сделать смещение под 45 столбиков!
Шапка - приклеена сверху, просто цвет или текстура, возможен вариант - силуэт Субару или кусок машины спереди (бамер, фары, чуть капота)!
Надо нарисовать 2х цветные иконки ВК, Инстаграмма и телефона, и анимацию - при наведении закрашивается в цвет! Исходники SCS https://yadi.sk/d/SCaY2_9ZfXXzN
Меню слева - сделать в виде панели кнопок!
1я кнопка Старт стоп - http://image.motortrend.com/f/auto_shows/tokyo/2011/1111_2011_tokyo_motor_show_subaru_impreza_s206_special_edition/39500520/subaru-impreza-s206-engine-start-stop-button.jpg
Можно ей сделать прикольную подсветку типа такой! https://c-a.d-cd.net/2c6db4u-960.jpg И/или подсветку букв! +Звук запуска двигателя!
Следующие кнопки для остальных блоков сайта! Выглядеть будут так, перемычки между кнопками тоже нужны http://elitegas.ru/wp-content/uploads/2013/09/kia-picanto-lpg-06.jpg
Для каждого блока нарисовать на кнопке соотв. иконку - и когда кнопка активна, лампочка загорается, а сама кнопка нажата внутрь!
Вся панель должна смотрется монолитно, и реалистично, градиенты блики и пр.
Блоки - между блоками расстояние в 100-200px, и по бокам пространство для фона 200-600px (В зависимости от разрешения)
1блок - "Классный сервис Субару"
Фон - сделать подобный, только качественней
2блок - "Горячие акции месяца"
4 небольших блока - с вкусными картинками! При наведении фон затемняется и повляется описание акций!
Фона нет - виден общий фон
3блок - "500 клиентов"
Фон - варианты: 1.куча машин субару вид сверху (~500 Шт.), 2.Цифра 500 - из машин Субару, 3.СТО SCS - подъезная дорога тянущяяся вдаль за горизонт и очередь до горизонта из машин Субару
Квадратики описания выгод - надо поиграть с анимацией!
Мой вариант - Полупрозрачное лого Субару серенькое и в каждом квадартике Заголовок полностью прозрачный! При наведении на квадратик - лого становится цветным и появляется описание!
4блок - "Весь ремонт"
Фон - полупрозрачный или прозрачный
Меню ремонта - варианты: 1. Сделать вид сбоку Субару ЧБ, активный блок цветной, в области текста рентгеновский просвет и активная деталь ремонта видна!
Кнопка подробнее ведет на отдельную страничку (см.ниже)
Ниже Шкала спидометра - стремится к 100% подпись "Качество", Рядом уровень Бензина - заполнено процентов на 15-30 подпись "Цена"
Кнопку "Записаться" сделать как шкалу одометра
5блок - "Зап.части"
Фон - под слайдер полукруглое чтото красивое! Подставка, или конвеер, или чтото связанное с СТО, на заднем плане наборы инструментов, стеллажи и т.п.
По центру Лого и слово Subaru
Ниже слайдер по дуге, вокруг лого, а ля АйФон - картинки зап.частей
6блок - "Отзывы"
Фон - Субару в городе или едет по трассе в город будущего, год 2050(типа долговечно)
Фон для подзаголовка - чтото надежное
Нарисовать кнопки перелистывания отзывов!
Спец.эффекты - если сможете - вырезать или анимировать дрифтующую Субару - она маленькая будет проезжать справа налево экрана - за блоками!
7блок - "Контакты"
Фон - заблюренная планета, или пейзаж с указателем!
Красиво оформить!
Надо будет на фото дорисовать стрелочек проезда!
Футр - в стиль шапки!
Страничка "Подробнее" - шапка как на главной!
Нарисовать кнопки (Ремонт, Тюнинг, SWAP, на главную, отправить заявку) и форму заявки!
Также для форм заявки нарисовать окошко успешной отправки!
Адаптировать макет под моб.версию!
Бюджет 70$ + 40$ за креатив