Заказная разработка в digital-агентстве часто выглядит как черный ящик: на входе — бриф от заказчика и оплата, а на выходе — вроде должен получиться сайт, веб-сервис или мобильное приложение. А что происходит между этими точками — неясно.
Мы намерены сделать этот процесс прозрачным и понятным для наших клиентов. Поэтому проведем вас по всему производственному процессу: от заключения договора до релиза готового цифрового продукта.
Информацию разделили на три статьи:
- Как организуем и ведем проект: от заключения договора до релиза. Этому посвящена текущая статья.
- Что происходит на первом этапе проекта: про аналитику и проектирование
- Что происходит на втором этапе: про разработку интерфейса и программирование веб-продукта
В первой статье цикла рассказываем:
- Как в целом устроен процесс
- С чего начинается работа
- Какие инструменты используем для ведения проектов
Материал поможет разобраться, как создается продукт, как вам контролировать процесс и где вы, как заказчик, напрямую влияете на результат.
Как устроен процесс: ключевые этапы
![Работы для оценки стоимости разработки сайта](https://atwinta3.dev.atwinta.ru/api/v1/images/large/X1ejcaDqHtkhcNwghzkR3vaWSa8YCvwplMHSl3kG.png)
В Атвинте весь процесс разработки делится на два больших этапа: на первом проводим аналитику и проектирование будущего продукта, на втором — разрабатываем продукт на основе данных из первого этапа.
Что делаем на первом этапе
![Этапы разработки сайта](https://atwinta3.dev.atwinta.ru/api/v1/images/large/S9iO3Ft0exX8DWqVtujNpRTUsqF2KL49JSAzPlgh.png)
- Исследование
- SEO проектирование
- Проектирование архитектуры продукта и написание технического задания
- Проектирование интерфейса
- Подготовка контента
- Разработка дизайн-концепции
- Опционально — разработка логотипа и фирменного стиля
Что делаем на втором этапе
![Чек-лист на разработку сайта](https://atwinta3.dev.atwinta.ru/api/v1/images/large/T3k6BRxu5GpBjscOlCzU1w1jJ2PvEmsxOhxqyatp.png)
- Разработка дизайн-макетов, в том числе адаптивных для мобильных устройств и различных разрешений экрана
- Frontend и Backend-программирование
- Тестирование
- Предрелизная подготовка: наполнение контентом, перенос на хостинг и домен клиента
Договор на разработку сайта: сроки и стоимость по каждому этапу
В зависимости от задач работать можем по договору с фиксированной стоимостью или по Time and Materials.
И в том, и в другом случае до заключения договора обговариваем принципиальные условия, согласовываем сроки, стоимость и пул работ.
Договор на создание сайта Fixed Price
Этот формат подразумевает, что агентство обязуется разработать конкретную функциональность за фиксированную стоимость. Эту функциональность мы описываем в техническом задании, а определяем — на этапе аналитики и проектирования.
Так мы делаем большинство проектов с конечной датой полного релиза. Порядок этапов, о которых мы рассказываем в статьях цикла, касается в первую очередь работы по формату Fixed Price.
При заключении такого договора сначала мы делаем точную оценку и подписываем соглашение только для первого этапа: аналитики и проектирования.
Этап разработки оцениваем ориентировочно: минимальная и максимальная планка. Точную оценку делаем после этапа аналитики, когда будет понятно, сколько и каких функций нужно разработать, сколько уникальных экранов в интерфейсе, какие фичи нужно реализовать в дизайне.
![Пример оценки стоимости сайта](https://atwinta3.dev.atwinta.ru/api/v1/images/large/L6sKOFRChqUq1dNLOE47cdB1QcEbQJPIrwXzqJVh.png)
В предварительной оценке второго этапа верхнюю планку закладываем исходя из вашего планового бюджета, нижнюю — на основании нашего опыта разработки аналогичных проектов.
Если стоимость первого этапа и вилка цен на второй этап вам подходит, заключаем договор на этап аналитики и начинаем разработку.
Договор на создание сайта Time and Materials
Альтернатива Fixed Price — договор по Time and Materials. Он больше подходит для продуктовой разработки, когда нужна максимальная гибкость в процессе. В этом случае заказчик платит не за конкретную заранее описанную реализацию, а за часы дизайнеров и разработчиков агентства, потраченные на воплощение конкретной функции.
В случае работы по Time and Materials этапы будут те же самые, только будут повторяться для каждой функции или каждого спринта.
![Спринты типового договора на разработку сайта](https://atwinta3.dev.atwinta.ru/api/v1/images/large/Etur8vcnx4OzjuPWEA6kZ5DBBWhTzeQ44njoiVTD.png)
Что происходит после заключения договора
Как только клиент и агентство договорились о целях и задачах проекта, функциональности и видении продукта, сроках и стоимости, запускаем проект в работу.
Для начала формируем команду из проджект-менеджера, аналитиков, UX-проектировщиков, дизайнеров, разработчиков и аккаунт-менеджера.
На старте работы проджект-менеджер составляет план проекта и распределяет задачи. В течение проекта менеджер отвечает за соблюдение сроков, бюджета и следит, чтобы на выходе клиент получил работающее решение своих бизнес-задач.
Все специалисты находятся у нас в офисе. Вы можете познакомиться с командой еще до подписания договора. Для этого аккаунт-менеджер на одной из первых встреч проводит онлайн-экскурсию по офису. Если вам удобнее общаться офлайн и вы приедете к нам, то экскурсию проведем офлайн.
![Как составить договор на оказание услуг по разработке сайта?](https://atwinta3.dev.atwinta.ru/api/v1/images/large/2T9jo19iptwNiIFgMJXu6goVCpnoeVaEXPRhkqWU.png)
Какие инструменты используем для ведения проекта
Созвоны по Skype или Zoom
Обычно встречи проводим по видеосвязи, так как наши клиенты находятся по всей России или заграницей.
На всех созвонах в течение проекта с вами общаются аккаунт и менеджер проекта. По ходу проекта при необходимости привлекаем на встречи других членов команды. Например, дизайнеры участвуют в презентации дизайна, а разработчиков подключаем, когда нужно обсудить техническую специфику.
По итогам созвонов аккаунт составляет митинг-репорт (meeting report) и отправляет заказчику на электронную почту. В этом письме отражены важные тезисы прошедшей встречи и договоренности. Такие отчеты помогают команде не упустить замечания от клиента, а клиенту — убедиться, что его услышали правильно.
Созвонов может оказаться недостаточно при разработке сложных инновационных IT-продуктов. Тогда будем рады встретиться у нас в офисе для обсуждения стратегических вопросов по продукту или направим команду к клиенту. Например, чтобы подробнее изучить производственные процессы при разработке системы автоматизации для предприятия.
Канбан-доски для управления задачами
Для каждого проекта заводим канбан-доску в Jira. Здесь проджект-менеджер ставит задачи команде, отслеживает их выполнение и затраченные часы.
Доска проекта помогает наглядно расположить задачи и в каждый момент видеть, какая задача на каком этапе работы находится. Инструмент нужен, чтобы добиться максимальной производительности в команде, адекватно распределить работу и сделать проект в срок.
![План работ на разработку сайта](https://atwinta3.dev.atwinta.ru/api/v1/images/large/WT864JQQGx0fRP1dAUF4e2KIFIdPaCMFBQQZDq0M.png)
Регулярные отчеты о ходе проекта
На старте проекта мы договариваемся о сроках каждого этапа и датах промежуточных результатов. В оговоренные сроки менеджер проекта формирует отчет о проделанной работе и ближайших шагах. Отчет отправляет клиенту и договаривается о встрече или созвоне, чтобы осудить подробнее результаты или согласовать их.
Отчеты по результатам каждого этапа нужны, чтобы согласовать прототипы, концепцию, техзадание или дизайн.
Промежуточные отчеты составляем, чтобы сделать процесс понятным: что происходит сейчас, все ли идет по плану, укладываемся ли в сроки.