Роботи/07/ 26

Servana

Кейтеринг · Веб-застосунок

Операційна система для кейтерингу: кошториси, меню, кухня, склад, закупівлі, повернення й P&L кожного івенту на одному екрані.

servana.gainers.website
Servana: website, first screen
Servana: website on a phone
КатегоріяКейтеринг · Веб-застосунок
Живий сайтservana.gainers.website
Блоків розібрано06
Задача

Servana — операційна система для кейтерингу: кошториси, меню, кухня, склад, закупівлі, повернення й P&L кожного івенту на одному екрані. Лендінг має показати власнику кейтерингу його ж тиждень хаосу і довести до першого івенту в пробному періоді.

Що ми зробили
  • Веб-застосунок
  • Облік
  • Склад
  • Лендінг
Блок за блоком

Блок за блоком

Справжні скріншоти живого сайту, комп’ютер і телефон. Що робить кожна частина і чому вона зроблена саме так.

01 / 06
  • Текст
  • Структура

Шість болів, названих точно

Ще до функцій ми перелічуємо шість проблем під заголовком «Шесть вещей, которые съедают вашу маржу каждую неделю»: Excel у десяти версіях, кошторис із колонкою маржі, машина без 40 келихів, неврахований повернений посуд. Кожна картка — сценка з реального тижня кейтерингу, тож власник киває ще до пропозиції.

Комп’ютер · 1440Телефон · 390
servana.gainers.website
Servana: Six pains, named precisely
Servana: Six pains, named precisely (phone)
02 / 06
  • Текст
  • Конверсія

Чотири цифри з поясненням

Обіцянку ми стиснули в чотири великі цифри: «12 мин.» на кошторис, «+8 %» до маржі, «−92 %» недостач і «24 ч» до P&L івенту. Під кожною — рядок про те, як це досягається, наприклад комірник приймає машину по позиціях. Так цифра читається як механізм, а не гасло.

Комп’ютер · 1440Телефон · 390
servana.gainers.website
Servana: Four numbers, each explained
Servana: Four numbers, each explained (phone)
03 / 06
  • Продукт
  • Структура

Девʼять модулів, по одному на крок

«Девять модулей под реальный процесс кейтеринга» протиставляє Servana універсальній CRM, яку налаштовують пів року. Кожна нумерована картка — один крок: кошториси, меню й техкарти, задачі кухні, packing list, склад, закупівлі, повернення. Рядок капслоком під карткою («PDF · WHATSAPP · БРЕНД-ШАПКА») каже, що саме модуль видає.

Комп’ютер · 1440Телефон · 390
servana.gainers.website
Servana: Nine modules, one per step
Servana: Nine modules, one per step (phone)
04 / 06
  • UX
  • Продукт

Продукт крок за кроком

«Один экран ведёт всё мероприятие» — найдовший блок: заголовок і кнопка «Запустить первый ивент» стоять зліва, а праворуч ідуть шість нумерованих кроків. Кожен показує шматок робочого інтерфейсу, як-от форму нового івенту з пʼятьма полями й кнопкою «Создать → 00:30», тож відвідувач бачить застосунок ще до реєстрації.

Комп’ютер · 1440Телефон · 390
servana.gainers.website
Servana: The product, step by step
Servana: The product, step by step (phone)
05 / 06
  • Конверсія
  • Кнопки · CTA

Три тарифи, середній виділено

Тарифи відкриваються рядком «Прозрачно. Без сюрпризов.» і умовами пробного періоду: 14 днів Pro, без картки, імпорт меню з Excel бере на себе команда. Три плани стоять поруч; середній позначено «ПОПУЛЯРНЫЙ» і дано йому заповнену кнопку «Начать 14 дней бесплатно», а корпоративний веде до «Связаться с продажами».

Комп’ютер · 1440Телефон · 390
servana.gainers.website
Servana: Three plans, middle one highlighted
Servana: Three plans, middle one highlighted (phone)
06 / 06
  • Кнопки · CTA
  • Текст
  • Довіра

Фінал, що рахує за вас

Фінальний заклик повертається до першого болю: «Перестаньте считать свадьбу два часа в Excel. Считайте за двенадцать минут.» Дві кнопки для двох типів покупців: «Запустить первый ивент» для готових спробувати і «Запросить демо» для тих, хто хоче дзвінок. Нижче дрібний рядок про дані: GDPR, зберігання у Франкфурті, скасування в один клік.

Комп’ютер · 1440Телефон · 390
servana.gainers.website
Servana: A closing line that does the maths
Servana: A closing line that does the maths (phone)
Що всередині

Що всередині

  • Живий макет продукту в першому екрані: дашборд івенту із собівартістю, маржею, прогресом збирання й стрічкою команди
  • Перемикач світлої й темної теми в шапці
  • FAQ-акордеон на сторінці (видно в мобільному знімку)

Хочете так само?

Розкажіть про свій бізнес у WhatsApp. Ми відповімо планом і фіксованою ціною ще до початку роботи.

Наступний кейс Gainers Academy Власний продукт · Онлайн-академія