Интернет-магазин садоводческих товаров с личным кабинетом

1. Вводная задача от заказчика, проблематика, цели

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

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

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

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

2. Описание реализации кейса и творческого пути по поиску оптимального решения

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

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

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

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

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

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

3. Каталог

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

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

4. Карточка товара

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

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

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

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

Елена Шелудкова

Менеджер проектов, Bquadro

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

3. Результаты сотрудничества

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

Елена Шелудкова

Менеджер проектов, Bquadro

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