Разбираем каскад, Scrum, Kanban и гибридные подходы со стороны заказчика: как они влияют на бюджет, сроки и риски и какой выбрать под сайт, магазин или веб-сервис.
Читать дальшеСоздание сайта html
Сайт на чистом HTML и CSS: семантичная вёрстка из макета, пиксель-перфект, мгновенная загрузка и полный контроль над кодом — без шаблонного конструктора и наследия чужих плагинов.
Рассчитать стоимость
Какой формат сайта нужен?
Типичные ситуации
Когда нужен сайт именно на HTML
01Конструктор тормозит и грузит мегабайты лишнего кода — Google PageSpeed краснеет, а реклама сливает бюджет на медленные страницы.
02Фрилансер сверстал «почти как в макете»: на мобильном блоки разъезжаются, в Safari ломается, поправить некому.
03Готовый шаблон не лезет в нужный дизайн — каждая правка упирается в чужую логику и сторонние плагины.
04Тяжёлая CMS ради одностраничника — оверкилл: вам нужен быстрый статичный сайт, а не админка на 200 таблиц.
05Нет исходников: предыдущий подрядчик отдал «доступ в панель», а файлы и права на код остались у него.
06Сайт не индексируется как надо — невалидная разметка, нет семантики, поисковик не понимает структуру.
Сайт на HTML — это про скорость и контроль
Сайт на чистом HTML и CSS — самый быстрый и предсказуемый формат для лендингов, визиток и промо-страниц. Нет тяжёлой CMS, нет десятка плагинов, которые конфликтуют между собой, нет лишних запросов к базе. Только статичные файлы, которые браузер отдаёт мгновенно. Для рекламных кампаний это критично: чем быстрее открывается первый экран, тем дешевле обходится заявка и тем выше конверсия.
Что входит в разработку под ключ
Мы берём на себя весь цикл: семантичная вёрстка по макету Figma в пиксель-перфект, адаптив под все экраны от 320px, кросс-браузерное тестирование, подключение форм с отправкой на почту или в Telegram, интеграции с ЮKassa и аналитикой Яндекса. Оптимизируем изображения в WebP/AVIF, настраиваем lazy-load и сборку, чтобы вес страницы держался в пределах 1–1,5 МБ. Если нужно редактировать контент самостоятельно — подключаем нашу CMS на ReactJS, и тексты с блоками меняются без программиста.
Сколько стоит сайт на HTML
Цена зависит от числа экранов и сложности. Вёрстка готового лендинга из макета — от 25 000 ₽. Лендинг под ключ с дизайном, формами и интеграциями — от 150 000 ₽. Сайт-визитка на несколько страниц — от 150 000 ₽. Если нужна редактируемая админка на нашей CMS — от 150 000 ₽. Точную фиксированную смету называем после оценки макета или ТЗ — без «сюрпризов» в процессе. Для сравнения: на фриланс-биржах вёрстка стоит 20 000–300 000 ₽ при непредсказуемом качестве, а веб-студии берут от 90 000 ₽ и выше.
Почему чистый код важен для SEO
Поисковики Яндекс и Google понимают сайт через разметку. Валидный семантичный HTML5 с правильными заголовками, микроразметкой Schema.org и логичной структурой индексируется корректно и ранжируется выше. Плюс скорость: Core Web Vitals — прямой фактор ранжирования. Сайт на чистом HTML легко выводит зелёные показатели PageSpeed, чего почти невозможно добиться на перегруженном шаблонном конструкторе.
Кому подходит
01
Бизнесу, которому нужен быстрый лендинг или промо-страница под рекламную кампанию с максимальной скоростью загрузки.
02
Компаниям с готовым макетом в Figma — нужен исполнитель, который сверстает в пиксель и отдаст чистый код.
03
Стартапам, проверяющим спрос: статичный сайт-визитка на HTML дешевле и быстрее в запуске, чем полноценная CMS.
04
Владельцам, кому важна валидная семантика под SEO и идеальные показатели Core Web Vitals.
05
Тем, кто хочет владеть исходниками целиком — без привязки к панели конкретного подрядчика.
На чём делаем
Семантичный HTML5: правильные теги, микроразметка Schema.org, валидная структура под поисковики.
CSS: Flexbox и Grid, БЭМ-методология, адаптив от 320px до широких мониторов без «прыжков» блоков.
JavaScript под задачу: формы, слайдеры, анимации на vanilla JS или React там, где нужна интерактивность.
Сборка: Vite/Webpack, минификация, оптимизация изображений (WebP/AVIF), lazy-load — ради скорости.
Собственная CMS АП-ИМ: подключаем, если нужно редактировать тексты и блоки самим, без программиста.
Кросс-браузерное тестирование: Chrome, Safari, Яндекс.Браузер, Firefox — на реальных устройствах, а не «на глаз».
Как мы работаем
1
/ 6
Бриф и оценка:
смотрим макет или ТЗ, считаем объём экранов и сложность, даём фиксированную смету и сроки.
смотрим макет или ТЗ, считаем объём экранов и сложность, даём фиксированную смету и сроки.
2
/ 6
Прототип и согласование структуры — если макета нет, проектируем сетку блоков под ваш контент.
3
/ 6
Вёрстка по блокам:
пиксель-перфект, чистый адаптивный код на тестовом стенде с доступом для просмотра.
пиксель-перфект, чистый адаптивный код на тестовом стенде с доступом для просмотра.
4
/ 6
Программирование:
формы с отправкой на почту/в Telegram, интеграции с ЮKassa, СДЭК, аналитикой Яндекса.
формы с отправкой на почту/в Telegram, интеграции с ЮKassa, СДЭК, аналитикой Яндекса.
5
/ 6
Тестирование на устройствах и в браузерах, сверка с макетом, правки по чек-листу.
6
/ 6
Передача:
исходники, хостинг, домен, SSL — настраиваем и отдаём всё под ключ.
исходники, хостинг, домен, SSL — настраиваем и отдаём всё под ключ.
Что меняется после запуска
Оценка PageSpeed (моб.)
Было
45–60
Стало
90–100
Время загрузки первого экрана
Было
3–5 сек
Стало
менее 1 сек
Вес страницы
Было
4–8 МБ
Стало
0,5–1,5 МБ
Конверсия лендинга
Было
1–2%
Стало
3–5%
Ошибки валидатора W3C
Было
десятки
Стало
0
Почему АП-ИМ
- Студия с 2008 года, Санкт-Петербург — за плечами сотни сданных проектов, а не «портфолио из шаблонов».
- Бутиковый подход: ведёт один менеджер и закреплённая команда, а не конвейер с переброской исполнителей.
- Чистый семантичный код, который потом легко расширять и подхватит любой следующий разработчик.
- Своя CMS на ReactJS — при необходимости даём удобную админку под редактирование без привязки к чужим панелям.
- Скорость загрузки в зелёной зоне PageSpeed закладываем на этапе вёрстки, а не «дооптимизируем потом».
- Прозрачная фикс-смета и поэтапная оплата 50/50 — без скрытых доплат «за непредвиденное».
С кем сравнивать
| Критерий | АП-ИМ | Фрилансер | Конструктор |
|---|---|---|---|
| Качество кода | Семантичный, валидный, расширяемый | Как повезёт | Сгенерированный, тяжёлый |
| Скорость загрузки | Зелёная зона PageSpeed | Зависит от исполнителя | Лишний код, медленнее |
| Адаптив и кросс-браузер | Тест на устройствах | Часто «на глаз» | Шаблонный, ограниченный |
| Исходники и права | Передаём полностью | Обычно да, но без сопровождения | Привязка к платформе |
| Сроки | Фикс по договору | Срываются, исполнитель пропадает | Быстро, но шаблонно |
| Поддержка после сдачи | Сопровождение по договору | Чаще нет | Только тех. платформы |
Качество кода
АП-ИМСемантичный, валидный, расширяемый
ФрилансерКак повезёт
КонструкторСгенерированный, тяжёлый
Скорость загрузки
АП-ИМЗелёная зона PageSpeed
ФрилансерЗависит от исполнителя
КонструкторЛишний код, медленнее
Адаптив и кросс-браузер
АП-ИМТест на устройствах
ФрилансерЧасто «на глаз»
КонструкторШаблонный, ограниченный
Исходники и права
АП-ИМПередаём полностью
ФрилансерОбычно да, но без сопровождения
КонструкторПривязка к платформе
Сроки
АП-ИМФикс по договору
ФрилансерСрываются, исполнитель пропадает
КонструкторБыстро, но шаблонно
Поддержка после сдачи
АП-ИМСопровождение по договору
ФрилансерЧаще нет
КонструкторТолько тех. платформы
Условия работы
- Договор с фиксированной сметой: цена и состав работ зафиксированы до старта, без сюрпризов в процессе.
- Поэтапная оплата 50/50 — аванс 50%, остальные 50% после приёмки работ.
- Исходники и все права на код передаём вам: файлы, доступы, хостинг — ваши целиком.
- Сопровождение после запуска — остаёмся на связи: дорабатываем и развиваем проект по договору поддержки.
- Пиксель-перфект и адаптив проверяем по чек-листу на реальных устройствах перед сдачей.
Частые вопросы
Создание сайта на HTML и CSS — оптимальное решение, когда нужны максимальная скорость загрузки, валидная семантичная вёрстка и полный контроль над кодом. Студия АП-ИМ в Санкт-Петербурге с 2008 года разрабатывает сайты на чистом HTML под ключ: от вёрстки лендинга из макета Figma до многостраничных визиток с интеграциями ЮKassa, СДЭК и аналитикой Яндекса.
Мы делаем пиксель-перфект адаптив, тестируем в Chrome, Safari и Яндекс.Браузере на реальных устройствах, отдаём исходники и права на код целиком. Работаем по договору с фиксированной сметой и поэтапной оплатой 50/50. При необходимости подключаем собственную CMS на ReactJS для самостоятельного редактирования контента.
Полезные статьи