Как создаётся сайт: 7 шагов от первого звонка до запуска

В сентябре прошлого года мне позвонил Михал, владелец логистической компании в Праге. Голос был напряжённый. За полгода до этого он заплатил другому агентству 90 000 CZK за корпоративный сайт. Получил три макета, которые не согласовывал, исходники в формате, который не мог открыть, и сайт, который через два месяца после «запуска» всё ещё показывал текст-заглушку Lorem ipsum на страницах услуг.

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

Мы прошли весь путь за 8 недель. От первого звонка до работающего сайта с настроенным SEO, аналитикой и документацией. Ни одного сюрприза. Ни одного этапа, который Михал не понимал и не утверждал.

Эта статья — подробный разбор нашего процесса веб-разработки. Семь шагов, через которые проходит каждый проект. Что происходит на каждом этапе, что видит и утверждает клиент и сколько времени это занимает. Если вы планируете создание сайта или редизайн, этот гид покажет, чего ожидать.

Шаг 1. Бесплатная консультация (30 минут)

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

Что происходит. Мы задаём вопросы о вашем бизнесе, целях и текущих проблемах с сайтом (если он есть). Не технические вопросы — бизнесовые. Кто ваши клиенты? Откуда приходят заявки сейчас? Что должен делать сайт — генерировать звонки, продавать товары, показывать портфолио? Какой бюджет вы готовы рассмотреть?

Мы также честно говорим, если ваш проект — не для нас. Если задачу решает конструктор за 5 000 CZK, мы скажем это прямо. Наш разбор стоимости сайтов поможет сориентироваться в бюджетах заранее.

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

Что утверждает клиент. Решение продолжать — или не продолжать. Без давления.

Сроки. Один звонок, 30 минут. Предварительное предложение — в течение 2 рабочих дней.

Шаг 2. Стратегия и карта сайта

Прежде чем рисовать первый пиксель, мы выясняем, что именно будет на сайте и почему. Этот этап — фундамент всего проекта. Ошибки здесь стоят дороже всего, потому что они каскадируются на каждый следующий шаг.

Что происходит. Мы анализируем ваших конкурентов, целевую аудиторию и поисковый спрос. Определяем структуру сайта: какие страницы нужны, как они связаны друг с другом, какие ключевые слова должна закрывать каждая страница. Формируем карту сайта — визуальную схему всех разделов и их иерархии.

Что вы получаете. Документ стратегии: цели сайта, целевая аудитория, ключевые конверсионные действия. Карта сайта с описанием каждой страницы. Контент-план.

Что утверждает клиент. Структуру сайта и приоритеты страниц. Это критически важный момент: менять структуру после начала дизайна — дорого.

Сроки. 3–5 рабочих дней.

Шаг 3. Прототипирование

Прототипы — это скелет будущего сайта. Чёрно-белые схемы без цветов, шрифтов и картинок. Только структура, расположение блоков и логика взаимодействия. Вайрфреймы — так это называется на профессиональном языке.

Что происходит. Дизайнер создаёт вайрфреймы ключевых страниц: главная, страница услуги, контактная страница, блог. Мы прорабатываем пользовательские сценарии: как посетитель попадёт из поиска на страницу услуги и дойдёт до формы заявки?

На этом этапе легко перемещать блоки, менять порядок секций, добавлять или убирать элементы. Это как план здания перед стройкой: переставить стену на чертеже — минуты, переставить стену в готовом доме — недели.

Что вы получаете. Интерактивные прототипы в Figma, по которым можно «кликать» и ощутить будущую навигацию.

Что утверждает клиент. Структуру каждой ключевой страницы. Расположение основных элементов. Логику навигации.

Сроки. 3–5 рабочих дней. Обычно 1–2 раунда правок.

Шаг 4. UI-дизайн в Figma

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

Что происходит. На основе утверждённых прототипов дизайнер создаёт полноценные макеты в Figma. Сначала — главная страница и одна внутренняя, чтобы согласовать визуальное направление. После утверждения — остальные страницы.

Мы проектируем сразу для трёх точек: десктоп, планшет, мобильный. Для большинства бизнес-сайтов в Чехии 60–70% трафика приходится на мобильные устройства.

Что вы получаете. Макеты всех страниц в Figma с доступом по ссылке. Мобильные версии каждой страницы. Дизайн-систему: палитру цветов, типографику, библиотеку компонентов.

Что утверждает клиент. Визуальное направление. Каждую страницу по отдельности. Мобильные версии. До 2 раундов правок включены в стоимость.

Сроки. 5–8 рабочих дней.

Шаг 5. Разработка

Макеты утверждены. Теперь разработчики превращают статичные картинки в работающий сайт.

Что происходит. Мы пишем код с нуля. Никаких конструкторов, никаких шаблонов. Фронтенд на Nuxt, бэкенд и CMS — в зависимости от задачи. Каждый компонент создаётся как отдельный модуль.

Клиент получает доступ к тестовой версии сайта на промежуточном сервере. Можно открыть на телефоне и показать коллегам. Все замечания фиксируем и закрываем до следующей итерации.

Параллельно настраиваем: хостинг, SSL, домен, резервные копии, мониторинг производительности, Core Web Vitals.

Что вы получаете. Доступ к тестовой версии с первой недели. Еженедельные отчёты о прогрессе.

Что утверждает клиент. Промежуточные сборки. Финальную версию перед наполнением контентом.

Сроки. 8–12 рабочих дней для типового корпоративного сайта.

Шаг 6. Контент и SEO-настройка

Сайт без контента — это витрина без товара. А сайт без SEO — это магазин без адреса.

Что происходит. Контент размещается на сайте. Параллельно выполняется полная техническая SEO-настройка: мета-теги для каждой страницы, структурированные данные (Schema.org), XML-карта сайта с hreflang, настройка robots.txt, оптимизация изображений, проверка Core Web Vitals, внутренняя перелинковка, настройка Google Analytics 4 и Search Console.

Что вы получаете. Сайт, наполненный реальным контентом. Полный набор мета-тегов и структурированных данных. Отчёт по SEO-настройке.

Что утверждает клиент. Финальные тексты на каждой странице. SEO-метаданные.

Сроки. 3–5 рабочих дней. Зависит от готовности контента со стороны клиента.

Шаг 7. Тестирование и запуск

Последний шаг перед тем, как сайт увидит мир.

Что происходит. Мы проходим чек-лист из 50+ пунктов: кроссбраузерное тестирование (Chrome, Safari, Firefox, Edge), тестирование на устройствах (iPhone, Android, iPad), проверка форм, проверка ссылок, проверка 404, SSL/HTTPS, скорость (PageSpeed Insights выше 90), доступность.

После прохождения чек-листа клиент получает 2–3 дня на финальную проверку. Запуск: переключение DNS, проверка работоспособности, отправка карты сайта в Google Search Console. Мы всегда запускаем во вторник или среду утром.

Что вы получаете. Работающий сайт в продакшене. Доступы к CMS, аналитике и хостингу. Документацию. 30 дней бесплатной поддержки.

Что утверждает клиент. Финальный сайт перед запуском. Дату и время запуска.

Сроки. 2–3 рабочих дня на тестирование. Запуск — 1 день.

Сводная таблица сроков

Что может пойти не так

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

Слишком много людей принимают решения. Когда дизайн утверждают пять человек, каждый раунд правок растягивается на неделю. Лучший формат: один человек с правом финального решения.

Изменение объёма работ в процессе. «А давайте добавим блог? И калькулятор? И раздел с видео?» Каждое изменение сдвигает сроки и бюджет. Мы фиксируем идеи для фазы 2.

Нереалистичные ожидания от SEO. Новый сайт не окажется на первой странице Google на следующий день. Реалистичный срок: 3–6 месяцев для стабильных позиций.

Часто задаваемые вопросы

Сколько времени занимает разработка сайта?

Типовой корпоративный сайт на 10–15 страниц — 4–8 недель. Лендинг — 1–3 недели. Интернет-магазин — 6–12 недель. Самый важный фактор — скорость обратной связи от клиента.

Что нужно подготовить?

Логотип в векторном формате, текстовый контент для основных страниц (или готовность заказать копирайтинг у нас), фотографии, доступы к домену и хостингу, доступы к Google Analytics и Search Console.

Что если мне не понравится дизайн?

Именно для этого существуют шаги 3 и 4. На этапе прототипирования мы согласовываем структуру. На этапе дизайна показываем 2 визуальных направления. В стоимость включены 2 раунда правок на каждом этапе. В нашей практике серьёзные расхождения случаются в 1 из 20 проектов — и решаются одним дополнительным звонком.

Готовы начать?

Следующий шаг — 30-минутная консультация. Бесплатно. Без обязательств. Мы зададим вопросы, дадим предварительную оценку и честно скажем, подходит ли ваш проект для нашего формата работы.

Запишитесь на консультацию — и через 4–8 недель у вас будет сайт, за который не придётся извиняться.