Интернет-магазины

Разработка интернет-магазина Valta.by на 1С-Битрикс

Интернет-магазин кормов и зоотоваров для «Валта Беларусь» с адаптивным каталогом, корзиной и историей заказов

1С-БитриксPHPHTMLCSSJavaScriptFigma
Valta.by

Задача

«Валта Беларусь» требовался интернет-магазин кормов и товаров для животных на 1С-Битрикс. Покупатели должны были просматривать ассортимент, оформлять заказы и возвращаться к своим покупкам с компьютера и телефона. Нужно было учесть физических лиц, заводчиков и юридические лица. Для заводчиков и компаний — спроектировать подтверждение документов и переход к оптовым ценам, сохранив возможность заказать по розничным ценам до окончания проверки.

Витрина для компьютера и телефона

Разработали адаптивные главную страницу, каталог и карточку товара. На главной разместили каталог, акции, бренды и рекламные баннеры с переходом к товарам.

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

Главная страница с поиском и баннером, который ведёт к товарам
Главная страница с поиском и баннером, который ведёт к товарам
Мобильная главная с переходом в каталог и нижней навигацией
Мобильная главная с переходом в каталог и нижней навигацией

Выбор товара на небольшом экране

В десктопном каталоге категории и параметры отбора расположены слева от товаров. На телефоне фильтры открываются отдельной кнопкой, а карточки стоят в две колонки. Цена, рейтинг и кнопка покупки видны прямо в списке; отметка «Осталось мало» обращает внимание на ограниченный остаток.

Страницу товара перестроили под размер экрана. На компьютере название находится над галереей, блок покупки — справа. На телефоне сначала показано крупное фото, затем название и рейтинг. В десктопной карточке рядом с ценой размещены сведения о получении заказа.

Каталог с категориями, параметрами отбора и сортировкой для поиска подходящих товаров
Каталог с категориями, параметрами отбора и сортировкой для поиска подходящих товаров
Мобильный каталог: цены и кнопки покупки доступны в двухколоночной сетке
Мобильный каталог: цены и кнопки покупки доступны в двухколоночной сетке
Карточка товара с галереей и блоком покупки, где можно уточнить цену и варианты получения
Карточка товара с галереей и блоком покупки, где можно уточнить цену и варианты получения

Условия для заводчиков и компаний

Спроектировали отображение данных покупателя и статуса проверки документов. Сценарий учитывает три категории: физических лиц, заводчиков и юридические лица.

До подтверждения аккаунта предусмотрен заказ по розничным ценам. Для каталога, карточки товара, корзины и оформления подготовили пояснения об этих условиях. В сценарии перехода к оптовым ценам новые условия относятся только к новым заказам.

Корзина и ранее оформленные заказы

Магазин разработали на 1С-Битрикс с собственным шаблоном. Реализовали серверную часть корзины и избранного, интегрировали оформление заказа, историю покупок и страницу отдельного заказа.

Покупатель может сохранять товары и возвращаться к ранее оформленным заказам. Для истории спроектировали отображение статусов, а для страницы заказа — состав покупки, сведения о получателе, способе получения и стоимости.

История заказов со статусами и выбором года помогает найти нужную покупку
История заказов со статусами и выбором года помогает найти нужную покупку

Цели

  • Дать покупателям доступ к ассортименту с компьютера и телефона
  • Связать выбор товаров с оформлением и просмотром заказов
  • Учесть условия покупки для физических лиц, заводчиков и компаний

Целевая аудитория

  • Владельцы домашних животных
  • Заводчики
  • Юридические лица

Что внутри

1

Адаптивные главная страница, каталог и карточка товара

2

Сортировка товаров в каталоге

3

Галерея и отзывы в карточке товара

4

Корзина и избранное

5

Оформление и история заказов

6

Страница отдельного заказа

7

Нижняя навигация на мобильных устройствах

8

Акции, бренды и рекламные баннеры на главной

Как работали

1

Дизайн страниц и сценариев покупки

2

Адаптивная вёрстка

3

Разработка на 1С-Битрикс

4

Интеграция корзины, избранного и заказов

5

Подготовка и размещение баннеров и логотипов брендов

Как это выглядит

Нужен похожий проект?

Расскажите о задаче — оценим объём, сроки и стоимость, предложим решение. Есть ТЗ — загрузите его и получите предварительную цифру за несколько минут.

Оценить по ТЗ