Replatinum.ru
E-commerce
- Клиент
- Replatinum
- Год
- 2026
Проект в деталях
Развитие интернет-магазина
на 1С-Битрикс
Replatinum — магазин электроники с несколькими версиями одной модели: цветами, памятью, ценами и наличием. Развивали существующий сайт и Flutter-приложение, чтобы выбор конкретного устройства сохранялся на пути от витрины до корзины.
Доработали варианты товаров, пояснения цен, корзину и кабинет. Приложение подключили к данным магазина через мобильный API. Ниже — конкретные решения и экраны проекта.
На витрине — нужная версия товара
У одной модели несколько вариантов, и акцией или новинкой может быть отмечен только один. Если витрина выбирает случайный вариант родительского товара, нужное устройство теряется.
Доработали карусели главной: отмеченный вариант товара (SKU) получает самостоятельную карточку со своим фото, ценой и ссылкой на выбранную версию. В каталог ведут поиск, категории и навигация по линейкам.
Каталог электроники: от линейки к модели
Сначала покупатель выбирает линейку, затем уточняет цену, цвет и память. Показываем два фрагмента каталога крупно: параметры поиска и сведения о конкретном устройстве.
За интерфейсом изменили получение цен: вместо отдельного запроса для каждого предложения используем пакетный запрос по списку SKU. Проверили сохранение значений и формата цен.
Посмотреть полный экран каталога
Выбрать устройство.
Понять его цену.
Цвет, память и формат SIM определяют конкретный вариант устройства. Доработки карточки учитывают этот выбор: цена и доступность относятся к выбранному SKU.
В мобильной версии добавили пояснения цены сайта и магазина и окно рассрочки. На планшетных ширинах блок покупки поставили после выбора варианта, а характеристики — ниже.
Одна модель — разные условия покупки
Цвет и память определяют выбранный SKU. Поэтому рядом с переключателями показываются цена и наличие именно этой версии устройства — с ней покупатель продолжает оформление.
Адаптация магазина для телефона и планшета
На планшетных ширинах доработали баннер и поиск: изображение сохраняет исходные пропорции, а поле поиска использует доступное место. Карточка товара получает другой порядок блоков.
На телефоне каталог и выбор конфигурации располагаются вертикально. Цена и действие покупки закреплены снизу. На странице кредита и рассрочки обновили вкладки и компактный блок действия, сохранив исходные условия.
Листайте экраны. Нажмите на любой, чтобы рассмотреть детали.
Корзина и кабинет:
что изменили в сценариях
- Рекомендации аксессуаров
- Убрали из рекомендаций позиции с нулевой ценой сайта. Повторное действие ожидает ответа сервера; после обновления восстанавливаются счётчики и карусель.
- Возвращение в кабинет
- Объединили разделы общей навигацией и оформлением. Недоступный товар остаётся в избранном: покупатель видит его и может удалить вручную.
- Предзаказ нужной версии
- Сервер формирует ссылку на сам товар с выбранным SKU. Обращение содержит конкретную версию устройства, а не адрес раздела, из которого открыли форму.
Мобильное приложение
на Flutter
Приложение получает каталог, варианты, цены и характеристики из мобильного API сайта на 1С-Битрикс. Выбранный SKU определяет сведения карточки, а расчёт корзины выполняется на сервере. Перед оформлением приложение повторно проверяет расчёт.
Реализовали вход по SMS, профиль и список заказов через интеграцию с аккаунтом сайта. Рекомендации аксессуаров используют те же товарные связи. Избранное аккаунта и гостевые списки разделены; сравнение хранится в сессии приложения.
Листайте экраны приложения. Нажмите, чтобы рассмотреть детали.
Что сделали
для Replatinum
Развили существующий интернет-магазин и связали приложение с его данными. Объём работы — от выбора устройства до расчёта корзины и доступа к аккаунту.
- Интернет-магазин
- Отдельные варианты на витрине, пакетное получение цен, пояснения в карточке товара, доработки корзины, предзаказа и кабинета.
- Адаптивный интерфейс
- Баннер и поиск на планшетных ширинах, порядок блоков покупки, закреплённая цена на телефоне, обновлённая страница кредита и рассрочки.
- Flutter-приложение
- Каталог и варианты через API сайта, серверный расчёт корзины, вход по SMS, профиль, заказы и списки товаров.
Нужен магазин со сложными вариантами товаров или приложение к действующему сайту? Посмотрите услуги разработки интернет-магазинов и разработки на Flutter.
Посмотреть ReplatinumСкриншоты сайта и приложения показывают разные этапы работы. Цены и ассортимент на экранах относятся к моменту съёмки.
Особенности проекта
- Варианты товаров на витрине
- Адаптация для телефона и планшета
- Корзина и личный кабинет
- Flutter-приложение с API сайта
Обсудим ваш проект?
Расскажите, что нужно сделать. Обсудим задачи, состав работ и подход к реализации.