dsrupt.
Войти Артём — автор базы Артём · авторТГ-канал
Статья · Практика
··8 минут

Как навайбкодить сайт за выходные

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

Коротко

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

  • 7шагов, и первый — без единой строчки кода
  • 2 дняпростой сайт от идеи до боевого адреса
  • 8 днейсайт с записью и админкой, замер по git
  • 1команда git возвращает вчерашнюю версию
Съедает времяпервый деплой и мобильная вёрстка
Экономит времянастоящий текст вместо заглушек
Источник: собственные проекты, даты и коммиты из репозиториев · Автор: · обновлено 29.08.2026
Шаги

Семь шагов по порядку

Порядок не декоративный: каждый следующий шаг опирается на предыдущий, и перестановка стоит переделки.

  1. Скажите одним предложением, про что сайт
    Не «сайт студии», а «запись на пробное занятие по танцам в Новосибирске». Это предложение станет и первым экраном, и заголовком в поиске. Если оно не формулируется — дальше идти рано, никакой инструмент этого не починит.
  2. Соберите первый экран и посмотрите на него
    Одна страница: заголовок, что вы делаете, кнопка. Цель — увидеть живое, а не красивое. На этом шаге нормально потратить полчаса и выбросить.
  3. Заполните настоящим текстом, а не заглушками
    «Lorem ipsum» и «Наша компания — лидер рынка» ломают следующий шаг: по фальшивому тексту невозможно понять, что страница не работает. Пишите так, как объясняете знакомому.
  4. Проверьте на телефоне — по-настоящему
    Не уменьшая окно браузера, а с телефона. Больше половины людей придут именно так, и ломается всегда одно и то же: меню, длинные заголовки, кнопки у края экрана.
  5. Купите домен
    Единственное решение, которое дорого менять: адрес уходит в поиск и в чужие ссылки. Берите короткий и произносимый вслух — его будут диктовать по телефону.
  6. Выложите наружу
    Пока сайт на ноутбуке, его нет. Куда именно выкладывать и сколько это стоит — в статье о хостинге и домене. Заложите на первый деплой день: он всегда дольше, чем кажется.
  7. Отдайте сайт поиску и покажите людям
    Карта сайта, Вебмастер, счётчик. И сразу — живым людям: витрина проектов для этого и сделана. Поиск придёт через месяцы, люди — сегодня.
План

Как это ложится на два дня

Расписание с моих собственных запусков. Главное в нём — воскресный вечер, который почти всегда уходит целиком.

Пятница, вечер
Одно предложение и первый экран

Два-три часа. К концу вечера на экране должно быть что-то, что не стыдно показать хотя бы себе.

Суббота
Содержание

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

  • Все страницы, а не только главная
  • Реальные фото вместо стоков
  • Контакты и как с вами связаться
Воскресенье, первая половина
Телефон и мелочи

Проверка с телефона, правка вёрстки, заголовки страниц, иконка вкладки. Скучно и обязательно.

Воскресенье, вечер
Домен, выкатка, счётчик

Первый деплой съедает больше времени, чем вся суббота. Дальше он занимает минуты — но первый раз всегда так.

Грабли

Три места, где встают все

вечер
Первый деплой

Домен, сервер, сертификат, папки. Всё по отдельности просто, вместе — квест. Второй деплой занимает минуты, но пережить нужно первый.

половина правок
Мобильная вёрстка

На ноутбуке всё хорошо, на телефоне разъезжается. Проверять надо с телефона и после каждой заметной правки, иначе накопится.

дольше, чем кода
Тексты

Самый неожиданный расход времени. Совет один: пишите так, как объясняете знакомому, и не садитесь придумывать «продающие формулировки» — они всегда хуже прямой речи.

Не откладывайте git на потом. Самая частая история новичка звучит так: «вчера работало, сегодня всё сломалось, а как было — не помню». Сохранение после каждого удачного шага стоит десяти секунд и снимает этот класс проблем целиком.

Вопросы

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

Реально ли уложиться в выходные?
В простой сайт-визитку или каталог на несколько страниц — да, если считать выходными два полных дня. Мой последний замер по большому проекту: сайт школы танцев с записью на занятие и админкой — восемь дней, 43 коммита. Разница между двумя днями и восемью — это не сложность вёрстки, а всё, что вокруг: перенос со старой платформы, заявки, почта.
Что делать, если модель ломает то, что уже работало?
Заведите git с первого дня и делайте сохранение после каждого удачного шага. Тогда «верни как было» — это одна команда, а не вечер восстановления. Это единственная страховка, которая работает без оговорок.
Нужен ли дизайнер?
Для первой версии — нет. Возьмите один понравившийся сайт и попросите повторить его строй: сетку, размер шрифта, воздух между блоками. Так получается прилично. Плохо выглядит не «сделанное самому», а сделанное без образца.
Сайт готов, но в поиске его нет. Это нормально?
Первые недели — да. Если через месяц по названию компании сайт не находится, дело чаще всего техническое: поисковик видит не то, что видите вы. Разбор восьми причин — в статье о том, почему сайт не индексируется.
Что дальше
Разборы выходят редко — канал живёт каждый день

В канале то, что не помещается в статью: свежие ставки аукционов, сломавшиеся связки, причины, по которым у клиента заявка подорожала вдвое за месяц. А если сейчас нужен не совет, а система — в кабинете лежит курс на 243 урока: от «с чего начать» до сквозной аналитики. Бесплатно и без марафонов.

Дальше по теме

Что читать следующим

Эта страница оказалась полезной?

Три касания, без регистрации. По ответам я решаю, что дописать и какие темы разобрать следующими.
Насколько полезно — от 1 до 10
Как читается и выглядит
Чего не хватило
Ответы анонимные — сохраняем только сами оценки.
Спасибо. Учту при следующем обновлении базы.