***

Данный результат мы получили не сразу. Был ряд переходных вариантов, о которых мы вам сейчас расскажем.

Итак.

Для создания хорошего, детского настроения, вдохновляемся советскими мультиками.

Делаем яркий, но лаконичный дизайн-макет.

В основе концепции: "резиновая верстка" от bootstrap. Разделы сайта выводим с левой стороны экрана. Меню — сверху, баннер — тянется.

Смотрим, как будут выглядеть внутренние страницы:

Собираем группу разработки, обсуждаем. В ходе прений решаем двигаться в другом направлении.

Хоть сайт и детской тематики, но целевая аудитория у нас — родители, поэтому "меняем руку", делаем более "технократичный макет".

Версия всех устраивает, делаем внутренние страницы:

Проектируем сценарий поведения левого блока каталог / фильтр, а также сниппета товаров:

Правим логотип.

Менеджеры говорят, что новый логотип слегка похож на знак одного нехорошего парня. Смеёмся, но оставляем.

Обновляем макеты, прорабатываем паттерны, продолжаем макетирование.

Слишком много зеленого. Добавим оранжевый цвет.

Готово. Верстаем, затем отдаем программистам и в отдел контента для проведения финальных работ по наполнению сайта.