Кейсы

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

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

Огород Маркет

О клиенте

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

Задача

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

Нашей основной задачей стало разработать сайт и обеспечить на нем удобный процесс заказа товаров.

Какой сайт был нужен клиенту

С понятным интерфейсом

В том числе для возрастной аудитории разной степени компьютерной грамотности.

С современным дизайном и функционалом

В качестве источников вдохновения брали известные маркетплейсы.

Что клиент получил в итоге

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

  • разработан личный кабинет с большим количеством функций,

  • настроена выгрузка и обмен информацией по товарам через 1С,

  • внедрены три службы доставки (СДЕК, 5Пост, Почта России),

  • сформирована сложная карта со точками ПВЗ,

  • добавлена интеграция с банком.

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


Подготовка

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

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

Елена Шелудкова, менеджер проекта

Ключевые моменты дизайна и внедрения

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

В качестве шрифта мы использовали Rubik. Это шрифт хорошо подходит для веб-сайтов: он без засечек, легко читается, не выглядит избитым и имеет 10 начертаний.


Дизайн сайта Огород

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

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

Главная страница сайта

Каталог

Каталог разбит на категории и подкатегории нескольких уровней. Тут есть всё для удобства подбора товаров: 

  • заметные картинки разделов, 

  • крупные карточки товаров, 

  • фильтры по свойствам,

  • сортировка, 

  • настройка типов карточек. 

Отдельно мы разработали и внедрили автогенерацию тегов из свойств товаров для эффективной и менее затратной по времени оптимизации сайта для поисковиков.

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

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

Дизайн карточки товара

Корзина

Создавая дизайн и логику работы корзины, мы с клиентом опять же вдохновлялись маркетплейсами. Корзина получилась одностраничная, со всеми нужными блоками, в том числе картой с точками пунктов выдачи заказов трёх служб доставок.

Дизайн корзины

Личный кабинет

Многофункциональный личный кабинет пользователя содержит такие разделы как:

  • «дашборд» — с основной информацией,

  • «профиль» — с персональными данными, скидками и уведомлениями,

  • «обратная связь» — с формой и архивом обращений,

  • «покупки» — с данными по всем заказам, доставкам, возваратм, купленным товарам,

  • «товары» — с избранными товарами, брендами и листом ожидания.

Авторизация и регистрация на сайте предусмотрена двумя способами: по номеру телефона через СМС и по почте с паролем.


Личный кабинет пользователя

Информационные разделы

Сайт получился объёмный и помимо каталога содержит все необходимые разделы для информирования пользователя и для привлечения трафика:

  • блог,

  • услуги,

  • акции,

  • о компании,

  • как купить,

  • правовая информация, 

  • контакты.

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

Елена Шелудкова, менеджер проекта

Выводы

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

График роста трафика

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