1.0 2.0

Создание макетов второй версии интернет-магазина «Элегант»

Описание Процесс

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

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

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

Примеряем подборки по настроению и по погоде.

По погоде получается полезнее, точнее и круче.

Логически выделяем блок с характерным «погодным» фоном.

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

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

Компьютер дизайнера пытается помочь в поисках стиля.

Подбираем цвета для неба при разной погоде. «Запускаем» снег, дождь, облака и солнце на главной.

Прикидываем поведение интерактивных элементов. Для наглядности делаем анимацию.

Собираем типовую страницу, добавляя новые стили.

Показываем, как будет вести себя сайт на экранах с разными разрешениями.

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