Сайт студии «Кадр»: разбор перед запуском трафика

Проверка от 12.09.2026 · компьютер 1440×900 и телефон 390×844 · 9 ширин экрана · ничего не публиковалось и не менялось

Короткий ответ: на эту ссылку трафик вести пока нельзя

Две причины, обе устранимые. Первая: по ссылке открывается не страница, а скачивание файла — посетитель не увидит сайт. Вторая: кнопка заявки — заглушка, контакт в макете намеренно не подключён, поэтому заявку оставить некуда. Сам макет при этом сделан аккуратно: услуга и цены понятны, вёрстка не разъезжается, текст не обрезан — кроме узких экранов 360 px и меньше.

Что проверяли

Ссылкаcabinet.moi-agent.ru/f/81ed9496…/kadr-studio-sajt.html

Файл сайтаkadr-studio-sajt.html, 24 468 байт, md5 072b313158f2ad45deb6dbca4533d8c4

Как смотрелибраузер на движке Chromium: компьютер 1440×900, телефон 390×844 (профиль iPhone), плюс ширины 320, 360, 414, 768, 1024, 1280, 1920

Что именно смотрелипонятность услуги и цены, поведение кнопки заявки, обрезанный текст и горизонтальная прокрутка, меню, переходы по пунктам, читаемость текста (контраст), наличие тегов превью для мессенджеров (og)

Живая ссылка и копияmd5 скачанного по ссылке файла совпал с локальной копией — проверялся ровно тот файл, что отдаёт сервер

Итог по пунктам

Приоритет	Проблема	Что изменить
Блокер	Ссылка отдаёт файл, а не страницу: сервер отвечает «скачать», браузер не показывает сайт	Положить страницу туда, где она отдаётся как страница (тип text/html), например на домен — проверено: такой адрес уже отдаёт HTML
Блокер	Кнопка заявки никуда не отправляет: все три кнопки «Обсудить съёмку» показывают заглушку про неподключённый контакт	Подключить контакт (телефон или Telegram) — заглушка заменится на реальный переход. До этого трафик не имеет смысла
Высокий	На телефонах шириной 360 px и меньше таблица цен обрезается: часть цены уходит за край, прокрутить нельзя	Разрешить горизонтальную прокрутку внутри блока цен и ужать колонки на узких экранах
Средний	На телефоне при переходе по меню надзаголовок раздела («ЦЕНЫ») заезжает под липкую шапку	Добавить отступ прокрутки для разделов (scroll-margin-top около 85 px)
Средний	Превью явно не настроено: своих og-тегов у страницы нет. Отображение в мессенджерах не проверено	Задать og-теги явно (og:title, og:description, og:image) — тогда превью не будет зависеть от того, соберёт ли его сервис сам
Низкий	На сайте о видеосъёмке нет ни одного кадра: 0 картинок, 0 видео, правый блок первого экрана — схема	Добавить 2–3 кадра со съёмок и превью вертикального ролика
Низкий	Мелкие зоны нажатия: пункты меню в шапке высотой 32 px, кнопка меню на телефоне 42×34 px	Довести до 44×44 px — меньше промахов пальцем

Разбор по пунктам

1. Блокер. По ссылке скачивается файл, а не открывается сайт

Что видит посетитель: Браузер тут же предлагает скачать файл «kadr-studio-sajt.html», страница остаётся пустой. Сайт не показывается вообще.
Доказательство: Ответ сервера: тип содержимого «application/octet-stream», заголовок «content-disposition: attachment». Браузер вместо страницы получил событие скачивания. Скриншот ниже — пустое окно после перехода по ссылке.
Что изменить: Разместить страницу на обычном хостинге страниц, где она отдаётся как HTML. Проверено: домен lochkanov.mxmu.ru сейчас отдаёт текст типа «text/html» — если положить файл туда, ссылка откроется как сайт. Альтернатива — любой другой статический хостинг.
Как убедиться, что исправлено: Открыть ссылку в обычном браузере на телефоне: должен появиться первый экран «Короткие ролики для кафе и магазинов», без предложения скачать файл.

2. Блокер. Кнопка заявки ничего не отправляет

Что происходит: Три кнопки «Обсудить съёмку» (в шапке, на первом экране и в финальном блоке) открывают одно и то же сообщение: «Контакт ещё нужно подключить». Заявка не уходит никуда — это задумано в учебном макете, но для приёма посетителей это блокер: клиент пришёл, посмотрел и уйти может только без заявки.
Доказательство: Нажатие проверено живьём на компьютере и на телефоне — смотрите два скриншота. Сообщение закрывается кнопкой «Понятно» и клавишей Esc, фон затемняется — механика окна работает правильно, не работает только отправка.
Что изменить: Подставить реальный контакт: телефон, Telegram или короткая форма. Заглушку при этом лучше оставить как подстраховку, пока контакт не подключён.
Как убедиться, что исправлено: Нажать кнопку на телефоне: должно открываться приложение Telegram или набираться номер — а не сообщение про неподключённый контакт.

3. Высокий. На узких телефонах обрезается таблица цен

Что не так: На ширине 360 px и меньше таблица цен не помещается: знак «₽» и часть суммы уходят за правый край, а на 320 px от цен остаётся «18» и «4». Прокрутить вбок нельзя — у блока стоит запрет на горизонтальную прокрутку, поэтому посетитель видит обрезанную цену и не понимает, сколько платить.
Доказательство: Замер: при окне 320 px таблица занимает 325 px, а видимая часть блока — 270 px. Два скриншота ниже (320 и 360 px).
Что изменить: Разрешить прокрутку внутри блока цен или ужать таблицу на узких экранах: сократить текст в колонке «Что входит», уменьшить отступы. Проще всего — разрешить прокрутку и слегка ужать первую колонку.
Кого касается: Компактные телефоны и старые модели. На 390 px и шире (большинство современных телефонов) проблемы нет.

4. Средний. На телефоне надзаголовок раздела уезжает под шапку

Что не так: После тапа по пункту меню «Цены», «Услуги» или «Как работаем» страница прокручивается так, что надзаголовок раздела (например «ЦЕНЫ») полностью скрывается под липкой шапкой: из 15 px видно 2. Заголовок «Сколько стоит» при этом читается. На компьютере проблема не воспроизводится.
Что изменить: Добавить разделам отступ прокрутки: scroll-margin-top около 85 px (высота шапки 75 px плюс запас).
Почему не блокер: Читаемость не теряется: сам заголовок раздела виден, скрывается только мелкая подпись над ним.

5. Средний. Превью явно не настроено

Что не так: В коде страницы нет og-тегов (заголовок, картинка, описание) — превью для мессенджеров явно не настроено. При этом отсутствие тегов не значит, что при пересылке будет только голая ссылка: сервис может собрать превью сам, по заголовку и описанию страницы. Отображение в мессенджерах не проверено — проверено только то, что своих тегов у страницы нет.
Что изменить: Задать og-теги явно: og:title — готовый заголовок вкладки (52 символа), og:description — описание страницы, og:image — картинка для превью. Тогда вид ссылки при пересылке не будет зависеть от догадок сервиса.
К превью не относится: canonical и иконка сайта на превью не влияют — если добавлять, то как отдельные мелочи, а не «условия», без которых карточки не будет.

6. Низкий. На сайте нет ни одного кадра

Что не так: Страница про видеосъёмку не содержит ни одной картинки и ни одного видео: на первом экране справа стоит схема-макет телефона с подписями, кадров из роликов нет.
Что изменить: Два-три кадра со съёмок и превью готового вертикального ролика. Для студии, которая продаёт картинку, это самое сильное доказательство.

7. Низкий. Мелкие зоны нажатия

Что не так: Пункты меню в шапке на компьютере — 32 px высотой, кнопка меню на телефоне — 42×34 px. Рекомендуемый минимум для пальца — 44×44 px.
Что изменить: Добавить внутренние отступы. На телефоне основная навигация спрятана в меню, поэтому пункты там при этом крупные и удобные.

Что в порядке

Услуга понятна с первого экрана: «Короткие ролики для кафе и магазинов», под заголовком — что входит: смена до трёх часов, ролик до 30 секунд, субтитры.
Цены показаны дважды и сходятся: смена 18 000 ₽, монтаж ролика 4 000 ₽, субтитры 500 ₽, пример «смена + ролик = 22 000 ₽», с субтитрами — 22 500 ₽. Суммы не разрываются на строки.
Читаемость текста: контраст от 6.42 до 6.73 при норме 4.5 — запас большой, бледного текста нет.
Горизонтальной прокрутки страницы нет на ширинах от 360 до 1920 px.
Меню на телефоне открывается и закрывается, четыре пункта видны полностью; после перехода по пункту меню закрывается само.
Окно с сообщением закрывается и кнопкой «Понятно», и клавишей Esc — посетитель не «застревает».
Структура для поиска в порядке: один заголовок первого уровня, разделы размечены заголовками, указан язык страницы, есть описание, ширина подстраивается под телефон.
Страница короткая и собранная: семь смысловых блоков, порядок логичный — услуга, цены, пример, как работаем, заявка.

Понятность услуги и цены — экспертная оценка. Остальные пункты подтверждены замерами в браузере.

Скриншоты

Попытка открыть живую ссылку: сайт не показывается — браузер уходит в скачивание файла — 900×562

Первый экран, компьютер 1440×900: услуга понятна, цены — по кнопке «Посмотреть цены» — 1000×625

Первый экран, телефон 390×844: заголовок и кнопки на месте, цена на первом экране не видна — 480×1039

Нажатие «Обсудить съёмку» на компьютере: заявка не отправляется, показывается заглушка про контакт — 1000×625

То же нажатие на телефоне: то же сообщение, закрывается кнопкой «Понятно» — 480×1039

Таблица цен при ширине 360 px: знак «₽» и часть цены уходят за край, прокрутить нельзя — 325×401

Ширина 320 px: от цен остаётся «18» и «4» — колонка обрезана — 325×401

Телефон, переход по пункту «Цены»: надзаголовок «ЦЕНЫ» ушёл под шапку (видна только точка), заголовок «Сколько стоит» читается — 390×844

Телефон, меню открыто: четыре пункта видны полностью — 390×844

Страница целиком, компьютер: семь смысловых блоков, порядок логичный — 760×1962

Как повторить проверку самому

curl -I "https://cabinet.moi-agent.ru/f/81ed9496-fc7b-48fd-b03c-30c3ebc2a72f/kadr-studio-sajt.html"

# смотреть в ответе две строки:
#   content-type: application/octet-stream   -> это не страница
#   content-disposition: attachment          -> браузер будет скачивать

# после переноса на хостинг страниц ожидаем:
#   content-type: text/html                  -> ссылка откроется как сайт

Чего не смогли проверить

Поведение на живых устройствах: проверка шла в браузере на компьютере со сменой размеров экрана и профиля телефона — реальные iPhone и Android в руках не держали.
Скорость загрузки и поведение при медленном интернете: страница одна и внешних файлов не тянет, но замеров скорости не делали.
Реальную отправку заявки: контакт в макете намеренно не подключён, проверять нечего — механика окна проверена, отправка нет.
Счётчики и цели аналитики: на странице их нет, поэтому сказать, посчитаются ли визиты и заявки, нельзя.
Отображение ссылки в мессенджерах: своих og-тегов у страницы нет, но сервис может собрать превью сам — как именно покажет Telegram или WhatsApp, не проверяли.