Как мы создали провокационный образ искусственного интеллекта без брифов и референсов

Казалось бы, как криповая голова с мозгами может быть связана с технологичным брендом? А вот может. Рассказываем о том, как мы доверились заказчику, а он нам, и разработали полный образ бренда: маскот, шрифтовой логотип и лендинг. Спойлер: все довольны результатом.

Привет! Это веб-студия Молния. Недавно завершили достаточно нестандартный интересный проект. Заказчик пришёл с необычной идеей: создать жуткого мультяшного 2D-маскота и разместить его на сервисном технологичном промо-лендинге. Вся команда была вовлечена в проект, и мы даже проводили несколько массовых брейнштормов. Обо всех действующих лицах расскажем позже, а пока пойдём по порядку.

К нам обратилась компания ProductBrain. Это AI-сервис, который позволяет описывать тысячи товаров всего в пару кликов. Работает очень просто и удобно: нужно импортировать характеристики через Excel-файл, задать настройки целевой аудитории и выбрать стиль текста, близкий к ToV бренда. Далее нужно немного подождать и получить готовые описания для карточек. Инструмент предназначен для крупных интернет-магазинов, которые тратят много времени и денег на заполнение карточек в каталогах. Нейросеть сейчас находится на стадии запуска, поэтому бренду нужна была айдентика и промо-лендинг.

Нейросеть будут использовать владельцы интернет-магазинов, маркетологи и SEO-специалисты, менеджеры продаж в e-commerce каналах, разработчики и дизайнеры сайтов, агентства по продвижению интернет-магазинов и маркетплейсов, дистрибьюторы с продажами в интернете. Но в большинстве случаев, конечно, копирайтеры или те, кто берёт на себя их функции. Так или иначе ЦА связана со сферой диджитал или продвижения, поэтому руки к креативу были абсолютно развязаны, что очень обрадовало нашу команду.

Заказчик Михаил занимается маркетингом уже около 20 лет, а 12 из них запускает разные IT-проекты в качестве основателя. И для некоторых этих продуктов айдентику и лендинг также делали мы. Поэтому с клиентом мы давно знакомы и взаимно доверяем друг другу.

Михаил сформировал гипотезу на основе своего опыта работы и общения с коллегами. На одну из первых встреч по ProductBrain он показал нам майндмэп с жуткой головой.

Этот образ заказчик увидел в будущем лого, потому что искал решение, которое будет выбиваться из классической привычной упаковки технологичного бренда. Что-то, что будет вызывать, возможно, диссонанс или даже вопросы. А значит привлечёт внимание к новому AI-сервису.

Конечно, гипотезу нужно тестировать, и Михаил был к этому готов, поэтому зашёл к нам на экспресс-разработку без правок как айдентики, так и промо-лендинга. С экспрессом за 3 рабочих дня можно получить лого, за 7 — готовый одностраничник. Итого, через 10 дней можно запускаться и начать получать первые результаты.

Наш руководитель проджект-менеджеров Катя и веб-дизайнер Наташа на обсуждении вводных данных в той самой голове разглядели Джека из «Кошмара перед Рождеством». Стиль Тима Бёртона как раз-таки приковывает взгляд своей эстетичной криповостью. Катя сразу поделилась наблюдениями, и заказчик поддержал идею сделать лого-маскот с ориентиром на подобный стиль. Решили действовать сразу без обсуждения референсов, потому что команда и заказчик прекрасно друг друга поняли, и было незачем тратить время на доп. созвон.

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

В нынешней реальности потребителя давно не цепляет чрезмерная «мягкость-пушистость» в образе бренда. История про красоту, дружелюбность и заботу работает, но уже практически никого не удивляет. Это будто стало данностью, что каждая компания должна транслировать подобное, и за счёт этого уже не получится выделиться.

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

Подобрали несколько примеров, чтобы объяснить, как это работает.

Пример 1. Логотип не всегда должен быть красивым

YouTube-блогер Руслан Усачев заказывал у студии Лебедева логотип для своего шоу «Пора валить». Сотрудничали с формате экспресса, лого рисовали с помощью нейросетки. Получился очень трешовый нестандартный визуал, который у блогера вызвал неоднозначные эмоции. Его отзыв на кейс: «Ну такое». С одной стороны, он пожалел деньги, которые вложил в разработку. С другой, вся эта ситуация его позабавила и стала инфоповодом для видео на канале. Его разбор результата работы набрал 2,6 млн просмотров и вызвал обсуждение в комментариях. Но Руслан на этом не остановился и заказал ещё одно лого, в два раза дороже. Эффект получил аналогичный, а новое видео набрало 1,5 млн просмотров. Аудитория была вовлечена в обсуждение, многие комментаторы просили выпускать подобные видео каждую неделю. Хоть и Руслан не оставил ни один вариант из предложенных, внимание к своему шоу он привлёк и собрал хорошие просмотры.

Пример 2. Логотип не всегда должен быть дружелюбным

В апреле этого года Twitter на сутки сменил синюю птичку на логотип криптовалюты Dogecoin. Это популярный в 2010 мем Doge с собакой сиба-ину, который использовался в сети для описания состояния или для растерянной реакции на какие-то обстоятельства. Логотип привлекает внимание за счёт того, что это простой народный мем из интернета со своим бэкграундом. Также эмоция собаки более жизненная, чем привычный однозначный позитив, что больше цепляет пользователей.

Пример 3. Логотип не всегда должен быть «под ЦА»

Фирменный стиль Фонда поддержки слепоглухих, организованный правительством РФ, сложно назвать заботливым по отношению к ЦА. Он полностью построен на тексте без каких-либо визуальных образов. Но главное — аудитория никогда не сможет его увидеть. Поэтому студия Супрематика при разработке сосредоточилась на смысловом наполнении, которое больше направлено на окружающую среду и поддержку близких людей ЦА.

Вернёмся к нашей задаче. Заказчик хотел уйти в подобное направление и подобрать более дерзкую и отчасти провокационную форму. Ему нужен был образ «не под ЦА», с нетипичной эстетикой и живой эмоцией. И криповая голова — как раз один из таких образов. Он в меру жуткий, что противоречит привычным логотипам и не ассоциируется напрямую с ЦА или продуктом.

Создали саркастичного персонажа со сложной эмоцией

После того, как проджект-менеджер Катя обсудила с заказчиком идею в стиле Тима Бёртона, она прибежала с горящими глазами к нашему графическому дизайнеру Кириллу и рассказала о задаче.

Предстояло реализовать задумку заказчика: 2D-маскот и отдельный шрифтовой лого. Этот вариант айдентики довольно сильно отличается от иллюстрации персонажа в самом логотипе. Маскот — это талисман бренда или герой. За ним стоит характер, который чаще всего получает своё развитие. Самый известный пример маскотов — Жёлтый и Красный из M&M’s. У каждого свои отличительные черты и мотивация. Персонаж в лого не имеет последующего развития, это образ в едином статичном изображении. Например, Алёнка на обёртке шоколада или Сирена в лого Starbucks.

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

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

В нашей идее жуткая голова не должна пугать. Она должна цеплять и провоцировать ЦА. Сейчас происходит бум нейросетей, и многие специалисты боятся, что искусственный интеллект их заменит. Ещё есть обратное мнение, что это всё баловство и нормальный результат невозможно получить от AI-сервисов. В целом равнодушных нет, поэтому мы хотели сыграть на этом настроении. Для этого наш маскот должен быть не добрым, и не злым, но он словно с ухмылкой говорит «Да ладно» или же Really? / «Серьёзно?».

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

Персонажу ProductBrain нужно было добавить чуточку самодовольства. В мультфильмах задающиеся герои часто говорят гнусавым голосом. Внешность это передаёт с помощью «носа кверху». Поэтому на эскизах приподняли ноздри маскота, чтобы образ был более надменным.

Далее на эскизах появились мозги-глаза. Для яркого акцента остановились на красном оттенке. Кириллу пришлось перебрать несколько вариантов размещения, чтобы избавить от слишком жуткого зрелища с вываливающимися глазницами. Также были попытки состарить маскота для более сурового вида: добавили морщины над бровями и на подбородке. Но от идеи отказались, потому что на образ это никак не влияло.

В итоге заказчику представили 2 версии маскота. Первый более самодовольный, говоря «Серьёзно?!», он слегка ухмыляется, игриво прищуривает глаза. Его немного удивляет и веселит просьба погенерить описания карточек.

На презентации показали также альтернативную версию. Это тоже не добрый и не злой персонаж. Его не веселит вопрос «Серьёзно?!», он больше скептически реагирует за счёт нахмуренных бровей и опущенных уголков рта.

Заказчик оценил первый вариант и остановился на нём. Характер маскота богаче, и здесь одновременно несколько эмоций. Ему понравился вайб иронии и смелости. У этого образа больше вариаций, Михаил даже представил героя в будущем стикер-паке с изображениями на все случаи жизни.

Итоговый вариант имеет цветовую вариативность для разных носителей. Его также можно разобрать на запоминающиеся элементы или использовать в виде эмодзи.

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

При подготовке презентации Кирилл вспомнил подход бренда VIZIT к рекламе продуктов. Они берут актуальную тему, фильм или мультфильм и адаптируют фразы под рекламу. В контексте продукта получается пошлая шутка. Для ProductBrain переняли идею адаптации актуальных тем и мемов и слегка надменное обращение к читателю, но без пошлости, и придумали фразы для нашего самодовольного маскота.

Один из мемов появился случайно. Среди заезженных гипсовых статуй на Unsplash встретился «Мыслитель». Маскот здесь переворачивает даже чисто визуально смысл скульптуры, а фраза добавляет сарказма и отправляет камушек в огород копирайтеров. Так заодно раскрывается преимущество ProductBrain — нейросеть пишет тексты в 160 раз быстрее копирайтера.

Ещё одно преимущество ProductBrain в том, что сервису можно скормить листинг товаров в виде Excel-таблицы, и он быстро выдаст описания всех продуктов. Здесь вспомнился легендарный мем с «Риком и Морти» — «вошёл — вышёл, приключение на 20 минут», который круто обыгрывается с маскотом.

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

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

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

Если говорить об анатомии шрифта, открытость букв, например, «a» или «c», позволяет подсознательно передать конечному потребителю, что сервис открыт к общению с ними. Также это поддерживает строчное написание названия бренда, которое пользователь считывает как что-то близкое и доступное. Получился легко считываемый вариативный логотип.

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

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

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

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

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

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

Михаил пришёл на разработку сайта со своим текстом. В этом вопросе мы также доверились его опыту и экспертности в маркетинге и в нише IT-продуктов.

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

В сотрудничестве «без брифа и референсов» важно обоюдное доверие. При таком раскладе проджекту достаточно собрать вводные данные и поставить задачу в работу.

Если клиент открыт для новых идей и горит своим делом, то команде исполнителей всегда проще понять настроение будущего лого, дизайн-концепции или Tone of Voice в копирайтинге. Но бывают ситуации, когда мэтч наступает не сразу, или сложно уловить образ, который компания хочет транслировать. В таком случае референсы будут отличной подстраховкой для выбора верного направления. С кейсом ProductBrain все сложилось и результат радует как сторону заказчика, так и нашу команду.