И что об этом подумал клиент (спойлер: он в восторге)
Глава 1. От брифа до фрейма — без рук
Проект: лендинг для онлайн-школы, обучающей иллюстрации в стиле японской анимации
Задача: нежно, атмосферно, но без заезженной азиатской эстетики с сакурой и котиками
Мой эксперимент: весь цикл — от идеи до UI — делаю с помощью нейросетей. Я = арт-директор. ИИ = стая дисциплинированных джуниоров.
Глава 2. Анализ конкурентов? ChatGPT, работай
Первым делом я закинула в ChatGPT запрос:
“Сделай конкурентный анализ по сайтам онлайн-школ, обучающих digital-art. Важно: на английском и русском. Выдели слабые и сильные стороны.”
Результат? Таблица с анализом 10 сайтов:
— какие цвета используют,
— как строят оффер,
— какие CTA работают,
— где визуал лучше всего передаёт атмосферу.
Я бы вручную делала это полдня. Тут — 5 минут и уже есть база для moodboard'а.
Глава 3. Идея + позиционирование
Попросила GPT:
“Сформулируй уникальное позиционирование для школы, обучающей рисовать в стиле японского аниме, но с акцентом на сторителлинг и авторское видение.”
Результат (примерно в духе):
“Не просто рисовать как в аниме, а создавать визуальные миры, которые говорят сами за себя.”
Уточнили: “Понять себя через иллюстрацию”. Всё, у нас есть суть.
Глава 4. Название, нейминг, слоган
Промпт был такой:
“Придумай 10 названий онлайн-школы, вдохновлённых японской культурой, но без прямых клише. Формат — 1 слово, легко читается на русском и английском. Добавь варианты слоганов.”
Из вариантов понравилось:
"Hikari" (япон. “свет”)
Слоган: “Освети свой стиль” или “Нарисуй свет своей истории”.
Глава 5. Визуал: мудборд за 10 минут
С этим я пошла в Midjourney и Kandinsky:
“Anime style, soft colors, light through paper walls, brush texture, visual storytelling, minimal UI”
Сгенерировала мудборды, настроения, даже примеры иллюстраций, которые можно использовать как заглушки для сайта.
Глава 6. Цвета, шрифты, композиция
Загрузила мудборды в Khroma — нейросеть для подбора цветовых палитр. Он сам нашёл гармоничные сочетания и предложил нюансы: вместо банального розового — дымчато-лавандовый + сдержанный кобальт.
Шрифты тестировала с Fontjoy + Fontpair — и подобрала связку:
— заголовки: Cormorant Garamond
— текст: Inter
Почему так? Контраст между “авторским духом” и “читаемой современностью”.
Глава 7. Дизайн UI — с подсказками Notion AI
Создала структуру страницы с помощью Notion AI: он сам предложил логичную архитектуру лендинга. Я уточнила, какой блок зачем, и построила гриды.
Особый кайф: Notion сам расписывает тексты-заглушки, которые не выглядят как Lorem Ipsum, а уже полупродакшн.
Глава 8. Анимации и тизеры — Runway ML
Сделала тизер: кисточка скользит по бумаге, рождая анимешный силуэт. Всё собрано в Runway, + музыка с Soundraw AI. Видео отправила клиенту в welcome-письме — он сказал: “Я влюбился ещё до лендинга”.
Глава 9. Клиентская презентация
Использовала Gamma.app для презентации — это ИИ-презентатор, который сам расставляет блоки и предлагает логичный сторителлинг.
Упаковала весь кейс за вечер. Без Keynote. Без боли. С кайфом.
Глава 10. Результат (и инсайты)
👤 Реакция клиента:
“Вы как будто прочитали мой внутренний дневник — и сделали из него дизайн.”
Он не знал, что 90% сделала нейросеть. Я раскрыла карты позже — он предложил мне оформить соц. сети.
🎯 Выводы
- ИИ не заменил меня. Он заменил хаос, ступор и сто часов на Behance.
- Главное — задать точный вектор. Чем понятнее твоя идея, тем сильнее ИИ её разовьёт.
- ИИ = мышление в экстерьере. Ты не держишь всё в голове. Ты выводишь мысли наружу, и они формируются быстрее.
- Самый сложный этап — сделать первую кнопку. Остальное — дело промпта.