Авто -Транс магазин

Задача: сделать полный редизайн интернет-магазина «Авто-Транс» с учетом его переезда на новую систему управления контентом. А также дополнительным расширением функционала и учетом роста количества товаров.

---

Заказчик предоставил довольно обширное техническое задание, из объемов которого было видно, что работы предстоит много. Мы обсудили все моменты и возможные нововведения, возможные варианты решения поставленных задач и приступили к разработке дизайна сайта.

Главная страница интернет-магазина

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

Витрина товаров

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

Каталог и фильтр были сделаны табами, так как каталог довольно объемный и занимает много места.

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

Карточка товара

Карточка товара не перегружена лишними элементами, а имеет четкую понятную структуру со всем необходимым, включает всю информацию требуемую покупателю для выбора и приобретения товара. Особенностью является цена, которая меняется в зависимости от выбранного количества товара. А также вкладка калькулятор, в которой можно рассчитать индивидуальный вариант короба. Дополнительную информацию по оплате также можно получить из всплывающих окон (тултипов) которые появляются при клике на иконку.

Личный кабинет

Также были разработаны под дизайн страницы личного кабинета (персональные данные, возврат товара, мои заказы), и окна регистрации и авторизации со всеми возможными сценариями их работы.

 

Остальные страницы

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