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