Задача
Старый сайт менялся только через разработчика, и онлайн-записи на нём не было. Клиентки поэтому звонили или писали в мессенджеры, и часть заявок терялась по дороге. Задача звучала так: сайт, который владелица потянет сама, и запись, о которой она узнаёт сразу.
- Менять тексты, цены и фотографии без разработчика
- Показать результаты работ так, чтобы в них можно было искать
- Дать клиентке записаться с сайта, а не через мессенджер
- Загружаться быстро даже на мобильном со слабым сигналом
Что мы построили
Сайт, который выглядит как кабинет, а не как салон
Главная страница, каталог услуг, прайс, галерея работ, раздел о курсах и юридические страницы. Оформление сдержанное и клиническое.
Почему так. Студия опирается на физиологию заживления, а не на украшательство. Внешний вид должен это подтверждать, а не спорить с этим.
У каждой процедуры своя страница
Брови, губы, межресничка, специальные техники и курсы. У каждой процедуры описание, цена и длительность на своём адресе.
Почему так. Кто ищет пудровые брови, должен попасть на страницу о пудровых бровях, а не на общий прайс.
Галерея с фильтрами по типу процедуры
Шестьдесят шесть работ, разложенных по категориям. Посетительница отфильтрует брови, губы или межресничку и не будет листать остальное. Фотографии загружаются прямо из админки.
Почему так. Клиентка хочет увидеть свою процедуру, а не шестьдесят шесть чужих. Фильтр сокращает это до пары кликов.
Прайс, который меняется в админке, а не письмом
Шестнадцать процедур с ценой и длительностью. Цены заодно попадают в структурированные данные для поисковиков.
Почему так. Устаревшая цена на сайте стоит студии доверия и лишних звонков.
Запись, которая доходит до 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
Когда это имеет смысл и у вас
Отрасль не важна. Тот же подход работает везде, где верны хотя бы два из трёх утверждений:
- Содержимое сайта меняется чаще, чем вам хочется писать разработчику
- Клиент решает по результатам, а их должно быть видно
- Заявку нужно знать сразу, а не когда откроете почту
Хотите что-то похожее?
Расскажите, что должен уметь сайт. За полчаса определим объём и срок, и только потом вы получите цену, которая дальше не меняется.
Назначить консультацию
