Магазин тренажёров TriASport

Триаспорт

Посмотреть сайт: triasport.ru

Задача: Разработать интернет-магазин для продажи спортивного оборудования и тренажёров, нарисовать логотип для магазина.

Платформа: CMS OpenCart.

Решение: сразу после подписания договора дизайнер приступил к разработке прототипов. Прототипы представляют собой схематичное расположение блоков на будущем сайте без учёта дизайна, они рисуются для основных нетипичных страниц, таких как:

  • главная;
  • контакты;
  • новости;
  • каталог;
  • карточка товара.

Триаспорт - прототип главной
Триаспорт - прототип каталога
Триаспорт - прототип карточки товара
Триаспорт - прототип новостей
Триаспорт - прототип контактов

После внесения правок и утверждения прототипов дизайнер приступил к рисованию логотипа компании, в соответствии с которым на основе прототипов создал дизайн-макеты будущих страниц.

Триаспорт - логотип

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

Триаспорт - главная

Каталог разделён на категории и подкатегории, которые доступны как на странице каталога, так и по ссылкам в шапке. В каталоге можно настроить количество выводимых товаров, отсортировать и отфильтровать товары. Фильтры мгновенно изменяют список товаров в соответствии с проставленными значениями. Товары можно добавлять в список сравнения, в избранное и в корзину прямо со страницы каталога

Триаспорт - каталог

Страница товара содержит подробное описание с характеристиками и мини-галерею с изображениями товара. Здесь же можно ознакомиться с отзывами на товар от предыдущих покупателей. На странице товара, как и на странице каталога, можно добавлять товар в список сравнения, в избранные и в корзину.

Триаспорт - товар

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

Триаспорт - сравнение товаров

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

Триаспорт - корзина

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

Триаспорт - адаптив

Портфолио
Просмотреть работы
Консультация
Заказать консультацию
Наши услуги
Просмотреть все услуги