До сайта гость салона записывался только по телефону и не видел ни работ, ни цен. Собрали одностраничник по фирменному брендбуку: услуги с открытыми ценами, галерея работ и запись в два клика с телефона. Репутация 5.0 на Яндекс.Картах и 4.9 в 2ГИС теперь работает на доверие прямо на первом экране.
Рейтинг 5.0 на Яндекс.Картах и 4.9 в 2ГИС стоят на первом экране: гость видит надёжность салона ещё до записи, а не ищет отзывы по сторонним сайтам.
15 точек входа в онлайн-запись YClients, включая липкую кнопку на телефоне. Записаться можно за 2 клика в любой момент, даже когда салон закрыт.
Работы (8 фото), цены (23 позиции) и мастера видны сразу. Человеку не нужно звонить, чтобы узнать стоимость, — он фильтрует сам и записывается к вам.
У салона Panakhova Beauty была сильная офлайн-репутация (5.0 на Яндекс.Картах, 4.9 в 2ГИС, более 260 отзывов на картах) и готовый брендбук — а сайта не было, и клиенты записывались только по телефону. Основная цель сайта — привести гостя к онлайн-записи на услугу.
Пять работ: дизайн, вёрстка, каталог услуг, запись и мобильная версия.
Салон позиционируется как студия эстетичного окрашивания, поэтому конструкторная «шумная» подача не подходит: нужен спокойный светлый фон, чистые формы и воздух, а бренд должен считываться с первой секунды.
В hero — логотип Panakhova Beauty, фото реальной вывески студии справа и плитка рейтинга 5.0 поверх визитки-фото. Шрифты — Cygre (три начертания, набранные по брендбуку). Заголовочный шрифт Advaken Sans проверили на главном заголовке (H1) вживую: оказался слишком декоративным для длинной русской фразы, H1 оставлен на читаемом Cygre — тоже фирменном шрифте брендбука. Палитра: светлый тёплый фон, акцент #70785b — оливково-зелёный.
Собрать страницу так, чтобы гость шёл по маршруту «увидел бренд → убедился в рейтинге → выбрал услугу → посмотрел работы → записался».
13 секций: hero, эстетика, доверие (5 плиток: 5.0 Яндекс, 4.9 2ГИС, 260+ отзывов, запись 24/7, режим 10–20), услуги, мастера, о студии, прайс, консультация, галерея, отзывы, сервис, первый визит, контакты. Навигация из 5 якорей — Услуги, Мастера, Работы, Отзывы, Контакты. Вёрстка семантическая (article, figure, dl), 392 узла DOM (элемента страницы), без конструкторов и фреймворков.
Цены — главный фильтр перед записью: если гостю не показывали вилку стоимости, он уходил звонить или не записывался вовсе.
6 карточек популярных услуг со стартовыми ценами (сложное окрашивание, выход из чёрного, стрижка, уход, укладка, архитектура бровей), у каждой — своя кнопка записи. Прайс на полную: 7 категорий, 23 позиции — от окрашивания до детских стрижек. Секция отзывов — 3 карточки по темам реальных отзывов с карт (окрашивание, атмосфера, брови и укладки) со ссылками на профиль в Яндекс.Картах и 2ГИС.
Цель сайта — запись. Если кнопка одна и «спрятана» в hero, значительная часть гостей пролистывает до нужной секции и сходит с маршрута.
Ссылка на форму онлайн-записи YClients стоит в 15 точках: кнопка в hero, CTA в каждой карточке услуги, кнопка у блока мастеров, в прайсе, у консультации, в «первом визите» и в контактах. На мобильном сверху ведёт липкая тёмная кнопка «Записаться онлайн», которая не исчезает при прокрутке.
Бьюти-сайт почти целиком читают с телефона: визуал, кнопки и цены должны смотреться без горизонтального скролла.
Проверено на вьюпорте 390×920: заголовок hero переукладывается в 5 строк, кнопки в колонку, прайс и галерея перестраиваются в одну колонку, липкая кнопка записи внизу экрана. Телефон из шапки hero на мобильном скрыт, чтобы не ломать сетку.
Сроки беру из реального проекта; по вашему сайту назову после бесплатного разбора.
Сайт создаётся с нуля, поэтому «старой версии» для сравнения нет. Ниже — замер готовой вёрстки от 08.10.2026: не обещания, а подсчёт фактов по живому рендеру в Playwright (Chromium, десктоп 1440 и мобильный 390).
| Показатель | Замер (08.10.2026) |
|---|---|
| Секций на главной | 13 |
| Якорных пунктов навигации | 5 (Услуги, Мастера, Работы, Отзывы, Контакты) |
| Узлов DOM (элементов страницы) | 392 |
| Картинок на странице | 13, из них 8 — галерея работ |
| Карточек услуг | 6 |
| Прайс | 7 категорий, 23 позиции |
| Отзыв-карточек по темам карт | 3 + ссылки на Яндекс.Карты и 2ГИС |
| Кнопок на онлайн-запись (YClients) | 15 |
| Вес HTML + CSS | 53 КБ (29 КБ + 24 КБ) |
| Весь деплой-набор (код + графика) | ~2,5 МБ |
| Ошибок скриптов при загрузке | 0 |
| Запросов при загрузке | 15, все удачные (0 битых) |
| Мобильная проверка (390 px) | кнопки записи, прайс, галерея и липкая кнопка работают |
Честная пометка: замер локальный (страница открывается с диска, без сервера), поэтому сетевые цифры вроде TTFB или скорости сервера тут не приводятся — только состав и целостность страницы. Самый тяжёлый ассет — фото hero в JPG (1,2 МБ) — примерно половина всех ~2,4 МБ графики: точка роста — перевести в WebP при следующей итерации. Контакт-блок на скриншотах скрыт намеренно — не публикуем телефон и адрес салона без согласия салона.
Полная прокрутка главной — ниже, в «Пруфах»: 13 секций подряд от hero до контактов.
Все скриншоты — живые, снятые с готовой вёрстки 08.10.2026 в Playwright (headless Chromium). Кликните, чтобы открыть в полном размере.
Бесплатно: смотрю ваш салон и конкурентов, показываю, где теряются записи, и отдаю план структуры страницы.
Стоимость считаю после разбора — зависит от числа секций, услуг и объёма дизайна по брендбуку. Точную вилку называю до начала, без сюрпризов в процессе.
Цены не публикую: они зависят от задачи. Оставьте заявку — пришлю вилку под ваш случай в тот же день.
Сколько это займёт времени?
Зависит от объёма и готовности материалов. Точный срок называю после бесплатного разбора, обычно — считанные дни, а не недели.
Что нужно от меня?
Брендбук, фото ваших работ и доступ к форме записи YClients. Остальное соберу сам.
Смогу ли я сам менять цены и услуги?
Да — это обычный HTML, правится вручную или попросите меня. Могу сразу собрать так, чтобы вы меняли текст без разработчика.
Записи пойдут в YClients?
Да, все 15 кнопок ведут в вашу форму онлайн-записи YClients. Заявки и расписание остаются в привычной системе салона.
У меня уже есть сайт — можно его переделать?
Можно. Разберу текущий, покажу, что мешает записи, и предложу вариант: доработать или собрать заново.
Соберу одностраничный сайт по вашему брендбуку: услуги, прайс, работы, отзывы и запись через YClients. Скриншоты в этом кейсе снял с готовой вёрстки — такой же сайт можно получить и под ваш салон.
Сайт не опубликован в общий доступ: ссылку на продакшен-версию покажу при переписке.
Разберу ваш салон и назову срок и цену — бесплатно.