ARTLEBEDEV
  • Веб
  • Элегант
  • 1.0 2.0

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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