Завдання
Старий сайт змінювався лише через розробника, і онлайн-запису на ньому не було. Клієнтки тому телефонували або писали в месенджери, і частина заявок губилася дорогою. Завдання звучало так: сайт, який власниця потягне сама, і запис, про який вона дізнається одразу.
- Змінювати тексти, ціни й фотографії без розробника
- Показати результати робіт так, щоб у них можна було шукати
- Дати клієнтці записатися з сайту, а не через месенджер
- Завантажуватися швидко навіть на мобільному зі слабким сигналом
Що ми побудували
Сайт, який виглядає як кабінет, а не як салон
Головна сторінка, каталог послуг, прайс, галерея робіт, розділ про курси і юридичні сторінки. Оформлення стримане й клінічне.
Чому так. Студія спирається на фізіологію загоєння, а не на оздоблення. Вигляд має це підтверджувати, а не сперечатися з цим.
У кожної процедури своя сторінка
Брови, губи, міжвійкова стрілка, спеціальні техніки і курси. У кожної процедури опис, ціна і тривалість на власній адресі.
Чому так. Хто шукає пудрові брови, має потрапити на сторінку про пудрові брови, а не на загальний прайс.
Галерея з фільтрами за типом процедури
Шістдесят шість робіт, розкладених за категоріями. Відвідувачка відфільтрує брови, губи або міжвійкову стрілку і не гортатиме решту. Фотографії завантажуються просто з адмінки.
Чому так. Клієнтка хоче побачити свою процедуру, а не шістдесят шість чужих. Фільтр скорочує це до пари кліків.
Прайс, який змінюється в адмінці, а не листом
Шістнадцять процедур з ціною і тривалістю. Ціни заодно потрапляють у структуровані дані для пошукових систем.
Чому так. Застаріла ціна на сайті коштує студії довіри і зайвих дзвінків.
Запис, який доходить до Telegram
Форма з вибором послуги і зручного часу. Заявка зберігається в адмінці й водночас іде в Telegram. Працює і з вимкненим JavaScript.
Чому так. Заявка, про яку власниця дізнається наступного дня, зазвичай уже записана в іншому місці.
Адмінка, якої ззовні ніхто не бачить
Заявки зі статусами, послуги, галерея із завантаженням фотографій, відгуки, питання і відповіді, близько шістдесяти редагованих текстів і вільні сторінки. Усе, що видно на сайті, правиться без рядка коду.
Чому так. Сайт, у який можна залізти лише через нас, для клієнта пастка. Краще зробимо роботу понад те й віддамо ключі.
Наша робота очима клієнта
„Не очікувала, що можна зробити сайт до наступного дня за дуже приємною ціною і при цьому ще встигати додавати до нього мої нові ідеї. Ілля, ви золотко.“
Результат
Власниця веде вміст сама, заявки не губляться, а сторінки відкриваються за десяті частки секунди. Зі старого сайту ми перенесли портфоліо із шістдесяти шести робіт і весь прайс.
- Близько шістдесяти текстів сайту змінюються без розробника
- Шістдесят шість робіт у галереї з фільтрами за категоріями
- Шістнадцять процедур у прайсі, кожна на власній сторінці
- Заявка доходить до Telegram за секунди
- Фронтенд
- Next.js 16 (App Router), React 19, TypeScript
- Стилі
- Tailwind CSS 4, адаптивна верстка
- Дані
- Prisma 7, SQLite
- Форми
- Server Actions з прогресивним покращенням
- Зображення
- next/image, автоматичне стиснення через sharp
- Інфраструктура
- Ubuntu VPS, nginx, systemd, Let's Encrypt
- Інтеграції
- Telegram Bot API, Resend
Коли це має сенс і у вас
Галузь не має значення. Той самий підхід працює скрізь, де правдиві хоча б два з трьох тверджень:
- Вміст сайту змінюється частіше, ніж вам хочеться писати розробникові
- Клієнт вирішує за результатами, а їх має бути видно
- Заявку треба знати одразу, а не коли відкриєте пошту
Хочете щось подібне?
Розкажіть, що має вміти сайт. За півгодини визначимо обсяг і строк, і лише потім ви отримаєте ціну, яка далі не змінюється.
Домовитися про консультацію
