Складну професійну послугу потрібно було пояснити просто — і відразу підкріпити довірою
Бухгалтерський супровід купують не через декоративний дизайн. Клієнтові важливо за кілька хвилин зрозуміти, хто працює з його податками, що саме входить у послугу, скільки це коштує і як швидко можна отримати відповідь.
Тому проєкт будувався навколо рішень реальних запитів ФОП і компаній: ведення обліку, звітність, ПДВ, зарплата й кадри, реєстрація бізнесу, консультації та відновлення обліку. Кожен напрямок отримав власний змістовий блок, а кожен важливий екран — зрозумілу наступну дію.
Власниця має контролювати тарифи й відгуки самостійно, але сайт повинен залишатися легким, швидким і без залежності від важкої універсальної CMS.
Чотири вузли, які мала закрити одна система
Послуги різного рівня складності
Від реєстрації ФОП до повного обліку ТОВ, ПДВ, ЗЕД, зарплати, кадрів і податкових перевірок.
Висока ціна помилки для клієнта
Потрібні конкретні докази: 20+ років досвіду, практика з 2019 року, сертифікати й живі відгуки.
Кілька комфортних шляхів звернення
Форма консультації, контекстна заявка з картки, телефон, Telegram, Viber та Instagram.
Контент змінюється після запуску
Ціни та відгуки потрібно редагувати без ручної правки HTML і без ризику пошкодити сторінки.
План: від архітектури до захищеного керування контентом
Роботу розклали на шість взаємопов’язаних шарів. Так дизайн, тексти, форми, SEO та адмінка працюють як одна система, а не як набір окремих сторінок.
Архітектура й офер
Сценарії для ФОП, ТОВ, кадрових задач, консультацій і старту бізнесу.
Візуальна система
Власний знак OD, тепла палітра, зелений бренд-колір, бронзовий акцент і редакційна типографіка.
Адаптивний фронтенд
Семантичний HTML, спільні CSS/JS, мобільне меню, sticky-header, lightbox і плавні появи блоків.
Збір заявок
Коротка й розгорнута форми, контекст із картки послуги, структурований email та антиспам.
Кастомна адмінка
Редактор тарифів, опублікованих відгуків, черга модерації, синхронізація та бекапи.
SEO і безпека
Canonical, Open Graph, Schema.org, sitemap, clean URLs, CSP, HSTS і захищені службові каталоги.
Шість сторінок — одна послідовна воронка довіри
Головна дає коротку відповідь і веде далі. Сторінки послуг і цін допомагають порівняти варіанти. «Про мене» та відгуки знімають ризики, а політика конфіденційності підтримує коректну роботу форм.
Спокійна професійність замість шаблонного «корпоративного» сайту
Темно-зелений відповідає за надійність, теплий фон робить подачу людяною, а бронзовий акцент додає статусності. Великі заголовки, повітряні картки та короткі списки допомагають сканувати складну бухгалтерську інформацію.
Уся логіка зберігається на екрані 390 px
На мобільному інтерфейс переходить в одну колонку: офер, ціни й CTA залишаються читабельними, навігація стискається в меню, а Telegram і Viber завжди доступні в нижній частині екрана.
Не урізана копія, а повний мобільний сценарій
Адаптивні сітки на 1080, 820 і 640 px, великі touch-зони, природний порядок контенту та зручні форми.
Форма не просто надсилає лист — вона перевіряє якість звернення
Коротка форма на головній, розгорнута форма в каталозі послуг і модальне замовлення працюють через один серверний контур. Дані перевіряються і лише після цього збираються в структурований email.
90 секунд
IP rate limit між повторними заявками.
Канал на вибір
Телефон, email або Telegram — достатньо одного валідного контакту.
Без автопублікації
Відгуки спочатку потрапляють у захищену чергу модерації.
Власний редактор тарифів і відгуків — без WordPress та сторонньої CMS
Адмінка написана спеціально під два процеси, які справді змінюються після запуску: прайс і соціальний доказ. У ній немає зайвих меню, плагінів чи можливості випадково зламати шаблон сторінки.
Тарифи редагуються як дані, а на сайт потрапляють як готова верстка
Власниця може створювати секції й картки, змінювати badge, назву, ціну, примітку та склад послуги,
керувати фоном і шириною сітки. Сервер перевіряє поля, зберігає JSON, робить резервну копію і
синхронізує позначений блок у prices.html.
Сесії, hash, CSRF і lockout
HttpOnly/SameSite cookie, регенерація session ID, авто-вихід через годину неактивності та блокування IP після 5 невдалих спроб.
Reset із відкатом при помилці пошти
Нові облікові дані активуються лише якщо email відправлено; інакше попередній доступ автоматично відновлюється.
Одне збереження — три сторінки
Схвалені відгуки оновлюють головну, сторінку цін і повну сторінку відгуків.
Службові файли закриті від вебу
Core, app, JSON-сховище, дані авторизації й резервні копії не віддаються як публічні ресурси.
Експертність показана фактами, а не загальними обіцянками
Окрема сторінка розкриває досвід головного бухгалтера й фінансового директора, галузі та робочі інструменти. Сертифікати можна збільшити у lightbox, а відгуки — прочитати на окремій сторінці або побачити у короткій вибірці на головній.
Персональний бренд із доказовою базою
SEO, швидкість і безпека закладені в архітектуру
Проєкт не залежить від клієнтського фреймворку: сторінки віддають готовий семантичний HTML,
основний JavaScript підключений через defer, hero-зображення має високий пріоритет,
а важкі сертифікати завантажуються ліниво.
.html.Один проєкт — публічний сайт, заявки, довіра й операційне керування
Без підтвердженої післярелізної аналітики ми не приписуємо сайту вигадане зростання трафіку чи конверсій. Результат цього етапу оцінюємо через те, що можна перевірити: готові сторінки, сценарії, контентні сутності, захист і робочі інструменти власниці.
Експертність важко масштабувати онлайн
- Складні послуги потребують пояснення
- Ціни та відгуки змінюються
- Заявкам потрібен контекст
- Довіра має бути підтверджена
Керована платформа персонального бренду
- 6 взаємопов’язаних сторінок
- Власний редактор тарифів і відгуків
- Форми з контекстом та антиспамом
- SEO- й security-фундамент для розвитку
Що отримав бізнес
Не набір макетів, а завершений інструмент, який уже працює на живому домені.
- Повна маркетингова воронка на головній
- Детальний каталог бухгалтерських послуг
- Прайс із 5 керованих секцій
- Контекстна модальна заявка
- Серверна валідація та антиспам
- Сторінка досвіду й сертифікації
- 11 відгуків і публічна форма подання
- Черга попередньої модерації
- Кастомна захищена адмінка
- 40 створених резервних HTML-копій
- Адаптивність від desktop до 390 px
- Метадані, Schema.org, sitemap і clean URLs
Звідки взяті цифри цього кейсу
Звіт складено за фактичним станом живого сайту й локальної кодової бази станом на 28 липня 2026 року. Implementation metrics не замінюють дані Google Search Console або CRM — вони фіксують обсяг і функціональність реалізованого продукту.
- Живий сайт — публічні сторінки, адаптивність, форми, контент і поточний дизайн.
- Локальна кодова база — HTML, CSS, JavaScript, PHP-обробники, конфігурація сервера й JSON-дані.
- Фактичне сховище адмінки — 5 тарифних секцій, 8 карток, 11 відгуків і 40 HTML-бекапів на дату зрізу.
- Скріншоти публічної частини зроблено з live-сайту; скріншоти адмінки — з локального захищеного демо без розкриття непублічної адреси та облікових даних.
Сайт бухгалтерських послуг став системою, якою можна керувати
Публічна частина пояснює й переконує. Форми збирають контекстні звернення. Кастомна адмінка дає власниці контроль над тарифами та відгуками — без зайвої технічної складності.