Приёмка сайта у разработчика: чек-лист из 12 пунктов

Принять сайт у разработчика можно за 2-3 часа, если идти по чек-листу из 12 пунктов, а не просто листать страницы. Всё, что не проверено до подписания акта, после него обычно исправляется уже как новая задача и за отдельные деньги.

Ниже - пункты в том порядке, в котором их удобно проходить: от того, что видно глазами, к тому, что скрыто в коде и документах. Технические знания почти не нужны, достаточно телефона, компьютера и бесплатных сервисов проверки.

I. Как организовать приёмку

Приёмка начинается ещё в договоре: там должно быть техническое задание или хотя бы перечень страниц и функций. Без него спор «это было в задаче или нет» решается мнением, а не документом.

• Попросите сайт на тестовом адресе, закрытом от индексации, а не сразу на рабочем домене.
• Назначьте одного человека, который собирает замечания, иначе правки приходят из пяти чатов.
• Заранее договоритесь о сроке на проверку, обычно 3-5 рабочих дней.
• Уточните, сколько кругов правок входит в стоимость.
• Проверяйте на реальном контенте: тексты-заглушки скрывают проблемы вёрстки.

II. Пункты 1-3: макет, мобильная версия, браузеры

Пункт 1. Соответствие макету. Откройте согласованный дизайн рядом с сайтом. Сверяйте шрифты, отступы, цвета кнопок, порядок блоков. Мелкие расхождения в пару пикселей нормальны, пропавший блок или другой порядок секций - нет.

Пункт 2. Мобильная версия. С телефона на сайт обычно заходит больше половины посетителей, поэтому проверяйте на своём смартфоне, а не в уменьшенном окне браузера. Нет горизонтальной прокрутки, текст читается без увеличения, кнопки нажимаются пальцем, меню открывается и закрывается, телефон кликабелен.

Пункт 3. Разные браузеры и экраны. Минимум: Chrome, Safari на iPhone, Яндекс Браузер, узкий экран около 360 пикселей и широкий монитор. Особое внимание - анимациям и видео: на iPhone видео без атрибутов автозапуска может не стартовать.

III. Пункты 4-5: скорость и изображения

Пункт 4. Скорость загрузки. Прогоните главную и 2-3 внутренние страницы через PageSpeed Insights в мобильном режиме. Ориентир - первый экран появляется быстрее 2,5 секунды, страница не прыгает при загрузке. Проверьте и вручную: откройте сайт через мобильный интернет, а не офисный Wi-Fi.

Пункт 5. Изображения и видео. Фото должны быть в современных форматах и под размер экрана, а не исходниками по 5-10 мегабайт. Видео на первом экране - сжатым, с постером, который показывается до загрузки. Для сайтов с большим количеством роликов это критично: на ayvazzovsky.com, сайте салона сложного окрашивания, много видео работ мастеров, и именно поэтому их подготовка к загрузке на телефоне была отдельной задачей, а не мелочью.

Отдельно проверьте, как сайт ведёт себя на медленном соединении. В инструментах разработчика браузера можно включить имитацию медленного мобильного интернета: если первый экран при этом остаётся пустым 5-7 секунд, часть посетителей из рекламы уйдёт раньше, чем увидит предложение. Попросите разработчика показать, какие файлы грузятся первыми и можно ли отложить загрузку тяжёлых скриптов, виджетов и счётчиков до момента, когда страница уже отрисована.

Ещё одна мелочь, которую легко пропустить, - шрифты. Если шрифт подключён с внешнего сервера и загружается долго, текст на телефоне несколько секунд невидим или прыгает при смене начертания. Нормальная практика - хранить шрифты на своём сервере и показывать системный шрифт, пока основной не загрузился. Проверяется это той же имитацией медленного интернета за пару минут.

IV. Пункты 6-7: формы и аналитика

Пункт 6. Формы и заявки. Отправьте тестовую заявку из каждой формы: на главной, в карточке услуги, во всплывающем окне. Проверьте, что она пришла туда, куда договаривались, - в Telegram, CRM или на почту, - и в каком виде: есть ли телефон, название страницы, метки. Попробуйте отправить пустую форму и форму с неверным телефоном.

Пункт 7. Аналитика. Счётчик Яндекс Метрики установлен, вы - владелец счётчика, цель на отправку формы срабатывает. Проверить просто: отправьте заявку и через несколько минут посмотрите отчёт по целям.

V. Пункты 8-10: SEO-основа

SEO-продвижение - отдельная работа, но основа закладывается при разработке, и переделывать её после запуска дороже.

После запуска первые показы по новым страницам обычно видны в первые недели после индексации, но позиции и трафик зависят от конкуренции и контента, и честный подрядчик их не гарантирует. Если сайт будет расти статьями, это закладывается отдельно: SEO-статья в N3MIROFF стоит от 500 ₽, 200 статей в месяц - 100 000 ₽.

VI. Пункты 11-12: доступы и документы

Пункт 11. Доступы. Домен и хостинг оформлены на вас, у вас есть логины к админке, хостингу, Метрике, Вебмастеру, боту заявок. Если проект на Git - доступ к репозиторию или архив исходников. Пароли после получения стоит сменить.

Пункт 12. Документы. Акт приёмки с перечнем переданного, договор с передачей прав на код, дизайн и тексты, инструкция: как поменять текст, цену или фото, куда писать при поломке. Отдельно - условия гарантийного периода: сколько времени подрядчик бесплатно исправляет ошибки, обычно от 1 до 3 месяцев.

В студии разработка сайтов и SEO устроена так, что код, домен и доступы остаются у заказчика. Сайт на React стоит от 80 000 ₽ и занимает 1-2 недели от получения материалов, перенос с конструктора - от 80 000 ₽.

VII. Как оформить замечания

Хорошее замечание разработчик исправляет с первого раза, плохое превращается в переписку. Формат простой:

1. Адрес страницы и устройство: «главная, iPhone, Safari».
2. Что происходит: «кнопка записи перекрывает телефон в шапке».
3. Что ожидалось со ссылкой на макет или ТЗ.
4. Скриншот или короткая запись экрана.
5. Приоритет: блокирует запуск или можно после.

Собирайте замечания одним списком, а не по одному в течение недели. Разделите их на ошибки, которые подрядчик исправляет в рамках договора, и пожелания, которых не было в задаче. Вторые честно обсуждать отдельно.

Полезно договориться и о формате проверки исправлений. Разработчик отмечает в общем списке, что сделано, а вы перепроверяете каждый пункт на том же устройстве, где нашли ошибку. Так не возникает ситуации, когда правка сделана для компьютера, а на телефоне всё осталось как было. Обычно на второй круг уходит 1-2 дня, и после него остаются единичные мелочи.

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

Наши работы

Сайты, которые студия уже запустила

Четыре проекта N3MIROFF, которые можно открыть прямо сейчас и посмотреть, как они работают.

Агротех с ИИ

SkyFarm ↗

Редизайн сайта систем выращивания: первый экран с контейнерной фермой, схема работы из трёх шагов, карусель продуктов и экран приложения.

Сайт салона

ayvazzovsky.com ↗

Салон сложного окрашивания в Москве: онлайн-запись, видео работ, портфолио и команда. Переехал с Тильды на свой хостинг.

Онлайн-академия

ayvazzovsky.academy ↗

Видеоуроки колористики: каталог, посадочные страницы уроков, личный кабинет и промокоды.

Event-агентство

navsegda-event.ru ↗

НАВСЕГДА: корпоративы и конференции - услуги, кейсы, этапы работы и расчёт мероприятия.

Витрина магазина

Monkey Market ↗

Премиальная витрина магазина кроссовок с заказом в Telegram.

Разработка сайтов от 80 000 ₽ →Все работы студии

Услуги студии по теме: разработка сайтов под ключ и SEO-продвижение статьями.

Нужен сайт, который пройдёт этот чек-лист?

Делаем быстрые самописные сайты с формами в Telegram или CRM, SEO-основой и полной передачей доступов.

Получить расчёт заявок →

Нажимая кнопку, вы соглашаетесь на обработку данных для ответа на заявку.

Частые вопросы