Сайт с нуля · чистый HTML/CSS/JS · 2026

Сайт для ремонтной бригады «Куликовские Ремонты»: приводит заявки, а не только рассказывает о ремонте

Бригада жила на сарафане: некуда было отправить человека с вопросом «а кто вам делал ремонт?». Собрали одностраничник, который снимает главный страх клиента — «бросят посреди ремонта» — ещё до звонка: тёплый дизайн, портфолио с фильтром по типу объекта и кнопка «Обсудить проект» на каждом экране. Чистый HTML/CSS/JS без конструкторов — грузится за 1,85 с и правится без подрядчика.

Обсудить похожий проект →

Дизайн Вёрстка Чистый HTML/CSS JavaScript Schema.org Адаптив Портфолио с фильтрами
Сайт: kulikov-remont.ru — домен на момент кейса не подключён Клиент: «Куликовские Ремонты» Ниша: ремонт квартир, домов и коммерческих помещений под ключ CMS: нет — статичный HTML Период: 2026
Первый экран сайта на большом экране
Первый экран: клиент сразу видит, чем занимается бригада, и кнопку «Обсудить проект»
6
секций-ответов на возражения — от «бросят посреди ремонта» до формы заявки
клиент снимает сомнения до звонка
6
работ в портфолио с фильтром «Квартиры / Дома / Коммерция»
клиент сам находит свой тип объекта
1,85 с
загрузка на чистом HTML/CSS/JS, без конструкторов
правится без подрядчика
2
кнопки заявки: в первом экране и форма «Перезвоните мне» в футере
заявка в один клик с любого экрана
3 файла
кода и 6 картинок — деплой на любой хостинг без настройки сервера
исходники остаются у вас

Что вы получите

Сайт, который собирает заявки, а не только рассказывает

Структура выстроена как ответ на страхи клиента: кто вы, как работаете, примеры объектов и кнопка «Обсудить проект» на каждом экране.

Портфолио, где клиент находит себя

6 работ с фильтром по типу объекта — квартиры, дома, коммерция. Человек сразу видит пример своего случая, а не общую галерею.

Сайт, который легко править и переносить

Чистый HTML/CSS/JS без конструкторов: грузится быстро, ставится на любой хостинг, тексты правятся без подрядчика. Исходники остаются у вас.

Задача

Ремонтная бригада работала по сарафану: у неё не было сайта, куда можно отправить дизайнера, знакомого или человека с вопросом «а кто вам делал ремонт?». Нужно было собрать одностраничник с нуля: показать боли клиента, объяснить свой подход, вывести портфолио с фильтрами и дать кнопку «Обсудить проект» на каждом экране.

Что было в задании

Что сделано

Сайт собран с нуля и прошёл пять работ: дизайн, вёрстку, schema.org, адаптив и подготовку к деплою. Итог по бейджам — 3 «выполнено» и 2 «с оговоркой», все оговорки видны ниже.

1.1 · Дизайн
Выполнено

Тёплый оранжевый и hero на весь экран

Замысел

Услуга интимная: людям пускают в квартиру чужих людей. Дизайн должен снимать страх: тёплый белый фон, тёмно-синие заголовки, оранжевый акцент на кнопках и иконках. Не «промо-стройка», а человек с мастерком, с которым можно договориться.

Результат

Шапка «КУЛИКОВСКИЕ РЕМОНТЫ» с фото-логотипом и слоганом «Ваш комфорт — Наша Миссия», меню из 6 пунктов и оранжевая кнопка «Обсудить проект». Hero — на всю высоту экрана: фотография с затемнением и заголовок «Ремонт, который не нужно контролировать каждые полчаса», под ним две кнопки: «Обсудить ваш проект» и «Для дизайнеров». Дальше — 4 карточки проблем («бригады-невидимки», раздутая смета, бесконечные сроки, потеря доверия) с иконками и подъёмом при наведении.

1.2 · Вёрстка
Выполнено

6 секций, портфолио с фильтрами и форма в футере

Задача

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

Результат

Секции: Hero → Проблемы (4 карточки) → Решения (3 пункта с иконками и фото процесса) → Партнёрство (для дизайнеров, 4 карточки выгод: 10–25%, 24/7, 100%, Expert) → Портфолио (6 работ: ЖК, коттедж, офис, лофт, ресторан, усадьба) → CTA с градиентным фоном. Фильтр портфолио — 4 кнопки, показ/скрытие карточек на JavaScript. Футер: логотип, навигация, услуги, контакты и форма «Перезвоните мне». Итого 224 узла DOM (элемента страницы) и 9 изображений (6 файлов).

1.3 · Schema.org
Выполнено

JSON-LD LocalBusiness: часы работы и адрес изнутри страницы

Критично

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

Результат

Внедрён JSON-LD LocalBusiness: название, адрес (Москва), часы работы Пн–Сб 09:00–20:00, телефон, соцсети ВКонтакте и Telegram. Разметка валидна — JSON парсится без ошибок. Честная пометка: поле image ссылается на не существующий файл img/logo.png, а @id пуст — заполнить при подключении домена.

1.4 · Адаптив
С оговоркой

Сетка складывается, но шапке не хватает 8 пикселей

Замер (экран 390px)

Шапка переполняет экран: кнопка «Обсудить проект» и бургер вылезают за правый край, ширина скролла — 398px против 390px. Появляется горизонтальная прокрутка, которой на мобильном быть не должно.

Оговорка

Брейкпоинты 992px и 576px работают: сетки решений, партнёрства и футера складываются в одну колонку, меню прячется за бургер, portfolio занимает всю ширину. Контент страницы влезает — не влезает только строка шапки. Правка — одна строка приоритетного CSS на деплое.

1.5 · Деплой и домен
С оговоркой

Исходники готовы к публикации, домен не подключён

Статус

Канонический домен kulikov-remont.ru зашит в schema.org, но на момент проверки 08.10.2026 DNS-запись домена не резолвится — живого сайта по этому адресу нет.

Результат

Сайт статичный: 3 файла кода (HTML 20,0 КБ, CSS 9,4 КБ, JS 2,2 КБ) и 6 картинок — деплой на любой хостинг без настройки сервера. Скриншоты в кейсе — честный рендер исходников, а не живой сайт; сетевые замеры появятся после подключения домена.

Этапы и сроки

  1. Разбор и структура — 1 день. Определяю, какие вопросы клиента должна закрывать каждая секция.
  2. Дизайн — 2–3 дня. Тёплый стиль под нишу, первый экран и карточки проблем.
  3. Вёрстка, разметка, адаптив — 3–4 дня. Секции, портфолио с фильтром, schema.org (служебная разметка для поисковиков), мобильная версия.
  4. Проверка и передача исходников — 1 день. Замер рендера, деплой на ваш хостинг, исходники у вас.

Ориентир по такому сайту — 1–2 недели. Точный срок по вашей задаче назову после бесплатного разбора.

Стало — результат

Сайт собирается с нуля — сравнить его «до» не с чем. Ниже — контрольный замер локального рендера исходников (Chromium, desktop 1440, 08.10.2026): цифры на месте, сетевых метрик нет, потому что домен ещё не подключён.

ПоказательЗамер (локальный рендер, 08.10.2026)
Полная загрузка (Load)1,85 с
Узлов DOM (элементов страницы)224
Секций на главной6
Высота страницы (desktop)5147 px
Портфолио6 работ, фильтр из 4 кнопок (все / квартиры / дома / коммерция)
Пунктов меню6, из них 5 ведут на существующие якоря; пункт «Услуги» ведёт на отсутствующий #services
Тегов <img>9 (6 файлов графики, ~548 КБ; самый тяжёлый — 171 КБ)
Логотип в шапкефото 1024×1024 (72 КБ) в слоте высотой 50px — кандидат на замену лёгким файлом
Вес кода31,5 КБ: HTML 20,0 КБ + CSS 9,4 КБ + JS 2,2 КБ
Ошибки консоли0
Schema.orgJSON-LD LocalBusiness: адрес, телефон, часы Пн–Сб 09:00–20:00, ВК + Telegram; поле image ссылается на несуществующий файл
Мета-тегиtitle и description заданы; og:type есть, og:image нет
Горизонтальный скролл на 390pxесть: ширина скролла 398px против 390px (переполняет шапка)
Форма «Перезвоните мне»разметка есть, обработчик отправки не подключён

Это замер рендера файлов, а не живой загрузки в сети: TTFB (скорость ответа сервера) и сетевой вес появятся после деплоя. Точки роста, которые видно прямо из замера: посадить шапку на 390px, вернуть якорь «Услуги», подключить обработку формы и добавить og:image.

Верх сайта: тёмный hero, слоган и оранжевая кнопка заявки
Верх главной страницы сайта ремонтной бригады: тёмный hero с заголовком и оранжевой кнопкой
Мобильная версия: те же кнопки и понятный первый экран
Верх страницы сайта ремонтной компании на мобильном экране

Полные прокрутки главной — ниже, в «Пруфах»: все 6 секций видны подряд.

Пруфы

Домен на момент кейса не отвечает, поэтому скриншоты — честный рендер исходников (Chromium, desktop 1440, mobile 390), снятые 08.10.2026. Кликните, чтобы открыть в полном размере.

Сколько стоит

Разбор и план

Бесплатно: смотрю задачу и нишу, показываю, какие секции и блоки нужны именно вам, и называю срок.

Сборка сайта под ключ

Стоимость считаю после разбора — зависит от числа секций, портфолио и форм. Точную вилку называю до начала, без сюрпризов в процессе.

Цены не публикую: они зависят от задачи. Оставьте заявку — пришлю вилку под ваш случай в тот же день.

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

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

Я смогу сам менять тексты и цены?
Да, это обычные HTML-файлы: правка текста — одна строка. Для частых обновлений могу подключить простую админку.

Кто покупает домен и хостинг?
Домен и хостинг оформляются на вас — это ваша собственность. Я помогаю выбрать и подключить, сайт ставится на любой хостинг.

Куда приходят заявки с формы?
Форма «Перезвоните мне» собирает контакты; реальный обработчик (почта, Telegram или CRM) подключается при публикации — в исходниках разметка готова.

Что с шапкой на телефоне?
На узких экранах (390 px) шапка чуть выходит за край — правится одной строкой при деплое. В остальном адаптив работает: сетки складываются, меню прячется в бургер.

Нужен сайт для ремонтной бригады или другой локальной услуги?

Соберу одностраничник на чистом HTML/CSS/JS: дизайн под нишу, schema.org, портфолио с фильтрами, адаптив — а после публикации на живом домене замерю скорость, как в других кейсах.

Сайт: домен kulikov-remont.ru пока не подключён — исходники готовы к деплою на любой хостинг.

Обсудить проект →