Разработка сайта: с чего начать

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

С чего начать разработку сайта?

Начните с результата, который должен дать сайт: принять заказ, записать клиента или помочь выбрать услугу. Опишите посетителя, его вопрос и действие, после которого задачу можно считать выполненной. Для одной услуги часто хватает лендинга, для нескольких направлений нужен корпоративный сайт, для продаж онлайн — интернет-магазин.

Как подготовить бриф?

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

Затем составьте список страниц и прототип основного пути. Кликабельный прототип в Figma позволяет обсудить переходы до начала реализации. Посмотрите и на конкурентов: порядок описан в статье анализ сайтов конкурентов.

Какие данные и интеграции описать заранее?

• Какие поля заполняет клиент и кто получает заявку.
• Где хранятся товары, цены и остатки.
• Какие системы передают данные друг другу и как обнаруживается ошибка.
• Кто может редактировать материалы и управлять доступами.

Для заявок обычно подключают CRM: KeyCRM, HubSpot или Pipedrive. Для магазина в Украине — Nova Poshta API, LiqPay, WayForPay или эквайринг Monobank, Checkbox для ПРРО и выгрузки на Prom или Rozetka. Аналитику GA4 и GTM с событием отправки формы настраивают до запуска.

Какую платформу выбрать?

Платформу выбирают после требований. WordPress и WooCommerce подходят для большинства корпоративных сайтов и магазинов. Shopify удобен для магазинов с продажами за рубеж. MODX даёт гибкие шаблоны и быструю работу. Next.js и Laravel используют для сложной логики, личных кабинетов и высоких нагрузок.

Для приложения-компаньона к сайту используют Flutter или React Native: первая рабочая версия мобильного приложения (MVP) у нас занимает до 15 рабочих дней после ТЗ.

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

Наши сроки после согласования ТЗ и получения материалов: лендинг — до 3 рабочих дней, сайт-визитка или корпоративный сайт — до 10 рабочих дней, интернет-магазин — до 15 рабочих дней. Для больших проектов со сложными интеграциями срок считаем после ТЗ. Чаще всего сроки сдвигаются из-за текстов и фото, поэтому материалы лучше готовить параллельно с прототипом.

Что нужно от заказчика?

• ответственный, который принимает решения и согласует этапы;
• тексты об услугах, ценах-ориентирах для менеджеров, условиях работы;
• фото команды, офиса, работ, логотип в векторе;
• доступы к домену, хостингу и почте;
• список сотрудников, которые получают заявки.

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

Как определить первую версию сайта?

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

В план запуска включите резервную копию, доступы владельца, проверку поисковой доступности и ответственного за поддержку. Для существующего сайта добавьте план сохранения адресов и 301-редиректов. Примеры наших работ: сайты агентства недвижимости Premium Estate, рекрутингового агентства Globalstaff и интернет-магазин украшений Fairy Chest. Больше — в разделе сайты по отраслям.

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

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

Лендинг — до 3 рабочих дней, сайт-визитка или корпоративный сайт — до 10, интернет-магазин — до 15 рабочих дней после согласования ТЗ и получения материалов. Сложные проекты с интеграциями считаем после ТЗ.

Что подготовить перед заказом сайта?

Цель сайта, список услуг или товаров, тексты и фото или ответственного за них, примеры сайтов, которые нравятся, и данные для доступа к домену и хостингу.

Какую CMS выбрать для сайта?

WordPress — для большинства корпоративных сайтов, WooCommerce или Shopify — для магазинов, MODX — для гибких шаблонов, Next.js или Laravel — для сложной логики и личных кабинетов.

Нужен ли прототип перед дизайном?

Да. Прототип согласует структуру и путь клиента до дизайна. Правки на этом этапе делаются быстрее всего.

От чего зависит стоимость разработки сайта?

От числа уникальных шаблонов, интеграций, языковых версий, объёма контента и требований к дизайну. Смету считаем после брифа.

Источники

• Figma: прототипирование
• Google Search Central: перенос сайта со сменой URL