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

/ Сергей Нуйкин / Портфолио > Дизайн сайтов

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


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

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

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

дизайн сайта авто-трансразработка дизайна интернет-магазина

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

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

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

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

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

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

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

разработка дизайна интернет-магазина

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

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

разработка дизайна интернет-магазина

 

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

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

дизайн сайта

У вас есть интересный проект?

Не знаете кому поручить разработку? Напишите мне на почту, мы обсудим и реализуем его!

Рассказать друзьям: