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

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

Сайт проекта: roast.by
Срок разработки: 2 месяца
Технологии 1cbitrix 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С‑Битрикс
Сертификация
Сертификация
Наши программисты прошли сертификацию Битрикса
Гарантия
Гарантия
Отлаженные процессы позволяют уменьшить количество багов
Сроки
Сроки
Понимаем важность сроков и всегда их выдерживаем
Усиление
Усиление
Дополняем Вашу команду нашей экспертизой
все в штате
Все в штате
Таланты — основной актив нашей компании
поддержка
поддержка

Уже знаете что вам необходимо?

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

Рекомендуем

Разработка сайта для логистической компании
  • Разработка фирменного стиля
  • Дизайн сайта
  • Верстка и разработка на 1С-Битрикс
Подробнее
Разработка сайта для логистической компании
Интернет-магазин автозапчастей
  • Верстка и разработка React + Laravel
  • Дизайн
Подробнее
Интернет-магазин автозапчастей
Редизайн сайта интернет-магазина кофе
  • Интернет-магазин
  • Удобный интерфейс
  • Личный кабинет
Подробнее
Редизайн сайта интернет-магазина кофе
Интеграция “Европочты” на сайт
  • Автообновление данных
  • Карта доставки
  • Упрощенный интерфейс
Подробнее
Интеграция  “Европочты” на сайт
Разработка парсинга телеграм-каналов в Битрикс24
  • Мониторинг сообщений
  • Выявление лидов
  • Авто-добавление в CRM
Подробнее
Разработка парсинга телеграм-каналов в Битрикс24
Интеграция интернет-магазина с Яндекс Go
  • Оптимизация логистики
  • Синхронизация с CRM
  • Экономия времени
Подробнее
Интеграция интернет-магазина  с Яндекс Go
Интеграция сайта, Битрикс24 и 1С с Onliner
  • Автообновление каталога
  • Синхронизация CRM и 1С
  • Корректный учет заказов
Подробнее
Интеграция сайта, Битрикс24 и 1С  с Onliner
Спам в открытых линиях Битрикс24
  • Анти-спам бот
  • Автоматизация защиты
  • Автоудаление спама
Подробнее
Спам в открытых линиях Битрикс24
Улучшение учета рабочего времени
  • Контроль сотрудников
  • Анализ продуктивности
  • Упрощение отчетности
Подробнее
Улучшение учета рабочего времени
Внедрение на сайт функции предзаказа
  • Автоматизация закупок
  • Повышение продаж
  • Интеграция с 1С
Подробнее
Внедрение на сайт функции предзаказа
Оптимизация через автоматизацию
  • Автоматизация задач
  • Ускорение работы
  • Минимизация ошибок
Подробнее
Оптимизация через автоматизацию
Валидация ввода в форме регистрации
  • Корректный ввод данных
  • Защита от ботов
  • Настройка под бизнес
Подробнее
Валидация ввода в форме регистрации
Доработки для интернет-магазина дизайнерской мебели
  • Исправление багов
  • Доработка интерфейса
  • Мониторинг сайта
Подробнее
Доработки для интернет-магазина дизайнерской мебели
Внедрение приоритета для изображений
  • Массовая обработка
  • Упрощение интерфейса
  • Алгоритм сортировки
Подробнее
Внедрение приоритета для изображений
Внедрение калькулятора для грузоперевозок
  • Доработка ТЗ от клиента
  • Упрощение заказов
  • Интуитивный интерфейс
Подробнее
Внедрение калькулятора для грузоперевозок
Интеграция банка Альфа-Банка (РБ) с Битрикс24
  • Автоматизация импорта
  • Контроль транзакций
  • Финансовый учет
Подробнее
Интеграция банка Альфа-Банка (РБ) с Битрикс24
Разработка сайта с интерактивными элементами
  • Панорамный тур
  • 3D-модели домов
  • Продуманный UX/UI
  • Каталог проектов
  • 3D-модель дома
Подробнее
Разработка сайта с интерактивными элементами
Адаптация CRM Битрикс24 под стоматологию
  • Генерация договоров
  • Цифровая карта пациента
  • История лечения в CRM
Подробнее
Адаптация CRM Битрикс24 под стоматологию
Разработка сайта интернет-магазина сантехники
  • Синхронизация с 1С
  • Удобная навигация
  • Интерактивный каталог
  • Дизайн
  • Верстка и разработка на 1С-Битрикс
Подробнее
Разработка сайта интернет-магазина сантехники
Создание сайта для агентства недвижимости
  • Разработка 1С-Битрикс
  • Дизайн
  • Управление фото
  • Дизайн
  • Верстка и разработка на 1С-Битрикс главной страницы
Проект в разработке
Создание сайта для агентства недвижимости

Наши клиенты

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

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

Наши услуги

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

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