Искусственный интеллект заменит многих, но не всех. Опыт digital-агентства

Искусственный интеллект заменит многих, но не всех. Опыт digital-агентства

С чего начинался ИИ

Наша студия SLINKOV.Design очень много работает с данными. Исторически, мы выросли из внедрения систем бизнес-анализа, финансового моделирования и бюджетного планирования. Каждый проект связанный с технологиями BI заключается в том, чтобы хаотичные данные превращать в нормальные. И на этом пути без машинного обучения, без NLP и без компьютерного зрения не обошлось. Со всякими TensorFlow, PyTorch и Keras тоже помучились задолго до нынешнего хайпа.

Из всего этого мы плавно перешли в дизайн, в том числе в дизайн данных. И вот однажды… Мне некому было поручить, казалось бы, простую веб-анимацию. Открыл ChatGPT и сделал буквально следующее:

ИИ в программировании

Чтобы получать от ИИ действительную, в том числе и материальную, пользу, нужно уметь в промптинг. На английском очень хорошо учат промптингу Ruben Hassid и Tibi David. А на русском у Александра Горного есть целый бесплатный по промптингу курс.

Итак, на дворе ночь, а утром мне предстояло показать клиенту новую анимацию ака концепцию героя нового сайта. Наученный суровым опытом общения с ChatGPT, я сначала открыл Google Doc и в нем начал описывать задачу сразу на английском, чтоб уж наверняка. Вот как это выглядело:

Act as a front-end developer. Make an animation resembling a vertical carousel of screenshots. So, we have three screenshots 459px X 255px each. We have top, middle, and bottom horizontal positions. The top is on Y = 40px, the middle is on Y = 120px, and the bottom is on Y = 190px.

Screenshot #1 is in the top position, Z-index 0, opacity 20%, scaled to 80%. Screenshot #2 is in the middle position, Z-index 1, opacity 100%, scaled to 100%. Screenshot #3 is in the bottom position, Z-index 0, opacity 20%, scaled to 80%. All screenshots are center aligned.

Each phase of looped animation is 2s long.

Phase 1 - wait for 2 seconds. Nothing changes.

Phase 2 - Screenshot #2 goes to the bottom position, changes to opacity 20%, scale 80%, Z-index 0. Screenshot #1 goes to the middle position, changes to opacity 100%, scale 100%, Z-index 1. Screenshot #3 goes to the top position, changes to opacity 20%, scale 80%, Z-index 0.

Phase 3 - wait for 2 seconds. Nothing changes.

Phase 4 - Screenshot #1 goes to the bottom position, changes to opacity 20%, scale 80%, Z-index 0. Screenshot #3 goes to the middle position, changes to opacity 100%, scale 100%, Z-index 1. Screenshot #2 goes to the top position, changes to opacity 20%, scale 80%, Z-index 0.

Phase 5 - wait for 2 seconds. Nothing changes.

Phase 6 - Screenshot #3 goes to the bottom position, changes to opacity 20%, scale 80%, Z-index 0. Screenshot #2 goes to the middle position, changes to opacity 100%, scale 100%, Z-index 1. Screenshot #1 goes to the top position, changes to opacity 20%, scale 80%, Z-index 0.

Только я нажал клавишу Enter, ИИ сразу же выдал:

HTML

HTML-код сгенерированный ИИ
HTML-код сгенерированный ИИ

CSS

Кусок CSS сгенерированный ИИ
Кусок CSS сгенерированный ИИ

И (о ужас!) JavaScript:

Кусок JS сгенерированный ИИ
Кусок JS сгенерированный ИИ

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

Ну, во-первых, AI обозначил три скриншота с точными размерами. Затем он задал область моей карусели. Далее определены общие параметры всех трех скриншотов. И только после этого задаются уникальные особенности каждого плейсхолдера: верхнего, среднего и нижнего. Не будем путать плейсхолдеры и скриншоты. AI предлагает поместить один из моих скриншотов в первый плейсхолдер… и так далее. Всё, как я просил. 86 строк кода. Круто!

Кому интересно посмотреть весь код, у вас есть два варианта: скопировать постановку задачи и скормить её своему аккаунту ChatGPT или же пройти по ссылке тут.

Дальше я вставил этот код в конструктов сайтов, указал настоящие пути к скриншотам, опубликовал и вуаля — клиенту понравилось!

Вот такая каруселька в итоге получилась:

Карусель сгенерированная ИИ. Но! ТЗ составлял человек))

Этот случай привел нас к тому, что для фронт-ендных эффектов нам не нужны живые люди. Современные дизайнеры и менеджеры проектов по любому должны владеть основами HTML, CSS и JS. Поэтому… зачем тратить время на разработчиков-стажеров?

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

Теперь перейдем к текстам.

ИИ в копирайтинге

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

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

Более того, дальше идёт очень тяжелая работа менеджеров с обеих сторон. С этой работой, конечно же, никакой ИИ не справится. Но сырьё для такой работы генерится без проволочек!

Попробуйте для копирайтинга платный ИИ в Notion и Chatsonic.

ИИ в дизайне

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

И снова ИИ «убивает» младший junior штат. Зато это очень интересно и в жизни дизайнеров появилась новая веха, новый скилл и новые впечатления.

Для наглядности я запихнул данную статью для вас в небольшую презентацию:

И всё же, кого ИИ заменит и когда?

Глядя на постановку задачи про карусель из скриншотов, я понял, что самое ценное здесь кроется именно в ней — в постановке. Услышать чего действительно хочет клиент и перевести это в задачу для ИИ — в этом нас еще долго (а возможно и никогда) не заменит никакой ИИ.

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

PS

Скромный телеграм-канал тут Marketing guru.

Возможно, вам так же будет интересно почитать на vc.ru: Сможет ли искусственный интеллект прекратить авиакатастрофы?

44
Начать дискуссию