Чат-бот в стиле ретрокиберпанк от студентов Contented: эксперимент, который удался

Кодеры и дизайнеры объединились

К менторам Contented пришла Мария Станкевич, продюсер Фэктори — платформы Skillfactory, где студенты под руководством экспертов решают реальные задачи компаний. Она предложила эксперимент: собрать команду разработчиков и студентов-дизайнеров Contented, чтобы они вместе придумали полезный продукт.

Ребятам было нужно создать сервис-помощник для креативных агентств на базе искусственного интеллекта. Сервис должен помогать маркетологам и креаторам: набрасывать идеи для проекта, делать саммари длинного текста или изучать рабочую задачу с разных сторон.

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

Сочетали высокие технологии и человечность

Главная идея проекта — сочетание высоких технологий и человечности. Это отражено в названии сервиса Deepline. Команда вдохновлялась историей первого компьютера Deep Blue, который обыграл гроссмейстера Гарри Каспарова в 1997 году, а еще Deep Thought — названием компьютера из книги «Автостопом по галактике» Дугласа Адамса. Во вселенной писателя он дает ответ на «главный вопрос жизни, вселенной и вообще». Элемент line ассоциируется с фразой life line, подчеркивая связь с миром человека.

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

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

Вдохновлялись ретроаниме

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

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

Долго мучались, чтобы элементы встали как надо

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

Сначала придумали персонажа для стартовой страницы. Важное условие — использовать нейросети для генерации картинок и графических объектов. Все промпты Карина писала сама. Она генерировала иллюстрации с помощью нейросетей Midjourney и Кандинский.

После этого дизайнер наложила элементы на каждый прототип интерфейса — окно авторизации, чат, шаблоны промптов, ошибки.

Не согласовали первый проморолик

Участники проектной команды часто работают параллельно — закрывают задачи, которые появляются на этапе спринта. Одной из них был рекламный ролик Deepline, над которым работала моушн-дизайнер Настя.

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

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

Сейчас каждый может протестировать Deepline

У команды получилось создать готовый сервис на базе ChatGPT 3.5. Сейчас каждый может зайти и протестировать чат, даже если не знает, как работать с нейросетями. 

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

А еще чат может искать и анализировать идеи для проектов. Команда создала несколько запросов для брейншторминга. Один из них — «Метод “Шести шляп”». Это метод работы с информацией, который помогает посмотреть на идею с разных сторон и выбрать лучшее решение. Его разработал психолог Эдвард Боно.