Интернет-магазин italmax
Посмотреть сайт: italmax.ru
Задача: разработать интернет-магазин для продажи оборудования и расходных материалов для ювелиров.
Платформа: CMS 1С-Битрикс.
Решение: первым этапом в создании любого сайта является прототипирование будущих страниц. Прототипы представляют собой схематичное расположение ключевых блоков и элементов в них. Для интернет-магазина Italmax были отрисованы прототипы следующих страниц:
- ● Главная
- ● Каталог
- ● Карточка товара
- ● О компании
- ● Новости
- ● Страница новости
- ● Контакты
Прототипы демонстрируются заказчику удалённо через Интернет по ссылке, где заказчик может оставлять дизайнеру свои комментарии. После внесения некоторых правок и утверждения прототипа дизайнер начинает работу над макетами будущих страниц сайта, в которых уже отрисовывает дизайн, основываясь на готовых прототипах. Дизайн выполнен на светлом фоне с использованием фирменного красного цвета в качестве основного акцента.
На главной странице используются блоки для ознакомления с магазином, слайдер с новинками, список партнёров и последние новости магазина.
Каталог разделён на категории и подкатегории, в каждую из которых пользователь может перейти в любой момент через меню в шапке сайта, которое доступно на любой странице. Список товаров в категории можно уточнить при помощи фильтров в левой части страницы. Добавлять товары в корзину можно как из каталога, так и со страницы товара.
Для сайта было разработано два отдельных каталога: для оборудования, для расходных материалов.
В каталоге расходных материалов пользователь может выполнять покупку товаров через корзину, а в случае отсутствия необходимого товара отправить заявку.
Для каталога оборудования, возможность оформления его через корзину была отключена и реализована возможность оформлять заявку для дальнейшей работы покупателя непосредственно с менеджером магазина.
На странице товара можно ознакомиться с подробным описанием товара, посмотреть больше фото и добавить товар в корзину, указав необходимую модификацию.
На странице о компании были созданы блоки с текстовой информацией, блок с преимуществами и блок с сотрудниками компании, информация о которых отображается при наведении курсора мыши на интересующего сотрудника.
Сайт адаптирован под малые экраны, чтобы пользователям было удобно просматривать сайт как с компьютеров, так и с мобильных устройств.