Реалити-шоу по упаковке курса "Уроки кармы"

День 1. Какой прием поможет быстро включиться в настроение проекта? Создание словесного мудборда.

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

🔺 древняя Персия, старые мудрецы, орнаменты, Восток и запад, глубокие цвета (индиго, золото) – настроение проекта от команды Вании

🔺 современность, легкость, вдохновение, юность, таинственность – настроение проекта от команды Марго

Кстати, один из методов подбора референсов и составления мудборда – формулировка ассоциаций.

Попробуйте в следующий раз при создании мудборда проекта построить два порядка ассоциаций:

Ассоциации первого порядка – часть проекта или то, что к нему непосредственно относится. Ассоциации второго порядка – то, что находится вокруг проекта, его контекст.

Пример: я создаю упаковку курса по карме.

Ассоциации первого порядка – обучение, видеоурок, медитация, лампада, лотос, кармический урок.

Ассоциации второго порядка – духовность, предназначение, энергия, просветление, неизбежность, очищение, ключи и замок, облака.

Зачем нужна проработка ассоциаций?

• легче настраиваться на создание графики для проекта (искать фото или придумывать иллюстрации)
• легче выбирать цветовую гамму и шрифты
• легче «включиться» в создание проекта с эмоциональной точки зрения

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

Как мы согласовываем стиль с Марго?

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

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

Решение:

Марго записывает аудио, как видит и чувствует проект. Отправляет фото или доску на Pinterest. Я формирую из ее мыслей цельный образ, сразу согласовываю и вуаля ✨ Понимание стиля готово. Занимает не более 10-15 минут.

Как вариант, можно назначить созвон с обсуждением стиля. Самое главное – быть на одной волне с вашим заказчиком. И в момент форс-мажора – если в конечном итоге что-то не понравится, быть готовым быстро включиться в ситуацию и придумать компромиссное решение.

Итак, дано

Интересно, что же получится?

День 2. Это оказалось сложнее, чем мы думали…

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

То, что мы решили точно – это будут иллюстрации!

Как мы взаимодействуем с иллюстратором?

Если сроки сжатые, ТЗ – краткое и с максимальной визуализацией.

Алгоритм согласования стиля с иллюстратором

1. Выбираем стиль рисовки: флет / контурная / реалистичная… У меня есть даже доска на Pinterest с иллюстрациями разного стиля. Очень удобно скинуть заказчику, чтобы он наглядно выбрал — https://pin.it/62Bf1SK
2. Анализируем текстовое ТЗ для сайта, чтобы придумать сюжет иллюстрации, ее масштаб и сочетаемость картинок между собой. Обычно в ТЗ всегда есть иллюстрация на первый экран, иллюстрация для визуализации большого объема текста, иллюстрации / иконки для иллюстрации списка пунктов.
3. Ищем референсы для сюжета иллюстрации. Это может быть как рисунок, так и просто фотография, которую можно взять за основу.
4. Отправляем иллюстратору и референсы стиля, и референсы сюжета. Подкрепляем текстом из ТЗ, цветовой палитрой и акцентами.

Итог стиля для бесплатного мастер-класса

Сайт мастер-класса получился идеальным слиянием двух команд: Марго и ее духовного наставника Вании.

Иллюстрации ближе:

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

Вот, что получилось

День 4. Об анализе текстового ТЗ

Сегодня о том, как я расставляю акценты в дизайне и анализирую ТЗ, которое получаю от части команды, которая создает тексты и смыслы.

Есть несколько вариантов:

• копирайтеры расставляют акценты в ТЗ, выделяя фразы или слова жирным или добавляя небольшой комментарий «Жирным» / «Важно».
• я в процессе дизайна изучаю тексты, выбираю то, что кажется самым важным.
• после создания дизайн-проекта одни из правок – это расстановка акцентов.

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

Работа с прототипировщиком

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

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

Да, несомненно, дизайнер должен уметь креативить и создавать структурный проект даже из «полотна текста». Но иногда это, действительно, упрощает жизнь. Главное – найти достойного специалиста и заранее предупредить заказчика о дополнительных расходах.

День 5. Советы для продуктивности

1. Работа – это привычка. Сначала вам, скорее всего, будет сложно работать много и в сжатые сроки. Но помните, что это просто процесс привыкания к новому режму. Есть два маленьких совета: увеличивайте рабочую нагрузку постепенно – от часа-двух до полного рабочего дня; терпение: через 3-4 месяца ваш организм привыкнет, появится привычка.
2. Упрощайте работу, чтобы не тратить время на мелкие настройки. Для меня это – сетка, чтобы не было недочетов с отступами. Стили текста: заголовок, подзаголовок, основной, жирное выделение. Стили цвета, особенно градиентов. "Шаблон" собственного создания, который спасает в создании похожих проектов. Материалы (текст, картинки – в данном случае орнаменты) уже скачены и находятся под рукой.
3. Музыка на фоне, действительно, поднимает настроение, приятная мелочь. Например, lo-fi, спокойная музыка, которая не заставляет отвлекаться. Или плейлисты Яндекс.Музыки на любой вкус.
4. Баланс во всех сферах. Чтобы чувствовать себя энергично и работать эффективно и без выгорания, нужно хотя бы немного, но уделять время другим сферам. Сделайте зарядку, позвоните другу, посмотрите фильм, хорошенько ОТДОХНИТЕ! И работать будет легче ✨
5. Как бы банально не звучало, но – любите свою работу. Мне кажется, большое преимущество нашей команды, которое двигает нас вперед, – мы любим то, что делаем. Или инициируем так, чтобы получить задачи, которые будут вдохновлять.

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

День 6. Согласование стиля для платного курса

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

Задача

Создать сайт для объемного проекта – курс по карме.

Этапы согласования

1. Стиль. Цветовая палитра, иллюстрации, акценты и детали. Шрифт согласовали год назад, и год он работает на нас всегда. Спасибо, Montserrat 🥺

2. Текстовое ТЗ для сайта. Полностью ли раскрыта тема? Закрыты ли все возможные вопросы? Учтены ли маркетинговые триггеры?

3. ТЗ для иллюстратора на основе текстов.

4. Первый экран сайта – мобильная версия и версия на 1440px. Дизайн в Figma. В этом пункте охватываем и согласование готовых иллюстраций в контексте сайта, и сам сайт.

5. Дизайн 2-8 блоков в Figma – мобильная версия + 1440px. По очереди.

6. Сборка на Tilda, сайт полностью, анимация.

Итого

Готовый сайт без нервов и недопониманий 😇

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

Мораль

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

День 8. Полезный список сервисов и приложений, которые советую использовать в работе

Для документов и встреч

• Google Docs, Google Drive, Google Sheets, Google Slides – храненение файлов или документов.
• Также текстовый прототип на сайты иногда создается в Word, – там есть очень удобная функция визуализации правок, чтобы сразу понимать, что было исправлено.
• Заметки от Apple, стандартное приложение. Иногда хочется написать что-то именно в заметках. Минимум функций, каждая из которых постоянно используется, простой интерфейс.
• Конечно, же ZOOM для планерок.

Для дизайна, планирования и не только

• OBS для записи видео вместе с презентацией или для прямого эфира (вебинара).
• При дизайне у меня всегда открыт сайт compressPNG / compressPDF, чтобы сжать фото для сайта или готовый гайд, например.
• Задачи закрепляю в Todoist. Нравится, что есть синхронизация с телефоном, планирование на несколько дней вперед и возможный повтор задачи каждые сколько-то дней.
• XMind для составления майнд-карт. Чтобы придумать ядро проекта и вытекающие задачи; поставить цели; распределить, например, контент этого телеграм-канала.
• Мы привыкаем к Trello. Обычно все задачи ведем в чатах, закрепляя все в сообщениях или майнд-картах, но сейчас пробуем более четкую систему.

Для души

• Конечно, Pinterest
• И приложения для подкастов: Яндекс.Музыка и "Подкасты" для iOS

День 10. Итоги

Второй этап реалити получился менее информативный, чем первый, потому что задач так много, что непонятно, как про них рассказать и все структурировать. Но итог всех порадовал: