Разработка интернет-магазина «Огород Маркет»

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

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

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

В итоге клиент получил не просто каталог товаров, а всё, что нужно для успешного привлечения трафика, клиентов и роста продаж. 

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

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

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

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

 

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

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

3. Каталог

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

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

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

 

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

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

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

Результат

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

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


Перейти на сайт

В карточку агентства

Письмо автору кейса

Пользуйтесь реальным опытом в IT и следите за успехами потенциальных подрядчиков и конкурентов
Подпишитесь на рассылку
Подпишитесь
на наши каналы в MAX или Телеграм, чтобы не пропускать новые материалы
MAXКанал в MAXTelegramКанал в TG
Кейсы по теме#Сельское хозяйство, охота, рыболовство

©2007-2026

Проекты компании Proactivity Group
Нажмите «ОК», если вы соглашаетесь с условиями обработки cookie и ваших данных о поведении на сайте, необходимых для аналитики. Запретить обработку cookie можете через браузер