Верстка шапки и карточки товара Доработка дизайна

Верстака шапки и карточки товара Интернет магазина. Доработка дизайна. 5000 руб.

Доработка дизайна

Необходимо привести дизайн в более гармоничный вид, сохранив при этом основное расположение элементов и их функциональность. Так же необходимо сохранить их функциональный размер (видимые телефоны, информация, минимально узкая верхняя шапка) Убрать небрежность, прорисовать элементы, привести все цвета формы и фон к гармонии! Ширина шаблона 1024!

Верстка шапка

Верстка шаблона должна быть в DIV. Все заголовки и название, для которых требуется написание заглавными БУКВАМИ, должны быть прописаны через CSS стили.

Верхнее меню информации о магазине

При наведении на кнопку «еще» должно раскрываться дополнительное меню (как в Яндексе) При наведении на ссылку меню ссылка должна становится подчеркнутой.

Главное меню

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

Бокс информация о бренде

Бокс «информация о бренде» должен состоять из двух картинно. Имиджевой фотографии часов и логотипа бренда, который должен обтекать текст. В конце текста должна находится ссылка «читать далее» при нажатии которой, размер бокса увеличивается в зависимости от размера текста.

Меню подкатегории бренда

Меню должно находиться в боксе «информация о бренде», при наведении на него оно должно раскрываться, полностью показывая все элементы и скрывая ссылку «еще». Если меню отсутствует, его место должен заполнять текс из бокса информация о бренде. При наведении на ссылку меню цвет ссылки и пространство вокруг должно менять.

Верстка карточка товара

Изображение товара

Изображение товара 400*400, дополнительные картинки каждый в своем div, при отсутствии дополнительных картинок расположение основной изменяться не должно.

Название

При отсутствии дополнительного названия (краткое описание сразу под названием модели), все элементы карточки товара должны оставаться на месте.

Цена

При отсутствии скидок основная цена находится в том же мете (не куда не съезжает)

Меню преимуществ

(Официальная гарантия и обслуживание ,Гарантия низких цен и т.д.) При наведении подчеркивание.

Кнопки соц. сетей

Верстать не нужно, просто заложить под них див по размеру и разметить как картинку.

Вкладки

Описание и характеристики

Описание: при отсутствии описания, элементы снизу поднимаются на верх.

Видео: при отсутствии видео, элементы снизу(категории часов, кнопка заказать) поднимаются на верх.

Характеристики: при наведении на восклицательный знак появляется всплывающее окно с доп. информацией

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

О бренде, Видео, Отзывы

Блок для вывода текста как описание

При наведении на вкладку вся вкладка является ссылкой. При клике на вкладку меняется информация в видимой области, а активная вкладка меняет цвет.

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