Landing

Графическая концепция

Светлый фон. Цвет текста – черный, белый. Адреса – розовым.

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

Фон – белый цвет.

Экран 1

С самого верху шириной около 5 см должны быть нарисованы изображения шапок повара и другие элементы кухни разметом около 3 млм каждый и наложены на фон с уменьшением количества элементов от верху к низу этой полосы. Элементы должны быть бледными, чтобы не бросались в глаза. По всей части экрана в свободных местах около 6-7 элементов увеличенных копий, которые в полоске, в хаотичном расположении под разными углами, разных цветов..

В центре на линии окончании полосы с элементами логотип компании (файл прикреплен к ТЗ). Под логотипом надпись зеленого цвета 14 шрифт "мы открылись". Ниже закругленная надпись "г. такой то, ул такая, д 2" красного цвета, которая будет огибать пиццу , которая будет ниже. Пицца должна быть на деревянной подложке, аппетитная (предложить несколько вариантов на выбор). Высота пиццы до конца первого экрана и ширина на стандартную ширину страницы сайта. Белым пунктирои она должны быть разделена на 4 части (крестиком). На верхнем куске пиццы должно быть написано белым "станция такая", на левом "станция вот такая", на правом "третья станция", на нижнем куске вопросительный знак объемный.

Конец первого экрана

__________________________________________________ ______________________

Экран 2

Разделение от первого экрана волнистой линией, также она присутствует в конце второго экрана. Фон от верхней волнистой линии до нижней переходит от насыщенного красного к более бледному, но всего на один тон красному.

По средине белым крупно "Наши преимущества".

Ниже три картинки с небольшими отступами друг от друга расположенные на одной линии. Картинки должны быть в стиле "рисунок". Первая – шеф-повар, вторая – печька русская, третья – изображение сверху пиццы с указанием формулы пи=эль/2эр.

Под первым изображением надпись белого цвета ",,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,," , под вторы ",,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,," , третьим ",,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,, ,"

конец второго экрана

__________________________________________________ ________________________

Экран 3

Надпись по центру черным "Заходите к нам", крупно.

Ниже в ленте (предоставить несколько вариантов) три изображения меню с наименованием меню слева по центру картинки.( изображения уменьшенные меню прилагаются).

Ниже квадрат в стандартную ширину экрана и высота до конца третьего экрана, в котором расположены фотографии готовых блюд (прикреплено к ТЗ). Фтографии внутри квадрата могут располагаться в разных последовательностях, главное должно быть три столбца.

конец экрана 3

__________________________________________________ _________________________

Экран 4

Волнистая линия во всю длину экрана, через 5 см ниже еще одна полоса. Между ними цвет фона – болотно-зеленый. Внутри слева белым "В нашем меню появилось", по центру крупными "от 200 р", под ценой сразу с ленее более бледного цвета надпись "цена на ланчи", справа на уровне надписи цены "Время ланча" , под ней "с 12:00 до 17:00"

После волнистой линии по середине значки соц сетей, чуть ниже справа "Телефон для сотрудничества +43525235234" в две строчки.

конец экрана 4

__________________________________________________ _________________________

ТЗ для верстальщика:

Верстаем под последнюю версию Chrome , IE 8+, Мозилла, Опера. Учитываем особенности каждого браузера. Код должен проходить w3c валидацию (проверка кода на ошибки).

Верстаем макет пиксель в пиксель.

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

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

ТЗ для программиста

Интегрируем верстку в движок (например Wordpress)

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

Экран 3

Делаем возможность через админку заливать новые меню. Также необходимо через админку сделать возможность менять название столбцов под меню и стоимость. Также возможность заливать новые фото.

Далее делаем возможность поделиться сайтов через основные соц сети через иконки