Этапы работы над проектом

Хороший сайт получается не из вдохновения, а из понятного процесса. В Klaxon Studio каждый проект проходит одни и те же этапы: от знакомства и брифа до запуска и сопровождения. На этой странице мы подробно рассказываем, что происходит на каждом шаге, что требуется от вас, какие документы и результаты вы получаете и где чаще всего возникают задержки. Так вы заранее понимаете, как будет выглядеть работа, и можете спланировать собственные ресурсы.

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

Всё начинается с разговора. Он может пройти в нашем офисе в Сочи на улице Навагинской, по видеосвязи или в переписке — как вам удобнее. Мы не просим сразу приносить техническое задание: чаще всего у клиента есть только идея и понимание бизнеса, и этого достаточно.

На встрече мы выясняем несколько вещей. Чем занимается компания и кто её клиенты. Что сейчас не устраивает в продажах или в существующем сайте. Какие у вас конкуренты и чем вы от них отличаетесь. Какие каналы привлечения используются. Есть ли учётная система, с которой нужно связать сайт. Каков бюджет и желаемый срок.

• Вы получаете анкету-бриф с понятными вопросами, на которые можно ответить своими словами
• Мы предлагаем несколько вариантов решения задачи, а не единственный «правильный»
• Называем риски и ограничения сразу, до подписания договора
• Рассказываем, что нам понадобится от вас на каждом этапе

Результат этапа: заполненный бриф и общее понимание проекта у обеих сторон. Срок: от одного до трёх рабочих дней.

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

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

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

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

По итогам аналитики формируется структура сайта: дерево разделов, типы страниц, логика каталога и фильтров, пользовательские сценарии. Например, для магазина мы продумываем, как покупатель найдёт нужный товар за два–три клика и как пройдёт путь от карточки до оформления заказа. Для корпоративного сайта проектируем, куда ведёт каждый блок главной страницы и как посетитель попадает на форму обращения.

• Анализ конкурентов и целевой аудитории
• Сбор и кластеризация поисковых запросов
• Схема разделов и перелинковка
• Описание пользовательских сценариев
• Список технических требований и интеграций

Результат этапа: утверждённая структура сайта и техническое задание. Срок: от трёх до десяти рабочих дней.

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

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

Правки на этом этапе обходятся дёшево: переставить блок в прототипе занимает несколько минут, а изменить его положение в готовой вёрстке — несколько часов. Именно поэтому мы просим внимательно изучить прототип и высказать все замечания сразу.

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

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

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

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

Разработка состоит из нескольких параллельных частей. Верстальщик превращает макеты в адаптивные шаблоны, которые одинаково хорошо работают на компьютерах, планшетах и телефонах. Программист настраивает движок, подключает платёжные системы, доставки, формирует нужные модули и пишет недостающую логику. Отдельно ведётся работа с интеграциями: обмен данными с 1С, CRM, онлайн-кассами и сервисами рассылок.

Срок этапа: от двух до восьми недель, в зависимости от сложности проекта.

Пустой сайт нельзя ни проверить, ни показать. Поэтому параллельно с разработкой начинается наполнение. Для магазина это загрузка товаров с описаниями, характеристиками и фотографиями, настройка категорий и фильтров. Для корпоративного сайта — размещение текстов об услугах, кейсов, контактов, документов.

Мы можем взять наполнение на себя или обучить вашу команду. Если товарная база большая, используется импорт из таблиц или из учётной системы. Тексты, которых нет, можно заказать у наших копирайтеров, а фотографии — обработать и привести к единому формату.

• Импорт товаров, цен и остатков из таблиц или 1С
• Настройка фильтров, сортировки и характеристик
• Размещение текстов и подготовка метаданных страниц
• Подключение счётчиков аналитики и целей
• Настройка почтовых уведомлений клиентам и менеджерам

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

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

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

После запуска мы передаём вам все доступы: к панели управления сайтом, хостингу, домену, аналитике, репозиторию с кодом. Проводим обучающую сессию, показываем, как добавлять товары, менять тексты, обрабатывать заказы. Составляем краткую инструкцию с описанием типовых операций.

• Перенос на боевой домен и подключение сертификата безопасности
• Настройка редиректов и проверка индексации
• Передача доступов и исходных файлов
• Обучение вашей команды и инструкция для сотрудников
• Контрольная проверка заказов и форм после запуска

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

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

Мы не называем сроки наугад. Они считаются на основании объёма и привязываются к календарю этапов. Ниже — типовые значения для проектов без нетипичных требований.

Любой срок — это сумма нашей работы и ожиданий ответа. Если ответы приходят в течение одного–двух рабочих дней, проект укладывается в график. Если вы пропали на неделю, дедлайн сдвигается на неделю. Об этом мы напоминаем заранее и фиксируем в договоре.

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

• У каждого проекта есть руководитель, который отвечает за сроки и держит с вами связь
• Еженедельно вы получаете краткий отчёт: что сделано, что в работе, что нужно от вас
• Все ключевые решения фиксируются письменно, чтобы не было споров о том, о чём договорились
• Тестовая версия доступна вам в любое время, а не только на сдаче этапа
• Вопросы вне плановых отчётов решаются по почте или в рабочем мессенджере без ожидания очередной встречи

Если у вас есть собственные правила взаимодействия, например еженедельные созвоны или работа в вашей системе управления задачами, мы подстроимся.

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

Хотите обсудить свой проект? Напишите нам на [email protected]: расскажите о задаче, а мы подготовим план работ с понятными этапами, сроками и ответственными. Первая консультация бесплатна.