Дизайн раздела для сайта

Важно - подход к дизайну MobileFirst! Адаптивный дизайн на основе существующего дизайна и верстки сайта Сайт - магазин подарков, для него разрабатывается модуль "подарочных наборов на заказ" Модуль будет работать "по шагам" Хедер и футе будет браться существующий, который есть сейчас Будет меняться "центральная часть" В верхней части модуля сквозным будет идти индикатор шагов "Шаг 1 - выбор упаковки" - "шаг 2 - выбор товаров" "шаг 3 - выбор открытки" - "шаг 4 подтверждение заказа" А так же сверху "Стоимость набора" - которая будет динамически меняться Это будет выглядеть так "Вы добавили "х" товаров на сумму "ХХ" и кнопка "подробнее" при нажатии на которую будет открываться список добавленных товаров Страница шаг 1 На ней будет представлено на выбор несколько коробок, в том же виде в котором товары уже представлены в категории В нижней части кнопка "следующий шаг" На странице шаг 2 - это "разводящая" страница по категориями товаров, которые можно добавить в набор Она будет состоять из иконок с категориями товаров. Категории могут добавлять/удаляться, первоначальный набор категорий и иконок "Шоколад" "Мед/джем" "чай/кофе" "кружки" "термосы" "СПА" "Блокноты" "Канцелярия" "Обложки на паспорт" "бижутерия" "носочки" "для вина" "бокалы и стаканы" "Свечи" "Разное" и "показать все" При нажатии на одну из иконок посетитель попадает на страницу товаров из этой категории где вверху есть кнопка "вернуться" которая возвращает на разводящую страницу и "следущий шаг"