Новый интернет-магазин товаров для сада и дачи — кейс «Огород Маркет» и Bquadro

2026-03-23 16:12:44 Время чтения 6 мин 117

Описание процесса разработки современного интернет-магазина садоводческих товаров с крутым личным кабинетом.

Задача

«Огород Маркет» — профессиональный садоводческий магазин из Санкт-Петербурга с доставкой по всей России. В ассортименте компании — более 20 000 товаров в 15 категориях.

Ранее основными каналами продаж были офлайн-магазин и сообщество во ВКонтакте, но для дальнейшего роста бизнесу потребовался полноценный интернет-магазин.

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

Краткий обзор некоторых разделов сайта

1. Подготовка и дизайн

Разрабатывая дизайн и планируя возможности сайта, мы во многом ориентировались на известные маркетплейсы — как на примеры стандартного понятного интернет-магазина.

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

Елена Шелудкова
Менеджер проектов в Bquadro
Отдельное внимание клиент уделил визуальному наполнению сайта. Фотографии и иллюстрации он создаёт самостоятельно, благодаря чему контент интернет-магазина «Огород Маркет» получился уникальным, узнаваемым и визуально привлекательным.

Цветовая палитра сайта получилась естественной и уместной для тематики сада и огорода. В качестве основного выбрали приглушённый зелёный оттенок, а для акцентов — тёплый оранжевый, вызывающий ассоциации с урожаем и свежестью.

В качестве шрифта использовали Rubik — современный гротеск, хорошо адаптированный для веб-интерфейсов. Он легко читается, выглядит актуально и за счёт широкой линейки начертаний даёт достаточно возможностей для работы с визуальной иерархией текста.

UI kit

2. Главная страница

Чтобы пользователи, знакомые с классическими интернет-магазинами и маркетплейсами, легко ориентировались на сайте, мы сделали главную страницу максимально привычной по структуре. В её основе — понятная навигация, стандартный набор ключевых блоков и знакомая логика взаимодействия.

Фрагменты главной страницы

3. Каталог

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

Отдельно реализовали автоматическую генерацию тегов на основе характеристик товаров. Это решение упростило SEO-оптимизацию каталога и позволило сократить время на её поддержку.

На детальной странице товара стоит особо отметить наш кастомный функционал для вывода иконок в блоке «Характеристики». Отображаемые картинки зависят от выбранного свойства и его значения.

Пример карточки товара

4. Корзина и личный кабинет

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

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

Результат

Релиз сайта состоялся в декабре 2025 года. Уже на старте проект показал хорошие поведенческие и поисковые показатели: растёт трафик, сохраняется достойная глубина просмотра и низкий уровень отказов. Такой результат удалось получить без дополнительной SEO-оптимизации — за счёт базовой подготовки к релизу и тщательной проработки структуры и пользовательской логики на этапе разработки.

Трафик на новый сайт растет, не смотря на отсутствие целенаправленного SEO.

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