Maine Coon — британская компания, которая занимается продажей пневматических подвесок автомобилей и различных комплектующих. Компании требовалось создать новый интернет-магазин.
Работа над сайтом началась с прототипирования основных страниц каталога и главной страницы, на которой должен был быть размещен интерфейс быстрого поиска комплектующих.
Логотип и фирменный паттерн были предоставлены заказчиком. Стиль сайта основан на фирменных цветах.
На главной странице сайта расположено меню быстрого поиска детали по параметрам: марка, модель и год выпуска автомобиля.
При наведении на корзину есть возможность предпросмотра добавленных товаров без необходимости перехода на страницу корзины.
На сайте предусмотрена система поиска комплектующих от бренда.
В каталоге предусмотрено два варианта отображения товаров: таблицей и списком. Слева расположены традиционные фильтры для более удобного поиска товаров.
На странице корзины пользователь может просмотреть выбранные товары, настроить количество каждого товара и удалить одну или несколько позиций.
Справа располагается блок, который следует за скроллом. Данный блок содержит информацию о заказе, поле для ввода промокода при его наличии и кнопку для перехода к оформлению заказа.
Справа располагается блок, который следует за скроллом. Данный блок содержит информацию о заказе, поле для ввода промокода при его наличии и кнопку для перехода к оформлению заказа.
Оформление заказа происходит в четыре этапа: персональные данные, адрес доставки, способ доставки и способ оплаты.
После оформления заказа, пользователь автоматически попадает на страницу подтверждения покупки, где он может скачать счет в виде документа, просмотреть информацию о заказе, связаться со службой поддержки заказчиков и подписаться на новостную рассылку.
Для корректного отображения на мобильных устройствах была разработана мобильная версия дизайна, учитывающая все основное юзабилити.
Дизайн разработан по заказу Altopromo, 2019 год.