Разработка дизайна простого сайта (landing-page)

Павел10 лет в сервисе

Данные заказчика будут вам доступны после подачи заявки

13.08.2015

Сайт предназначен для рекламы услуги аренды толщиномеров.

Общие пожелания по дизайну: цвета "свежие" и спокойные, минималистично, что-то вроде плиточной концепции Windows.

Сайт должен нормально отображаться в различных разрешениях, в том числе планшетов и телефонов.

Главная страница разделена на несколько логических частей:

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

2) Средняя часть. Будет расположен небольшой текст по тематике сайта, фоном будет тематическая картинка из фотостока. Картинка должна быть каким-либо образом затенена, чтобы текст нормально читался. Также будет расположена выделенная/большая кнопка "Заказать" и телефон.

3) Нижняя-средняя часть. Горизонтально разделена на три части. В каждой части идет фотография конкретной модели толщиномера, краткое описание, под кратким описанием может быть ссылка "Подробнее", при клике на которой разворачивается более подробный текст, еще ниже выделенная/большая кнопка "Заказать". Где то там же должны быть размещена выделенная цена аредны. Опционально каждая модель может иметь несколько фотографий, в этом случае должны присутствовать элементы слайдера галлереи.

4) Футер. Небольшая часть с названием сайта, телефоном, адресом, годом, и пунктами меню (пунктов меню может не быть). Аналогично хедеру - но менее выделенная.

Всплывающее окно по кнопке заказать:

- содержит крестик для закрытия окна

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

Страница с текстом: хедер и футер аналогично главной странице, средняя часть содержит заголовок и текст.

Страница с контактми: хедер и футер аналогично главной странице, средняя часть содержит заголовок, выделенный телефон и карту yandex.maps.

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

Примеры стилистик которые нравятся:

- https://pixeful.com/wp-content/uploads/edd/2015/07/11.png

- https://pixeful.com/wp-content/uploads/edd/2015/06/crg.png

- https://40.media.tumblr.com/a5d505cb18168a52453aa9490a710917/tumblr_nnc4vrDvlL1qcnj4so1_500.jpg

- http://scr.templatemonster.com/49600/49661-big.jpg

- http://templates.entheosweb.com/template_number/31600/31670-b.jpg

- http://cannonball-studio.com/en

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

- http://www.shutterstock.com/ru/pic-274938875/stock-photo-young-man-with-a-salesman-in-a-motor-show.html?src=lMZ9SXEBuuSq5tSKtjbIfw-1-47

- http://www.shutterstock.com/ru/pic-95435608/stock-photo-cloud-car-flying-from-hand-to-sky.html?src=lMZ9SXEBuuSq5tSKtjbIfw-1-69

- http://www.shutterstock.com/ru/pic-97331858/stock-photo-keys-to-the-car-white-background.html?src=lMZ9SXEBuuSq5tSKtjbIfw-1-5

- http://www.shutterstock.com/ru/pic-112417061/stock-photo-the-young-man-at-the-machine.html?src=lMZ9SXEBuuSq5tSKtjbIfw-1-6