КейсДоставка їжі · інтернет-магазин

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

Пасажирські перевезення

Пасажирські перевезення

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

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

Ukreina

Ukreina

Авто Викуп

Авто Викуп

Tehosmotr

Tehosmotr

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

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

DZHAGAROVA Beauty School

DZHAGAROVA Beauty School

Amzfunnels

Amzfunnels

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

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

PPC Monsters

PPC Monsters

АвтоВикуп-1212

АвтоВикуп-1212

GETFIX

GETFIX

Rakovar

Rakovar

ATIS

ATIS

Energy Development

Energy Development

World Luxury Day

World Luxury Day

WORLD FUTURE AWARDS

WORLD FUTURE AWARDS

Aura Digital PR

Aura Digital PR

Обговоримо ваш майбутній проєкт?

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

Написати нам

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

ОБГОВОРИТИ ПРОЕКТ

Ми на зв'язку. Пишіть – ми обов'язково відповімо!

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

    Ми зв'яжемося з Вами найближчим часом

    ТЕХНІЧНІ ПРОБЛЕМИ

    Будь ласка, зв'яжіться з нами за телефоном: