phone
1С-Битрикс
E-commerce
UX/UI

Редизайн сайта интернет-магазина кофе

Сайт проекта: roast.by
Срок разработки: 2 месяца
Технологии 1С-Битрикс Figma

Клиент

Roast.by — белорусский обжарщик и интернет-магазин кофе, чая и аксессуаров. Предоставляет оборудование в аренду.

Задача

Клиент пришёл с запросом на визуальное обновление сайта: уйти от шаблонного «Аспро» и сделать дизайн современным, удобным и визуально «вкусным». Важно было сохранить текущую структуру и техническую реализацию, сосредоточившись на дизайне и UX.

Что нужно было учесть

Редизайн требовал бережного подхода — важно было не нарушить логику текущей работы сайта, но при этом полностью переосмыслить визуальный опыт.
  1. Уйти от шаблонного внешнего вида и усилить визуальную идентичность бренда;
  2. Сократить путь к покупке и упростить повторные заказы для постоянных клиентов;
  3. Усилить продуктовые разделы и конверсию за счет удобной навигации;
  4. Подготовить дизайн-систему под запуск новых услуг и разделов без пересборки сайта.

Как мы подошли к задаче

  • Мы начали с того, что глубоко погрузились в продукт и поведение покупателей. Важно было не просто «сделать красиво», а передать характер бренда и упростить выбор. Поэтому мы отталкивались от реальных сценариев: как человек выбирает кофе, что его цепляет в карточке товара, как он возвращается за повторной покупкой.
  • Работали в рамках существующей платформы. Весь редизайн вписали в текущую CMS аккуратно и без сбоев, так что работа бизнеса не остановилась ни на день. Это особенно важно для e‑commerce: всё происходит «на живом» сайте, и нужно сохранить стабильность.
  • Мы не просто сделали готовый макет, а продумали, как его масштабировать. Каждый элемент дизайна можно быстро адаптировать под новую задачу. Это значит, что при запуске новых направлений — аренды, брендированных продуктов, акций — не нужно делать всё заново.
Обсудить с нами ваши задачи
Оставьте нам заявку и мы свяжемся с вами, чтобы определить задачи, фронт работы и стоимость будущего проекта
Оставить заявку

Что мы сделали

  • Разработали новый визуальный стиль: тёплая кофейная палитра, сочетание базовых оттенков зерна с акцентными цветными пачками зерна;
  • Сконцентрировали внимание на карточке товара: вся важная информация и кнопки — в одном экране. Даже добавили видимый индикатор помола;
  • Добавили двухуровневый хедер для упрощения навигации и снижении нагрузки на меню;
  • Check‑out «в один экран»: объединили корзину и оформление заказа, чтобы сократить количество шагов до покупки и уменьшить количество брошенных корзин.
  • Создали 30+ UI-компонентов и 14 шаблонов для быстрого масштабирования сайта
  • Обновили личный кабинет: постоянные клиенты в любой момент могут проверить размер персональной скидки и историю заказов на одном экране;
  • В раздел с оборудованием добавили опцию «Аренда» — теперь сайт обслуживает не только розницу, но и B2B-запросы

Страницы проекта

Заключение

Сайт перестал быть «ещё одним магазином на Аспро» и стал полноценной платформой продаж с индивидуальным лицом. Новый дизайн усилил бренд, ускорил пользовательский путь и открыл возможности для роста:

  • путь от выбора до оплаты стал короче — 3 экрана вместо 5, оформление стало быстрее на ~20%;
  • карточки товаров стали интерактивнее и понятнее, улучшилась вовлечённость в ассортимент;
  • в разделе оборудования появилась функция аренды — сайт теперь обслуживает и B2B-клиентов;
  • постоянные покупатели получили личный кабинет с историей заказов и персональными условиями.

Задумываетесь о редизайне? Давайте обсудим. Мы расскажем, что мешает вашему сайту продавать, и подскажем, с чего начать.

03
экрана вместо пяти — путь до оплаты стал короче
20
процентов времени экономит новый checkout
30
UI-компонентов для роста и новых разделов
мобильная версия

Почему мы?

Концентрация
Работаем исключительно с 1С-Битрикс и Битрикс24, без других CMS
Реальный опыт
200+ проектов, 85% клиентов сотрудничают с нами годами
Статус
Резиденты ПВТ и бизнес партнёр Битрикс24 и 1С-Битрикс
Скорость
Берёмся за срочные задачи почти сразу, не откладывая их в «очередь»
Прозрачность
Фиксируем бюджет и дедлайны, ведём тайм-трекинг и отчётность
Поддержка
Не бросаем проект. Развиваем и адаптируем под рост бизнеса
поддержка
поддержка

Хотите пообщаться о задаче?

Оставьте нам заявку и мы свяжемся с вами, чтобы определить задачи, фронт работы и стоимость будущего проекта
Оставить заявку

Рекомендуем

Интернет-магазин комплектующих на шаблоне Аспро
  • Разработка на 1С-Битрикс
  • Шаблон
  • Интеграция с 1С
Подробнее
Интернет-магазин комплектующих на шаблоне Аспро
Интернет-магазин климатической техники
  • Верстка и разработка на 1С-Битрикс
  • Дизайн
Подробнее
Интернет-магазин климатической техники
Автоматизация отчётности в агентстве через Битрикс24
  • Автоматизация
  • Скорость работы
  • Агентский бизнес
Подробнее
Автоматизация отчётности  в агентстве через Битрикс24
Система онлайн-заказов выпускных альбомов
  • Заказ без менеджера
  • Понятная цена сразу
  • Без сбоев и лишних действий
Подробнее
Система онлайн-заказов выпускных альбомов
Отложенные письма для клиентов в Bitrix24 за 30 минут
  • Контроль сотрудников
  • Анализ продуктивности
  • Упрощение отчетности
Подробнее
Отложенные письма для клиентов в Bitrix24  за 30 минут
Разработка сайта для логистической компании
  • Разработка фирменного стиля
  • Дизайн сайта
  • Верстка и разработка на 1С-Битрикс
Подробнее
Разработка сайта для логистической компании
Интернет-магазин автозапчастей
  • Верстка и разработка React + Laravel
  • Дизайн
Подробнее
Интернет-магазин автозапчастей
Редизайн сайта интернет-магазина кофе
  • Интернет-магазин
  • Удобный интерфейс
  • Личный кабинет
Подробнее
Редизайн сайта интернет-магазина кофе
Автоматизация проверки форм на сайте
  • Автопроверка форм
  • Снижение рутины
  • Контроль лидов
Подробнее
Автоматизация проверки форм на сайте
Настройка уведомлений с сайта в Telegram
  • Автоматизация сайта
  • Ускорение общения
  • Минимизация ошибок
Подробнее
Настройка уведомлений с сайта в Telegram
Разработка парсинга телеграм-каналов в Битрикс24
  • Мониторинг сообщений
  • Выявление лидов
  • Авто-добавление в CRM
Подробнее
Разработка парсинга телеграм-каналов в Битрикс24
Интеграция интернет-магазина с Яндекс Go
  • Оптимизация логистики
  • Синхронизация с CRM
  • Экономия времени
Подробнее
Интеграция интернет-магазина  с Яндекс Go
Автоматизация работы с тендерами в Битрикс24
  • Автоматизация тендеров
  • CRM-интеграция
  • Экономия времени
Подробнее
Автоматизация работы с тендерами в Битрикс24
Интеграция “Европочты” на сайт
  • Автообновление данных
  • Карта доставки
  • Упрощенный интерфейс
Подробнее
Интеграция  “Европочты” на сайт
Интеграция сайта, Битрикс24 и 1С с Onliner
  • Автообновление каталога
  • Синхронизация CRM и 1С
  • Корректный учет заказов
Подробнее
Интеграция сайта, Битрикс24 и 1С  с Onliner
Спам в открытых линиях Битрикс24
  • Анти-спам бот
  • Автоматизация защиты
  • Автоудаление спама
Подробнее
Спам в открытых линиях Битрикс24
Внедрение на сайт функции предзаказа
  • Автоматизация закупок
  • Повышение продаж
  • Интеграция с 1С
Подробнее
Внедрение на сайт функции предзаказа
Настройка оформления кредитов и рассрочек через «Скрепку»
  • Автоматизация задач
  • Ускорение работы
  • Минимизация ошибок
Подробнее
Настройка оформления кредитов и рассрочек через «Скрепку»
Оптимизация через автоматизацию
  • Автоматизация задач
  • Ускорение работы
  • Минимизация ошибок
Подробнее
Оптимизация через автоматизацию
Валидация ввода в форме регистрации
  • Корректный ввод данных
  • Защита от ботов
  • Настройка под бизнес
Подробнее
Валидация ввода в форме регистрации

Наши клиенты

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

Artox Mitgroup Алло Филдс Глобал Инжиниринг Vizavi керамика Xistore Mulisport roast
Rulez Микроэлектроника 97 Уральский гранит Save carrency Стоматология Стомика mi by Garantis.trade Kudel Sante

Наши услуги

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

Разработка сайтов на 1С‑Битрикс
Сделаем крутой сайт для вашего бизнеса с любым функционалом. Корпоративные сайты, сайты-визитки, интернет-магазины, порталы для B2B
Интернет-магазины
Создание интернет-магазина. Разработка с учетом UX/UI, обеспечиваем базовую SEO-оптимизацию.
Корпоративные сайты
Реализация корпоративного сайта-визитки для компании. Эффективная презентация услуг или товаров климпании.
Сайты-каталоги
Создание сайта-каталога. Разработка с учетом UX/UI, обеспечиваем базовую SEO-оптимизацию.
На шаблонах
Разработка сайта на шаблонных решениях 1С-Битрикс. Быстрее и дешевле, чем разработка с нуля.
Сайты на шаблонах АСПРО, разработка и кастомизация 
Использование шаблонов АСПРО позволяет создавать мощные, гибкие и функциональные интернет-магазины, корпоративные сайты и порталы.
Перенос сайта с другой CMS/конструктора на Битрикс
Перенесем ваш сайт со всеми данными на CMS 1С-Битрикс. Без ошибок, с сохранением всех данных и с исправлением существующих ошибок.
Вёрстка сайта по макету
Верстка сайтов, блоков или функционала по готовым макетам. Реализация любых идей.
Разработка дизайна вебсайта
Создание дизайна сайта с нуля, сохранение структуры сайта, учет имеющегося контента.
Редизайн сайта
Редизайн сайта без изменения структуры — обновляем визуал и аккуратно работаем с текущим контентом.
Аудит юзабилити, UX/UI
Анализ сайта с точки зрения пользователя. Проверка удобства использования, выявление ошибок и проблем в отображении элементов.
Технический аудит сайта
Выявление и исправление технических ошибок, анализ сервера, архитектуры сайта, проверка безопасности и обнаружение уязвимостей.
Защита сайта, аудит безопасности
Аудит безопасности и обеспечение защиты от вирусов. Анализ работоспособности и поиск уязвимостей.
Техническая поддержка сайтов на 1С-Битрикс
Быстро решаем задачи и устраняем ошибки. Следим за стабильной работой сайта, обновляем, улучшаем и защищаем его от сбоев. Ваш сайт работает — вы занимаетесь бизнесом
Настройка модуля e-commerce
Установка и настройка модуля e-commerce для вашего сайта. Отслеживайте покупки через сайт.
Техническая SEO-оптимизация для роста позиций и скорости
Сайты теряют трафик из-за скрытых технических ошибок: медленной загрузки, дублей страниц, проблем с индексацией. Мы предлагаем профессиональную услугу оптимизация сайта, которая устраняет такие ошибки
Настройка web-аналитики
Установка и настройка систем веб-аналитики. Яндекс Метрика, Google Analytics, Pixel Facebook, Яндекс Вебмастер, Google Search Console и др.
Доработка сайтов на 1С-Битрикс
Сделаем CRM Битрикс24 удобнее: интеграции с сервисами, автоматизация процессов, разработка дополнительного функционала или приложений
Внедрение нейросетей на сайт
Нейросети позволяют использовать мощные алгоритмы для анализа поведения пользователей, автоматизации рутинных задач и персонализации контента.
Интеграции Bitrix24 с сервисами для бизнеса
Подключаем телефонию, мессенджеры, 1С/ERP, маркетплейсы, рассылки, оплату и доставку.