Сделали 3D-дизайн для брокера в Midjourney и сэкономили 80% бюджета

В новом проекте перед нами встала задача: внедрить 3D-иллюстрации без бюджета на 3D-художника. Решили использовать для этого Midjourney. Создали свою библиотеку промптов, которая позволяет генерировать 3D-изображения не хуже, чем это сделал бы иллюстратор. В статье рассказываем, как создавали дизайн для Telegram-канала брокера.

Привет! Это команда digital-агентства Advertalyze. Мы занимаемся контент-маркетингом, SMM и performance-продвижением. А еще создаем дизайн для соцсетей и лендингов. При создании дизайна ищем оптимальные решения для заказчика, которые помогут достичь цели при минимальных ресурсах. Как это удается сделать, расскажем в кейсе.

Go Invest — это брокер нового поколения для крупных инвесторов и активных трейдеров. Дает клиентам возможность инвестировать в российские и иностранные бумаги на Московской бирже и на внебиржевом рынке.

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

Задача. До работы с нами у Go Invest не было сообществ в социальных сетях и дизайна для них тоже. Поэтому нужно было создать дизайн для соцсетей с нуля. При этом сохранить преемственность бренда и отразить премиальность брокера.

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

• У Go Invest не было брендбука, на который можно опираться при создании дизайна для соцсетей. Единственным носителем дизайна был сайт. Заказчик не хотел отходить от изначальной айдентики бренда, поэтому 3D, цветовую палитру и шрифты нужно было сохранить в новом дизайне.
• Мы были ограничены в бюджете. Запуск соцсетей — это тестовая история, в которую не хочется сразу вкладывать много денег. Да и для достижения результата это и не нужно. Поэтому мы искали способ, как сохранить 3D-иллюстрации и при этом не спустить весь бюджет.

Сначала определились с элементами, которые нужно перенять у существующего дизайна. Это сочетание шрифтов, цветовая палитра и 3D-иллюстрации. От этого набора отталкивались в дальнейших решениях.

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

Подобрали референсы, которые наиболее точно передают концепцию проекта: это IT-компании, digital-агентства. Эти бренды используют актуальные в дизайне приемы, которые позволяют осовременить бренд и подчеркнуть инновационность.

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

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

• Третья концепция. Упор ставили на градиенты, а также абстрактные яркие фиолетовые формы, сгенерированные нейросетью. Выглядит ярко, эффектно и запоминающейся.

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

• Чистый дизайн, без излишних украшательств → чаще всего премиальные бренды не используют много деталей и декоративных элементов, придерживаются минимализма.
• Аккуратная типографика и структурная верстка → следует из чистого дизайна.
• Градиенты → ассоциируется с IT-брендами и передает дух технологичности;
• 3D-графика → тоже закрепилась за современными цифровыми компаниями.
• Использование дивайдеров и иконок → минималистичные декоративные элементы позволяют разнообразить визуал, но не уйти в пестрый и кричащий дизайн, не свойственный премиум брендам.

Понимали, что без 3D в этом проекте обойтись будет сложно: и у клиента есть запрос, и под тематику компании подходит. Перед нами встал вопрос: как внедрить 3D без бюджета на 3D-иллюстратора.

Решили попробовать генерировать 3D-иллюстрации в Midjourney. Сравнили цены и временные затраты на 3D-иллюстратора и генерацию в Midjourney.

Цены на 3D-иллюстрации разнятся: можно найти услуги за 5 тыс. ₽, а можно и за 45 тыс. ₽. Взяли среднее по рынку и сравнили преимущества и недостатки Midjourney и 3D-иллюстраций. Плюсы и минусы есть у обоих вариантов, но решающим фактором для нас была цена. Посчитали экономику проекта и остановились на Midjourney.

Начали генерировать изображения. Сперва работали над декоративными иллюстрациями для обложек постов: 3D-абстракциями. За референс взяли иллюстрацию на главной странице сайта: 3D-фигуры в цвете металлик. Эти фигуры планировали использовать как акцентные элементы, которые разнообразят дизайн и сделают его запоминающимся.

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

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

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

Параллельно с разработкой 3D-изображений, мы работали над основой дизайна для соцсетей: шрифтами, цветами, шаблонами для обложек постов и карточек. Старались привнести новое и сохранить айдентику бренда.

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

Дальше работали над шаблонами для постов: композицией и декоративными элементами. За основу брали градиенты, дивайдеры и стрелки. Использование этих элементов фирменного стиля в совокупности с чистыми фонами и композицией передает технологичность и премиальность бренда.

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

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

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

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

Из примечательного: пока работали над дизайном, заказчик внутри разрабатывал брендбук. И оказалось, что предложенный нами дизайн очень похож на айдентику, которую видел в своей голове заказчик. It’s a match :)

Как вы используете нейросети для дизайна? Делитесь в комментариях 👇🏻

Если вам понравился материал, еще больше кейсов можете посмотреть на сайте Advertalyze: