Над любым качественным цифровым сервисом или мобильным приложением работает команда специалистов. Аналитики-проектировщики анализируют исходные данные и продумывают структуру будущего проекта. Дизайнеры разрабатывают дизайн и собирают визуальные макеты. Менеджеры организовывают слаженное взаимодействие всей команды и решают административные задачи.

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

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

• Страницу с витриной имеющихся курсов
• Личный кабинет ученика, где лежат оплаченные курсы
• Страницы отдельных курсов и уроков
• Страницы покупки

Менеджер

У заказчика может быть четкое видение проекта или абстрактное представление о нем. В первом случае задача менеджера — проанализировать техническое задание и просчитать стоимость работ. Во втором — изучить все вводные, подобрать варианты дизайна (например, использование шаблона или отрисовка с нуля), составить смету проекта.

На этом этапе задачи менеджера — это:

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

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

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

После согласования плана работы и сметы подписывается договор, вносится аванс (есть вариант постоплаты и беспроцентной рассрочки), и проект передают в работу.

Этап 2. Проектирование структуры проекта

Менеджер, аналитик-проектировщик, копирайтер (по желанию)

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

Аналитик-проектировщик собирает логические схемы и оформляет их в виде прототипа. Для наглядности его делают в графическом редакторе Figma. В зависимости от сложности проекта и запроса заказчика, прототип может быть статичным или интерактивным, представлять собой блок-схему, ментальную карту и мокап с примитивным дизайном и прописанными текстами.

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

Этап 3. Разработка дизайна

Дизайнер, иллюстратор

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

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

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

Этап 4. Передача в разработку и дизайн-сопровождение

Партнеры компании

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

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

Вместо заключения: как не переплачивать за бренд исполнителя

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

Частный подрядчик часто работает без договора. Он сам отвечает за свое расписание и нагрузку. Бывает, что ее слишком много, или в проекте появляются сложные задачи, которые он не может решить самостоятельно. В этом случае велик риск, что исполнитель просто пропадет. Например, уйдет в другой проект или потеряет мотивацию работать.

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

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

Если у заказчика есть конкретная задача — спроектировать структуру сайта и разработать дизайн, проще работать со специализированной командой или небольшой дизайн-студией. И вот почему:

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