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