Сложность:

Володя Муравьёв: прокачался в дизайне при помощи ИИ, теперь беру сложные задачи

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

Опыт с нейросетями: я познакомился с ИИ не так давно — в основном использую ChatGPT, Grok и Midjourney. Они мне больше всего подходят для творчества. Долгое время я не погружался в тему нейронок, но сейчас понял, что они здорово облегчают жизнь и помогают делать то, чего сам не умеешь.

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

Переложил анимации на ИИ

В дизайн я пришёл из вёрстки — я клепал много лендингов по готовым макетам. А теперь сам полностью конструирую сайты. И самая больная вещь для меня — это разные анимации, крутилки-переливания-всплывашки. Бывает, чтобы сделать одну кнопку красивой, часами сидишь в интернете и ковыряешь CSS.

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

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

Вставляю код из нейронки — и оно работает! Анимация магическим образом появляется 🙂

Наладил отслеживание UTM при помощи ChatGPT

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

— Чёта там ютмка слетает, когда человек на оплату переходит. Потом непонятно, откуда он пришёл и купил курс

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

Интуитивно я понимал, где кроется проблема: лендинг стоит на одной странице, а страница оплаты — на другой. Скорее всего, в этом и был конфликт. Я описал вводные нейронке вот с таким промптом:

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

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

Заменил иллюстратора на ИИ

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

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

С нейронками всё стало в разы проще: показал ИИ задачу, а он её решил под твой запрос. Теперь разделяю так: Midjourney использую для «художественных» стилей, а ChatGPT — для мультяшных рисовашек и заготовок по референсам. Но не без приколов, конечно:

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

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

Использую нейронки, чтобы решать ультрасложные задачи

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

Приходит ко мне Илья Ерёмин с новым курсом для «Сделаем» и говорит: «У меня есть идея — давай создадим лендинг в стиле „Крёстного Отца“. Только вместо персонажей будут члены нашей команды». Честно сказать, будь у меня в арсенале только фотошоп, я бы просто слился — но с ИИ грех не попробовать.

Сейчас уже не откопаю промпт, но я давал Midjourney референс и просил объединить с фотографией, которую прикрепляю. Получалось что-то из мемов «ожидание / реальность»:

Я ковырялся с промптами несколько часов, но при малейшем изменении запроса, ИИ превращал Рому Морица в головореза из мафиозной группировки:

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

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

Весь процесс у меня занял примерно с 9 утра и до 3 часов ночи. Но результатом я остался всецело доволен — пожалуй, в фотошопе я бы провозился минимум неделю. И то, не факт, что получилось бы так же прикольно.

Нейронки серьёзно помогают мне в работе

В сухом остатке, с ИИ у меня получается сильно больше, чем без него. Я беру задачи, которых раньше бы побоялся — а это новая ответственность, новые клёвые кейсы и рост в доходе.

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

Про эти кейсы я рассказывал в чате «Нейроцеха»

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