Добрый день!
Необходим классный и современный дизайн сайта. Ниже находится ТЗ
Название компании – Детейлитнговый Центр Smile
Направление деятельности – химчистка салона, полировка автомобиля и все сопутствующие работы
Контактные данные – г. Тула, ул. Тульская, д. 1, +7 (4872) 00-00-00, info@mail.ru
Нравится этот сайт –
Цветовая гамма – нравятся темные тона, стилистика оформления кнопок и углов различных элементов – взять с IOS, т.е. загругления и т.д.
Исходники логотипа в приложении
По дизайну:
Ширина контентной области – 1150рх, но допускается использование фноновых изображений, выходящих за эти рамки
Слева в шапке – логотип и фраза – Детейлинговый центр. Также в шапке – телефоны (2 шт. предусмотреть), адрес и почта + кнопка Оставить заявку. У каждого контакта своя тематичная иконка. Также должны быть ссылки на ВК и инстаграм
Должно быть горизонтальное меню – пункты взять с этого сайта –
– между ними должен быть вертикальный разделитель. Выпадающие пункты сделать по такому же принципу как тут –
– но с изменениями
Ниже идет классная фоновая картинка в темных тонах, но она будет меняться, т.е. будет слайдер с затемнением. Тематика картинки – что-то связанное с полировкой автомобиля или идеальный кузов автомобиля, который так и светится и блестит. Слева будет текст – Заголовок и чуть меньшим шрифтом небольшая аннотация. Справа форма заявки – Имя и Телефон (e-mail), кнопка Отправить и ссылка на обработку персональных данных. Поля для ввода имени и телефона должны быть просто линиями, без рамок
Ниже идет список услуг – Предпродажная подготовка, Детейлинг-мойка двигателя, Профессиональная полировка, Нанесение защитных покрытий, Профессиональная химчистка салона, Антибактериальная обработка салона. По оформлению посмотреть как тут сделано –
. Только сделать покомпактнее, т.к. на сайте-примере слишком много пустого места. Например – заголовок и аннотацию нанести непосредственно на картинку + не нужно мельчить. Сделать сетку расположения услуг 2х3. Должен быть эффект при наведении на какую-либо услугу.
Также на сайте –
– есть классная картинка с мерсом и плюсиками + есть переключалка салон/кузов. У нас нужно сделать что-то похожее, но фото машины и салона заменить. Информация о том, что означает каждый плюсик сделать по типу этой страницы –
– т.е. от машины отходят линии, на другом конце которых написано, что это такое. Для этого блока нужно включить фантазию и ответственно подойти к этому блоку.
Ниже идет блок О нас – слева текст и заголовок + кнопка Читать далее. Справа будет блок с фотографиями салона (места, где все это дело происходит). Фото будут слайдером, т.е. нужны будут стрелки для переключения картинок
Ниже идет форма заявки – Ваше имя, Ваш номер телефона, Укажите марку Вашего автомобиля, Укажите предпочитаемую дата, Укажите желаемое время, Ваш комментарий, кнопка Отправить, ссылка на согласие на обработку персональных данных. Этот блок должен быть классно оформлен – фоновая картинка, положительный персонаж в тематику сайта. Текст – если у Вас остались вопросы или Вы хотите сделать заявку, то заполните поля формы и наши специалисты свяжутся с Вами в ближайшее время.
Ниже идет блок Примеры нашей работы – очень классная фишка тут –
– где перемещаешь вертикальную линию, смысл – до начала работ и после. Будет переключалка по марке автомобиля – подберите на свой вкус и из различного сегмента – может мерседес, тайота, мазда и т.д. Нужно найти фото кузова До и потом обработать ее таким образом, чтобы казалось После + будет ползунок, который разграничивает все это дело
Ниже идет блок, в котором содержится информация о химсредствах, с которыми работаю. Это должен быть некий коллаж из этих средств, блок с текстом и кнопка Читать далее
Ниже идет блок с фотографиями, заголовок – И еще немного наших работ...Тут будет обычный блок с фото, без текста
Ниже идет блок в картой Яндекса. Сделать ее на всю ширину, на карте должен быть блок с контактами – телефоны, почта, адрес
Ниже идет футер – слева логотип, справа блок Бревис, между ними услуги компании, можно в два столбика.
Важно – справа должна быть кнопка Наверх + должны быть продуманы все все эффекты при наведении на пункты меню, кнопки и особозначимые блоки