Cтатья для тех, кто идет на переговоры с маркетологами и хочет быть во всеоружии. Или для тех, кто услышал профессиональный жаргон и постеснялся переспросить.
Представим, что Леонид — руководитель небольшой фабрики по производству стульев. Он решил переделать сайт и запустить рекламу с агентством.
На созвоне с проджект-менеджером Мариной у него произошел вот такой диалог:
— Леонид, сейчас приступаем к работе по сайту. Если успеете прислать референсы до конца дня, мы сможем согласовать мудборды и после 10-го уже вышлем прототип. Запустим сайт и начнем готовить офферы. Все сроки закреплены в таймлайне, его вышлем к вечеру.
Несмотря на то, что Леонид — матёрый профессионал, он чувствует себя так, будто ему 80 лет и он отстал от жизни.
К сожалению, не все термины можно полноценно заменить аналогами из русского языка. Давайте побудем переводчиками и разберемся, что Марина имела ввиду.
1. Таймлайн
Документ, который проджект создает на старте проекта. В нем прописываются по шагам направления работ, задачи, сроки и закрепляются ответственные. Такая схема структурирует работу команды.
Леонид откроет таймлайн и увидит, что происходит в проекте — сколько времени уйдет на логотип, когда отправить информацию про технологию производства, когда будет готов сайт, и что произойдет потом.
Так выглядит таймлайн или дорожная карта проекта
2. Оффер
Оффер — конкретное и краткое предложение продукта или услуги + выгоды для клиента. Обычно не занимает больше одного предложения и содержит ясные условия сделки или приобретения товара.
Задача — зацепить целевую аудиторию ценностью продукта и замотивировать купить или оставить заявку.
Как распознать оффер:
- Демонстрирует достоинства и выгоду продукта или услуги:
«Двухкомнатная студия 41,8 м2 всего за 19165 руб/мес! Ипотека 0,01% — дом класса комфорт-плюс!».
- Имеет ограничение по времени:
«Акция! Биоревитализация + увеличение губ Только до 01.07! Количество мест ограниченно!».
- Описывает конкретный достижимый результат после приобретения товара:
«Влезьте в джинсы уже после 1 процедуры ULFIT — делает живот плоским всего за 40 минут».
Когда будет готов сайт, Леонид согласует офферы, их поместят на объявления и запустят рекламу.
3. Прототип
Это «скелет» сайта, его основа и фундамент.
Цель — показать, как будут взаимодействовать друг с другом блоки на сайте, их размер и последовательность.
Прототип помогает сфокусироваться на смысле и продумать именно логику сайта без упора на дизайн. Это нужно, чтобы не допускать ошибок проектирования на более поздних этапах разработки.
Почему это важно?
- Прежде чем начать работу с визуалом, нужно определиться с информацией. Прототип позволяет заранее продумать, сколько нужно текста.
- Во время подготовки можно проработать несколько гипотез. Например, куда лучше расположить кнопку, виджет или блок.
- Прототип можно быстро изменить. На прототипе дизайнер может увидеть, что логика сайта нарушена и не видно ключевой блок с акциями. Тогда нужно заново продумать структуру и заменить элементы. Это легче и быстрее сделать, когда работа по дизайну еще не началась.
Прототип сайта для проекта «Бочкарев group». Посмотреть, что получилось
4. Исходники
Это оригинальные материалы как от клиента, так и от исполнителя.
Самые частые случаи:
- Если проджект Марина скажет Леониду: «Отправьте, пожалуйста, исходник фото».
Это означает, что нужно отправить файлы от фотографа в формате RAW. Они содержат необработанные данные, поэтому лучше редактируются.
- Если Марина скажет: «Отправьте, пожалуйста, исходник лого». Она просит прислать файл той программы, в которой создавался логотип. Например, figma, Adobe Photoshop, Adobe Illustrator, Sketch, CorelDRAW.
Зачем? В исходник можно вносить изменения: передвигать элементы местами, поменять размер, что-то дописать или убрать. Такой файл хранит информацию по слоям, где элементы находятся отдельно друг от друга и можно безболезненно трансформировать.
Сбитый файл нельзя менять подобным образом. Пусть макет и хороший, но это рисунок на цельном листе бумаги.
5. Мудборд
Или дизайн-концепт. Не путать с референсами.
Мудборд — несколько референсов на одну тематику, собранных на одной доске. Отсюда moodboard — доска настроения.
В основе лежат фотографии, паттерны, цветовые схемы.
Мудборды помогают определить будущий визуал и акценты (цвета, элементы), но это еще не макет. С помощью них создают настроение сайта: будет он серьезным или веселым, ярким или сдержанным, элитарным или демократичным. Обычно отправляется от 3х до 5ти вариантов.
Наши мудборды для сайта «Fresco». Вот какой выбрал заказчик
Кажется, мы перевели все термины. Теперь у Леонида больше не возникнет неловких моментов в коммуникациях. А про референсы ещё будет отдельная статья.
Напишите в комментарии, какие термины разобрать в следующий раз?