5 Элемент
Дата выпуска: 25/12/2017

Клиент:

«5 ЭЛЕМЕНТ» — компания, предлагающая наилучшие решения для покупки бытовой техники, электроники, а также аксессуаров, дополнительных сервисов и услуг в режиме онлайн и офлайн в Республике Беларуси.

Задача:

Разработка интерфейса и дизайна для полнофункционального интернет-магазина.

Решение:

Разработали интерактивный прототип и дизайн основной версии сайта (более 150 типовых экранов).

5element.by

Прототип и техническое задание

Проект нового интернет-магазина создавался с нуля — необходимо было запустить современную полнофункциональную e-commerce-площадку за один цикл.

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

Далее началась работа над проектированием интерфейса. ТЗ (и вся разработка проекта в целом) было условно разделено на 6 этапов, состоящих из связанных функциональных блоков (каталог товаров, каталог услуг, этапы чекаута, версия для терминалов в аутпостах).

Разработка

Карточка товара и листинг товара

Наиболее важные экраны интернет-магазина: карточка самого товара и листинг каталога.

В интерфейсе страницы товара необходимо было учесть следующие требования:

1. Отражение связанных с товаром услуг и аксессуаров.

2. Модуль сбора комплекта (когда при покупке некоторой комбинации товаров пользователь может получить скидку или бонус).

3. Отражение на карте и отдельным списком магазинов в Белоруссии, где данный товар доступен в настоящий момент.

4. Возможность оставить отзыв на товар и посмотреть другие комментарии.

5. Отражение характеристик товаров (с возможностью оформления в виде разных шаблонов - в зависимости от вида техники).

6. Сама страница товара модульная - какие-то блоки могут отсутствовать; товар может быть не в наличии, но с возможностью предзаказа и т.д.

Корзина и чекаут

Наиболее сложным интерфейсами ожидаемо оказались корзина и экраны чекаута.

Задача заключалась в следующем:

  • В корзине к каждому из добавленных товаров пользователю должны предлагаться сопутствующие услуги и аксессуары. Их можно было добавить, удалить, просмотреть разные варианты.
  • Аналогичная функциональность по подаркам, которые в силу специфики подразумевали совершенно иной интерфейс.
  • У пользователя должна быть возможность выбрать способы и место доставки - например, интернет-магазин позволяет оформить доставку на дом в мелких региональных населенных пунктах. Сайт должен в реальном времени рассчитывать стоимость и сроки доставки.
  • У пользователя должен быть выбор разнообразных способов оплаты - в том числе и для юридических лиц.
  • Важно, что некоторые комбинации товаров, услуг, подарков, способов доставки и оплаты не сочетались - нужно было предусмотреть интерфейс вывода ошибок несоответствия и предложений альтернативных вариантов.

Для сайта не подразумевалась отдельная мобильная версия – только адаптация HTML (по заданным правилам) под планшеты и смартфоны.

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

Всего было нарисовано более 150 страниц для интернет-магазина. Реализация всей заложенной в интерфейсы функциональности у разработчиков заняла более 3000 часов.

Хочешь такой проект?