Процесс создания сайта в студии Имя.
Вся цепочка взаимодействия студии с заказчиком: от первого обращения до написания отзыва. Описание процессов, регламенты, шаблоны документов, временные ограничения.

раздел 1
Первый контакт с клиентом, первичная задача, договор

1
отдел продаж
Первый контакт с клиентом
Самое важно в первом контакте — скорость ответа. Она будет зависеть от канала и времени связи, но не должны быть больше 16 часов с моменты обращения клиента. Если запрос пришел после 19:00 по московскому времени — ответ на нее можно перенести на утро следующего дня. Каналы связи:
Входящий на телефон
Принимаем звонок сразу, либо перезваниваем в течение 30 минут.

После звонка создаем в Трелло новую карточку в колонке «Лиды», которая содержит: номер телефона, имя контактного лица, название компании, ниша, примерный заложенный бюджет и комментарии, которые обсудили по телефону.
Сообщение в соц.сети
Отвечаем на сообщение в течение 1 часа, если оно пришло до 19:00 по Москве. Если после, переносим ответ на 10 утра следующего дня.

После диалога создаем в Трелло новую карточку в колонке «Лиды», которая содержит: ссылку на соц.сеть, имя контактного лица, название компании, ниша, примерный заложенный бюджет и комментарии, которые обсудили по телефону.
Заявка на сайте
Перезваниваем, пишем в соц.сеть или отправляем письмо на почту в течение 3 часов, если заявка пришла до 19:00 по Москве. Если после, переносим на 10 утра следующего дня.

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

1. Понять, что за ниша и интересно ли нам с ней работать. Не работаем с нишами: алкоголь; букмекерские конторы; все, что связано с курением; пирамиды; астрологические прогнозы; религиозная тематика.
Вопрос клиенту: чем занимается ваша компания?

2. Понять, какой сайт нужен и для чего. Не разрабатываем сложные системы, типа: социальные сети; крупные порталы со сложной структурой; доски объявлений и прочее.
Вопрос клиенту: нужен ли сложный функционал на сайте, например: личный кабинет со множеством функций, встроенная црм-система, агрегатор данных с других ресурсов и другое?

3. Понять, какой бюджет заложен на создание сайта. Не работаем с бюджетами ниже 80 000 ₽, если мы должны создать сайт с нуля (написать тексты, сделать дизайн) и ниже 30 000 ₽, если нужно сделать простой дизайн (по имеющемуся прототипу или текстам).
Вопрос клиенту: сколько планировали вложить в сайт, назовите вилку?
10 минут

Первый контакт не должен занимать больше 10 минут. На этом этапе не нужно обсуждать детали проекта. Если клиент нам интересен, а мы интересны ему — переходим к заполнению первичного брифа.
2
1
отдел продаж
Отправка клиенту брифа №1
Для того, чтобы клиенту можно было обозначить рамки бюджета, за который мы готовы реализовать проект, нужно задать ему 9 вопросов и добиться конкретных ответов. Если клиент не отвечает на какой-то из вопросов, нужно пояснить ему, для чего именно он задается и что в проекте может не получиться, если ответа не будет. Ответы на вопросы нужны в письменной форме. Поэтому либо просим клиента отвечать текстом, либо записываем разговор, либо фиксируем его ответы сразу в процессе диалога.


Что нужно выяснить у клиента до обсуждения с производством и до решения о работе/подписания договора/оговаривания с клиентом суммы:
  1. Какая тематика. Чем конкретно занимается компания. Если услуг несколько — перечисление всех услуг.
    Задача: примерно понять объем деятельности, чтобы можно было прикинуть объем работы.

  2. Сколько страниц должен содержать сайт. Сколько из них информационные/текстовые. Сколько в формате лендинга, который рассказывает о конкретной услуге/товаре.
    Задача: понять, сколько и каких по объему/сложности будет страниц.

  3. Есть ли текстовые материалы. Если да, какие и в каком объеме. Нужны ли будут корректировки и доработки по текстам.
    Задача: понять, какая работа на нас по текстам и в каком объеме.

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

  5. Откуда будут попадать клиенты. Тут задача понять, холодный ли будет трафик или теплый. Соответственно, нужно ли заморачиваться с маркетингом/текстами или люди заходят уже разогретые и достаточно, условно, кнопки «Купить».
    Задача: понять, на сколько сильно нужно будет заморачиваться с текстами. Нужно ли донести до посетителя пользу предложения или просто сказать, что оно есть.

  6. Есть ли свои фотки/иллюстрации. Если есть — нужно смотреть. Задача понять, нужно ли будет что-то рисовать/фоткать или достаточно подбора в интернете.
    Задача: понять, нужен ли иллюстратор, если нужен на сколько иллюстраций.

  7. Если есть конкуренты — нужно их посмотреть.
    Задача: примерно сориентировать что за ниша и как она выглядит на рынке.

  8. Если есть сайты, которые похожи по объему или содержанию — тоже нужно посмотреть.
    Задача: понять более конкретно и визуально объем и что нужно сделать.

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

Вместе с брифом пишем/озвучиваем клиенту сообщение:

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

Бриф отправляем клиенту в течение 15 минут после разговора. Если клиент во время диалога уже ответил на часть вопросов из брифа, убираем их и отправляем только новые.
2
2
клиент + отдел продаж
Заполнение клиентом брифа №1
В интересах студии — помочь клиенту с заполнением брифа. Чем полнее он будет заполнен, тем яснее будет задача, тем меньше будет дополнительной работы в производстве. Чтобы быстро получить максимальный результат нужно:
Уточнить, все ли ясно
Через 1-2 часа после того, как скинули клиенту бриф — написать короткое сообщение:

Скажите, вы уже просмотрели бриф? Все ли вопросы вам понятны? Если что-то будет не понятно — спрашивайте.
Напомнить о брифе
Если к оговоренному с клиентом сроку он не прислал бриф — пишем сообщение:

Есть какие-то сложности с ответами на вопросы? Чем мы можем помочь?
2
3
отдел продаж
Передача брифа №1 в производство
После того, как клиент ответил на вопросы брифа, проверяем, решены ли задачи брифа. Если нет — помогаем клиенту ответить на вопросы более полно. Если да — передаем бриф в производство, прикрепляем его в карточку клиента в Трелло и оповещаем в личных сообщениях ответственного в производстве о том, что бриф пришел.
Задачи, которые должен решать бриф
  1. Какая тематика. Чем конкретно занимается компания. Если услуг несколько — перечисление всех услуг.
    Задача: примерно понять объем деятельности, чтобы можно было прикинуть объем работы.
  2. Сколько страниц должен содержать сайт. Сколько из них информационные/текстовые. Сколько в формате лендинга, который рассказывает о конкретной услуге/товаре.
    Задача: понять, сколько и каких по объему/сложности будет страниц.
  3. Есть ли текстовые материалы. Если да, какие и в каком объеме. Нужны ли будут корректировки и доработки по текстам.
    Задача: понять, какая работа на нас по текстам и в каком объеме.
  4. Есть ли логотип и/или фирменный стиль. Если да — нужно его сразу посмотреть. Если нет, понять, нужен ли и в каком формате: просто чтоб занять левый угол — максимально простой, или полноценный брендинг.
    Задача: понять, нужно ли брать иллюстратора и графического дизайнера для полноценной разработки или достаточно самим подобрать цвета и нарисовать простенький текстовый лого.
  5. Откуда будут попадать клиенты. Тут задача понять, холодный ли будет трафик или теплый. Соответственно, нужно ли заморачиваться с маркетингом/текстами или люди заходят уже разогретые и достаточно, условно, кнопки «Купить».
    Задача: понять, на сколько сильно нужно будет заморачиваться с текстами. Нужно ли донести до посетителя пользу предложения или просто сказать, что оно есть.
  6. Есть ли свои фотки/иллюстрации. Если есть — нужно смотреть. Задача понять, нужно ли будет что-то рисовать/фоткать или достаточно подбора в интернете.
    Задача: понять, нужен ли иллюстратор, если нужен на сколько иллюстраций.
  7. Если есть конкуренты — нужно их посмотреть.
    Задача: примерно сориентировать что за ниша и как она выглядит на рынке.
  8. Если есть сайты, которые похожи по объему или содержанию — тоже нужно посмотреть.
    Задача: понять более конкретно и визуально объем и что нужно сделать.
  9. Понять сложность необходимой визуалки. Для ориентира можно показывать простые сайты на стандартных блоках и сложнее с анимациями и прочим. Тут можно без подбора референсов сначала, задача — понять, хочет ли заказчик выпендриваться или нужно просто аккуратно упаковать.
    Задача: понять, сколько времени уйдет на дизайн и какого уровня нужен дизайнер.
Отмечаем ответственного в карточке Трелло
Чтобы ответственному по проекту за производство пришло уведомление в Трелло — пишем комментарий «Имя, бриф №1 пришел» и отмечаем его в комментарии через @nik.
Именуем прикрепленный документ: «Бриф №1»
Переименовываем документ/ссылку в карточке Трелло, чтобы не было путаницы.
Вносим дополнительные комментарии в документ
Если у клиента были комментарии к брифу — добавляем их внутрь документа самостоятельно, чтобы у производства была полная картина в одном месте.
2
4
производство
Написание обратной связи (дальше ОС) по брифу №1 производством
В течение суток после получения брифа от клиента ответственный за производство изучает его и дает обратную связь. Задача производства на этом этапе — оценить себестоимость проекта по деньгам и срокам. Для этого нужно понять, достаточно ли вводных:
Если ДА
Если вводных достаточно, то производство передает отделу продаж оценку себестоимости и сроков проекта, с разбиением суммы на этапы: Икс ₽ — дизайн; Икс ₽ — тексты; Икс ₽ — прототип; Икс ₽ — иллюстрации и т.д.

Пример сообщения: На производство нужно 9 рабочих дней и 130 000 ₽: 30 000 ₽ — тексты, 20 000 ₽ — прототип, 80 000 ₽ — дизайн.
Если НЕТ
Если вводных не достаточно, пишем прямо в документе брифа №1, который прислал клиент, дополнительные и уточняющие вопросы, которые нужны для оценки. Прикрепляем обновленный документ в Трелло, даем ему название «Бриф №1. Доп вопросы», добавляем в карточке комментарий с упоминанием ответственного из отдела продаж через @nik и дублируем в личку сообщением «Прикрепил в Трелло доп вопросы по брифу №1».

Ответственный из отдела продаж в таком случае снова переходит к пункту 3.
24 часа

Производство дает обратную связь по заполненному клиентом брифу в течение суток после его получения.
3
отдел продаж
Выставление коммерческого предложения клиенту
После получения оценки себестоимости от производства — считаем полную стоимость проекта для клиента и выставляем ему коммерческое предложение. К себестоимости проекта прибавляем 130% от нее:
10%
На выплату налогов и пенсионного фонда.
20%
Фонд развития студии и резерв.
100%
Чистая прибыль.
2 часа

Коммерческое предложение выставляем клиенту в течение двух часов после получения оценки себестоимости от производства.
4
отдел продаж + производство
Согласование сроков, стоимости и понимания задачи с клиентом
Заключительный этап перед подписанием договора. Окончательно утверждаем сроки, стоимость и составляем понимание задачи: документ, в котором фиксируется все, что может повлиять на производство. Понимание задачи составляет ответственный за производство проекта. Важно:
Запас по срокам
Закладываем 2 рабочих дня дополнительно к сроку, обозначенному производством. Даем клиенту понять, что сроки включают только этапы производства, без учета обратной связи.
Сроки на обратную связь
Ограничиваем сроки, заложенные на обратную связь. Если обратная связь по вопросам/работе/согласованию поступает от клиента больше, чем через сути, то мы можем увеличить общие сроки производства. За каждый день просрочки ОС плюс три дня к производству.
3 часа

Документ с пониманием задачи нужно выслать клиенту в течение трех часов после получения (до 16:00 по Москве) от него ОС по коммерческому предложению.
5
отдел продаж
Подписание договора на разработку
После утверждения клиентом документа с пониманием задачи — составляем договор под проект и высылаем его клиенту на утверждение. После утверждения договора в течение 2 часов выставляем клиенту счет на оплату 50% стоимости разработки.
3 дня

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

1
1
отдел продаж
Передача полного брифа клиенту
После подписания договора начинаем собирать информацию для написания текстов. Первый шаг — заполнение подробного брифа. До клиента важно донести мысли:
Качество сайта зависит от качества ответов
Чем подробнее будут ответы, тем больше будет полезной информации, чтобы сделать сайт, который будет выигрывать и конкурентов.
Если не понятен какой-то вопросы — можно уточнить
Не нужно оставлять вопросы без ответов. Если не понятно значение вопросы — мы его переформулируем и адаптируем.
Дополнить ответы важной инфой
Если нет вопросов о каких-то важных деталях, нужно отдельно написать об этом комментарий и расписать эти детали.
Вместе с брифом пишем/озвучиваем клиенту сообщение:

Отвечайте на вопросы максимально развернуто, пожалуйста. Так мы сможем лучше понять ваш бизнес, вытащить ключевые преимущества и сделать сайт, который полюбят клиенты и которому будут завидовать конкуренты. Если не знаете, как ответить на какой-то вопрос — скажите об этом, мы поможем. Отвечайте на вопросы прямо в гугл документе, он открыт для редактирования. Скажите, пожалуйста, когда и в какое время ждать заполненный бриф?
10 минут

Отправляем полный бриф клиенту в течение 10 минут после подписания договора.
1
2
клиент + отдел продаж
Ответ на подробные вопросы клиентом
В интересах студии — помочь клиенту с заполнением брифа. Чем полнее он будет заполнен, тем яснее будет задача, тем меньше будет дополнительной работы в производстве. Чтобы быстро получить максимальный результат нужно:
Уточнить, все ли ясно
Через 1-2 часа после того, как скинули клиенту бриф — написать короткое сообщение:

Скажите, вы уже просмотрели бриф? Все ли вопросы вам понятны? Если что-то будет не понятно — спрашивайте.
Напомнить о брифе
Если к оговоренному с клиентом сроку он не прислал бриф — пишем сообщение:

Есть какие-то сложности с ответами на вопросы? Чем мы можем помочь?
производство
Пока клиент отвечает на подробный бриф — подбираем ему референсы
Подробнее о референсах
2
1
производство
Подбор референсов
Референсы — это примеры дизайна, которые мы подбираем, чтобы понять, какие сайты визуально нравятся клиенту и избежать лишних правок. Подбором референсов занимается ответственный за проект из производства. Подбираем от 5 до 15 референсов, 1-2 на каждую категорию:
Общая стилистика
Сайты, которые в целом подойдут под тематику по настроению и эмоциям, которые нужно донеси: минималистичные с акцентом на текст или наоборот графичные.
Цвета фона и акцентов
Показать примеры подходящих фонов: чистые белые или темные, цветные подложки. Если у клиента нет фирменных цветов показать примеры сайтов с подходящей гаммой.
Визуальные элементы
Показать, какого плана будут фотографии, иллюстрации, иконки. Чем можно украсить сайт, если в этом есть необходимость.
Шрифты и типографика
Показать хорошие шрифтовые решения. Сочетания заголовочных и основных шрифтов, варианты верстки текста.
Анимация элементов
Показать где можно применить анимацию и примеры: при наведении, скролле, поведение элементов, появление.
Референсы показываем ссылками на готовые сайты или скриншотами с пояснениями, что именно здесь хорошо. Их можно искать на этих русурсах: поиск яндекса и гугла, land-book.com, calltoidea.com, collectui.com, httpster.net, siteinspire.com, behance.net, dribbble.com, awwwards.com. Все ссылки и скриншоты собираем в одном гугл документе вместе с комментариями к ним, называем документ «Референсы» и прикрепляем в карточку клиента на Трелло и отмечаем в комментарии ответственного из отдела продаж через @nik.

Просим клиента прокомментировать референсы, пишем такие вопросы:
Какие из решений вам понравились? Почему?
Какие не понравились? Почему?
3 дня

Собрать и оформить референсы нужно в течение 3 дней после отправки клиенту полного брифа.
2
2
клиент + отдел продаж
Отправка и утверждение референсов
Собранные референсы с комментариями отправляем клиенту на утверждение.

Сопровождаем документ с референсами сообщением:
Вот документ с примерами сайтов и элементов и комментариями к ним. Посмотрите, пожалуйста, и прокомментируйте: что вам понравилось, а что нет и почему? Если есть свои примеры — прикрепите их к документу. Сориентируйте, пожалуйста, когда ждать ваших комментариев по примерам?
Если рефернсы понравились
Прикрепляем документ с комментариями клиента к его карточке в Трелло, переименовываем его в «Референсы. Комменты клиента» и отмечаем ответственного из производства через @nik.
Если не понравились
Задаем вопросы: Что именно не понравилось и почему?. Просим показать примеры того, в каком ключе продолжить поиски. После этого возвращаемся к пункту 1.
1
3
отдел продаж
Передача ответов на подробный бриф в производство
Когда клиент ответил на вопросы в подробном брифе — проверяем на все ли вопросы ответил клиент. Если нет — уточняем, почему нет ответов и помогаем их получить. После того, как бриф полностью заполнен передаем его в производство.
Отмечаем ответственного в карточке Трелло
Чтобы ответственному по проекту за производство пришло уведомление в Трелло — пишем комментарий «Имя, подробный бриф пришел» и отмечаем его в комментарии через @nik.
Именуем прикрепленный документ: «Подробный бриф»
Переименовываем документ/ссылку в карточке Трелло, чтобы не было путаницы.
Вносим дополнительные комментарии в документ
Если у клиента были комментарии к брифу, которые обсуждались вне самого брифа — добавляем их внутрь документа самостоятельно, чтобы у производства была полная картина в одном месте.
10 минут

Отправляем полный и полностью заполненный бриф в производство в течение 10 минут после того, как его прислал клиент.
1
4
производство
Написание дополнительных вопросов к брифу
После того, как отдел продаж передал заполненный клиентом бриф в производство, изучаем бриф на предмет непонятных деталей и задаем уточняющие вопросы. Полезные вопросы, которые могут натолкнуть на мысли здесь.
Соблюдаем порядок и выделяем вопросы
Чтобы не было путаницы, выделяем вопросы другим цветом и оставляем их прямо под текстом, к которому они относятся.
Именуем прикрепленный документ: «Подробный бриф. Доп.вопросы»
Переименовываем документ/ссылку в карточке Трелло, чтобы не было путаницы.
Отмечаем ответственного в карточке Трелло
Чтобы ответственному по проекту за производство пришло уведомление в Трелло — пишем комментарий «Имя, подробный бриф пришел» и отмечаем его в комментарии через @nik.
2 дня

Формулируем дополнительные вопросы в течение 2 рабочих дней после получения заполненного брифа от клиента.
1
5
отдел продаж
Отправка клиенту доп. вопросов
Отправляем клиенту бриф с дополнительными вопросами. Уточняем, когда ждать ответы. Просим отвечать в документе под вопросами.
10 минут

Отправляем бриф с дополнительными вопросами клиенту в течение 10 минут после получения его из производства.
1
6
клиент
Ответ на доп.вопросы клиентом
В интересах студии — помочь клиенту с заполнением брифа. Чем полнее он будет заполнен, тем яснее будет задача, тем меньше будет дополнительной работы в производстве. Чтобы быстро получить максимальный результат нужно:
Уточнить, все ли ясно
Через 1-2 часа после того, как скинули клиенту бриф — написать короткое сообщение:

Скажите, вы уже просмотрели бриф? Все ли вопросы вам понятны? Если что-то будет не понятно — спрашивайте.
Напомнить о брифе
Если к оговоренному с клиентом сроку он не прислал бриф — пишем сообщение:

Есть какие-то сложности с ответами на вопросы? Чем мы можем помочь?
1
7
отдел продаж
Передача ответов на доп.вопросы в производство
Когда клиент прислал документ с ответами — проверяем на все ли дополнительные вопросы он ответил. Если нет — уточняем, почему нет ответов и помогаем их получить. После того, как бриф полностью заполнен передаем его в производство.
Отмечаем ответственного в карточке Трелло
Чтобы ответственному по проекту за производство пришло уведомление в Трелло — пишем комментарий «Имя, подробный бриф пришел» и отмечаем его в комментарии через @nik.
Именуем прикрепленный документ: «Подробный бриф. Доп вопрос. Ответы клиента»
Переименовываем документ/ссылку в карточке Трелло, чтобы не было путаницы.
Вносим дополнительные комментарии в документ
Если у клиента были комментарии к брифу, которые обсуждались вне самого брифа — добавляем их внутрь документа самостоятельно, чтобы у производства была полная картина в одном месте.
раздел 3
Написание текста, прототип, дизайн

1
производство
Написание текстов
После окончательного заполнения брифа клиентом и ответа на дополнительные вопросы приступаем к написанию текстов для сайта.
Тексты в гугл документах
Писать можно в любом редакторе, но для передачи текстов на следующий этап переносим все в гугл документ с доступом, открытым для редактирования. Называем документ «Тексты для "название компании/проекта"».
Разбиваем на блоки
Разбиваем тексты на смысловые блоки, чтобы дизайнер понимал, какие мысли должны доноситься в каждом из блоков. К каждому блоку пишем заголовок.
Начинаем с главной
Сначала полностью пишем тексты для главной, чтобы ее можно было брать сразу в работу. После внутреннего утверждения текстов главной — переходим ко второстепенным страницам.
Выделяем призывы
Цветом выделяем все призывы к действию и другие конверсионные элементы, чтобы дизайнер понимал, на чем нужно сделать максимальный акцент.
Начинаем с главной
Если для каких-то блоков (например, отзывы или тарифы) пока нет инфы, то вместо реального текста добавляем рыбу или скрины, чтобы дизайнер понимал примерный объем.
1
1
производство
Создание прототипа
После внутреннего утверждения текстов для главной переходим к созданию прототипа для нее. Прототип — это черновик сайта, на котором мы будем презентовать клиенту тексты, структуру и логику сайта. Готовый прототип прикрепляем к карточке клиента в Трелло, в комментарии «Прототип готов, можно передавать клиенту» отмечаем ответственного из отдела продаж через @nik.
Стандартные блоки
Собираем прототип на стандартных блоках Тильды, не привязываясь к их дизайну. Используем разные блоки и элементы, чтобы текст воспринимался легко.
Содержит все элементы
Если на странице есть картинка — показываем ее однотонным прямоугольником. Если видео — прямоугольником с кнопкой плей. Если иконки — схематичными кружочками.
Полностью кликабельный
Настраиваем перелинковку по странице и между страницами. Если есть всплывающие окна с информацией или формами, настраиваем на них кнопки сразу. Меню тоже делаем сразу.
1
2
отдел продаж
Презентация прототипа клиенту
Показываем клиенту прототип на созвоне, поясняем решения, отвечаем на вопросы.
1
3
отдел продаж
Согласование прототипа с клиентом
После презентации протоипа клиенту берем у него обратную связь. Если все в порядке и со стороны клиента нет комментариев — передаем прототип в производство для дизайна. Прикрепляем ссылку на него к карточке клиента в Трелло, отмечаем ответственного за дизайн в комментарии «Прототип утвержден, можно приступать к дизайну» через @nik. Если у клиента есть комментарии и правки к прототипу делаем шаги:
Оформление правок
Просим клиента оформить список по пунктам того, что он хотел бы изменить с пояснениями, почему он хотел бы это изменить. Уточняем, в течение какого времени ждать ответ.
Обсуждение правок
Обсуждаем с клиентом список его правок, чтобы закрыть те, которые можно закрыть сразу.
Передача правок в производство
Собираем итоговые правки и комментарии от клиента в гугл документе и прикрепляем его к карточке клиента в Трелло, отмечаем ответственного за дизайн в комментарии «Правки по прототипу» через @nik.
2
1
производство
Разработка дизайна главной страницы
После окончательного согласования прототипа приступаем к дизайну главной страницы на основании референсов, фирменного стиля клиента и анализа конкурентов. Готовый дизайн прикрепляем к карточке клиента в Трелло, в комментарии «Дизайн готов, можно передавать клиенту» отмечаем ответственного из отдела продаж через @nik.
Соответствие прототипу
Тексты, порядок блоков и логика должны соответствовать прототипу. К верстке, точному расположению и пропорциям привязываться не нужно.
Отстройка от конкурентов
Перед началом дизайна нужно проанализировать конкурентов с визуальной точки зрения, чтобы не было очевидных схожестей на выходе.
Оправданные элементы
Не делаем дизайн ради дизайна. Все элементы должны нести в себе смысл: иллюстрировать смысл; акцентировать внимание; разбавлять и облегчать чтение.
Соответствие визуала тексту
Не должно быть расхождений в смыслах текста и иллюстраций. Если речь идет про логистику, значит, иллюстрация должна содержать в себе отсылку прямую или метафорическую: машину, коробку и т.д.
Уникальность визуала
Избегаем стоковых картинок, которые дает нам яндекс или шаттерсток в начале. Подбираем максимально живые картинки. Желательно использовать бесплатные стоки, типа: unsplash.com
Соответствие референсам и фир стилю
Не должно появляться элементов дизайна, противоречащих примерам и стилю: новых цветов, фонов, иллюстраций.
2
2
отдел продаж
Презентация дизайна главной страницы
Показываем клиенту дизайн на созвоне, поясняем решения, отвечаем на вопросы.
2
3
отдел продаж
Согласование дизайна главной страницы с клиентом
После презентации дизайна клиенту берем у него обратную связь. Если все в порядке и со стороны клиента нет комментариев — приступаем к дизайну внутренних страниц сайта. Прикрепляем ссылку на него к карточке клиента в Трелло, отмечаем ответственного за дизайн в комментарии «Дизайн главной утвержден, можно приступать к дизайну внутренних страниц» через @nik. Если у клиента есть комментарии и правки к дизайну делаем шаги:
Оформление правок
Просим клиента оформить список по пунктам того, что он хотел бы изменить с пояснениями, почему он хотел бы это изменить. Уточняем, в течение какого времени ждать ответ.
Обсуждение правок
Обсуждаем с клиентом список его правок, чтобы закрыть те, которые можно закрыть сразу.
Передача правок в производство
Собираем итоговые правки и комментарии от клиента в гугл документе и прикрепляем его к карточке клиента в Трелло, отмечаем ответственного за дизайн в комментарии «Правки по прототипу» через @nik.
3
производство
Дизайн внутренних страниц сайта
После окончательно утверждения дизайна главной страницы переходим к дизайну внутренних. Собираем все внутренние и одним комментарием прикрепляем все их сразу к карточке клиента в Трелло с комментарием «Дизайн внутренних страниц готов» и отметкой ответственного из отдела продаж через @nik. Важно:
Соответствие дизайну главной
Если на главной были чб фотографии, на внутренних не должно быть цветных. Если межстрочный интервал на главной был 1.2, на внутренних он тоже должен быть 1.2.
Полная перелинковка
Сразу делаем полную навигацию по сайту и внутренним, чтобы клиент мог взаимодействовать с ним полностью.
Шаблоны
Если предполагается самостоятельное заполнение клиентом некоторых страниц — делаем под них шаблон и размножаем его до нужного количества, сразу проставляя ссылки в навигацию и меняя названия страниц, чтобы клиент потом мог просто заменить текст/картинки.
4
отдел продаж
Утверждение всего дизайна целиком
После разработки всех внутренних страниц — отправляем готовый сайт на утверждение клиенту. Если все в порядке и сайт принят — переходим к адаптации и настройкам, прикрепляем ссылку на сайт к карточке клиента в Трелло, отмечаем ответственного за дизайн в комментарии «Дизайн всего сайта утвержден, можно приступать к адаптации» через @nik. Если у клиента есть комментарии и правки к дизайну делаем шаги:
Оформление правок
Просим клиента оформить список по пунктам того, что он хотел бы изменить с пояснениями, почему он хотел бы это изменить. Уточняем, в течение какого времени ждать ответ.
Обсуждение правок
Обсуждаем с клиентом список его правок, чтобы закрыть те, которые можно закрыть сразу.
Передача правок в производство
Собираем итоговые правки и комментарии от клиента в гугл документе и прикрепляем его к карточке клиента в Трелло, отмечаем ответственного за дизайн в комментарии «Правки по прототипу» через @nik.
раздел 4
Передача, адаптация, настройка, отзыв

1
Производство
Передача сайта на аккаунт клиента
После окончательного утверждения дизайна основной версии сайта — передаем сайт на оплаченный аккаунт клиента. Для этого:
Покупка аккаунта
Даем клиенту реферальную ссылку для регистрации: https://tilda.cc/?r=1285165 . Просим, чтобы он регистрировался и оплачивал тариф через нее.
Копирование сайта
Копируем сайт на нашем аккаунте на случай, если с передачей что-то пойдет не так.
Доступ к аккаунту
Просим у клиента доступ (логин и пароль) к его аккаунту Тильды и передаем на него копию сайта.
Made on
Tilda