КейсДоставка еды · интернет-магазин

Rakovar: интернет-магазин доставки раков в Харькове

Магазин на WordPress и WooCommerce для локальной доставки: каталог из 12 позиций, где размер объяснён весом, корзина рядом со списком и оформление заказа из 4 полей вместо 12. Успели к началу сезона.

Клиент
Rakovar
Срок
≈ 4 недели
Открыть сайт
Rakovar
  • ≈ 4 неделиот старта до готовых блоков
  • 4 полявместо 12 в оформлении заказа
  • 12 позиций6 размеров × живые и варёные
Было

Продажи в соцсетях, заказы — в сообщениях

Rakovar — локальный бизнес в Харькове: доставляет живых и варёных раков. До сайта продажи шли через соцсети: ассортимент и цены — в постах, заказы — в сообщениях или по телефону. Для интернет-магазина это необычный товар. Покупатель выбирает не «раков вообще», а размер — от маленьких до «монстров+», живых или варёных, и хочет сразу понимать, что значит «средние»: сколько весит одна штука и сколько их будет в килограмме. Доставка — по городу по тарифам такси, а не почтой. Задача — удобное оформление заказа и качественная презентация продукции.

Жёсткий срок. Раков продают сезонно, и сайт должен был заработать до начала сезона.

Стандартный магазин рассчитан на почту. Оформление заказа в WooCommerce «из коробки» — это 12 полей: фамилия, компания, страна, область, индекс, две строки адреса и отдельный блок «Доставить на другой адрес». Для доставки по Харькову большинство из них лишние, а каждое лишнее поле — повод бросить заказ.

Каталог с размерами. 12 позиций: шесть размеров живых и шесть варёных, с разными ценами. Названия размеров сами по себе ничего не говорят — нужны вес и количество в килограмме.

Условия меняются. Цены, стоимость доставки, часы работы, телефоны — владелец должен менять их сам, без разработчика.

Решение

Что мы сделали

Собственная тема на WordPress и WooCommerce, в которой каталог, корзина и оформление заказа написаны под один магазин и один город.

Собственная тема на WordPress и WooCommerce

Вёрстку взяли из лицензированного HTML-шаблона и перенесли в собственную тему на основе Underscores: шаблоны WooCommerce, корзину, оформление заказа и блоки страниц написали под этот магазин. Телефон, email, адрес, часы работы, стоимость и текст о доставке, подпись в футере — отдельные поля в админке, и сайт сам подставляет их в шапку, футер и корзину.

Главная страница Rakovar на компьютере и телефоне: первый экран со сковородой раков и кнопкой «Заказать»

Каталог и корзина на одном экране

Две категории — «Живые» и «Варёные», по шесть размеров в каждой. Карточка показывает размер, вес одной штуки и количество в килограмме, например «20–30 г (40–45 шт. на кг)». У товаров есть характеристики: вес, количество в килограмме, пищевая и энергетическая ценность, условия и срок хранения. Рядом со списком — корзина с условием доставки, так что покупатель видит сумму и условия, пока выбирает. Корзина в шапке обновляется без перезагрузки страницы.

Каталог «Варёные раки» на Rakovar: шесть размеров с весом и количеством в килограмме, рядом — корзина с условием доставки

Оформление заказа: 4 поля вместо 12

Оставили имя, телефон (обязательно), email (по желанию) и одно поле «Адрес доставки / заметки». Убрали фамилию, компанию, страну, область, город, индекс, две строки адреса и блок доставки на другой адрес. Форму разложили в две колонки.

Оформление заказа на Rakovar: четыре поля — имя, телефон, email и адрес доставки — рядом с итогом заказа

Страницы из блоков, контент и поиск

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

Раздел рецептов, статьи о раках, страницы доставки и отзывов. Заголовки и описания — под запросы «живые и варёные раки Харьков». Технические адреса корзины закрыты от индексации, адреса страниц — латиницей, хлебные крошки имеют разметку BreadcrumbList.

Страница контактов Rakovar: карточки адреса, почты, телефона и часов работы и форма связи
Стек

На чём сделано

WordPress и WooCommerce с собственной темой на основе Underscores: шаблоны магазина, корзина и оформление заказа — свои, блоки страниц — на ACF Pro.

  • WordPress
  • WooCommerce
  • PHP
  • JavaScript
  • HTML5
  • CSS3
  • MySQL
Результат

Что получил Rakovar

Сайт запустили в апреле 2025 года, к началу сезона, и владелец ведёт его сам.

  • Успели к сезону

    От начала работы над темой до готовых блоков — около четырёх недель (12.03 – 08.04.2025); сайт запустили в апреле 2025 года.

  • Каталог на 12 позиций

    Шесть размеров живых и шесть варёных, и каждый размер объяснён весом и количеством в килограмме.

  • Оформление заказа — 4 поля вместо 12

    Только то, что нужно курьеру: имя, телефон, email по желанию и адрес с заметками.

  • Владелец меняет всё сам

    Цены, доставку, контакты и страницы — в админке, без разработчика.

Отзыв клиента

Степан Соколов — о работе над сайтом.

Сайт нужен был к началу сезона, срок жёсткий. Обещали четыре недели, сделали за три с половиной. Я ни разу не напоминал, сами каждую неделю писали, что готово. Сезон начали уже с сайтом.

Степан Соколов Степан Соколов Доставка раков в Харькове

Сайт, который мы сделали

Rakovar rakovar.com.ua

Другие наши работы

Ещё несколько проектов студии — от лендингов до интернет-магазинов.

World Luxury Chamber of Commerce

World Luxury Chamber of Commerce

Anna ELT

Anna ELT

Пассажирские перевозки

Пассажирские перевозки

Офис адвоката Дядечко

Офис адвоката Дядечко

WORLD FUTURE AWARDS

WORLD FUTURE AWARDS

World Luxury Day

World Luxury Day

Energy Development

Energy Development

ATIS

ATIS

Rakovar

Rakovar

GETFIX

GETFIX

АвтоВикуп-1212

АвтоВикуп-1212

PPC Monsters

PPC Monsters

DZHAGAROVA Beauty School

DZHAGAROVA Beauty School

Викуп Квартир

Викуп Квартир

Tehosmotr

Tehosmotr

Авто Викуп

Авто Викуп

Ukreina

Ukreina

Amzfunnels

Amzfunnels

Каскад монтаж сервіс

Каскад монтаж сервіс

Aura Digital PR

Aura Digital PR

Обсудим ваш будущий проект?

Не уверены, с чего начать, или у вас пока только идея? Это уже отличное начало. Напишите нам — вместе обсудим ваши задачи, подскажем оптимальное решение для сайта, лендинга или интернет-магазина и сориентируем по срокам и бюджету. Без обязательств и давления — начнём просто с разговора.

Написать нам

Будем рады вашему звонку

ОБСУДИТЬ ПРОЕКТ

Мы на связи. Пишите - мы обязательно ответим!

    ВАША ЗАЯВКА ПРИНЯТА

    Мы свяжемся с Вами в ближайшее время

    ТЕХНИЧЕСКИЕ НЕПОЛАДКИ

    Пожалуйста, свяжитесь с нами по телефону: