⚙ Как собирать сайты в Claude Code

Они отлично стартуют. И где-то посередине , застревают. Расскажу, почему это происходит. И где именно провисает цепочка. ▪️Начало дизайна : нейросети работают блестяще Концепция, мудборд, поиск образов, цветовые решения, референсы, здесь ИИ настоящий партнёр. ChatGPT генерирует идеи за минуты. Midjourney и Nano Banana создают атмосферу коллекции. То, на что раньше уходили недели поиска, теперь несколько итераций промптов. Старт всегда выглядит вдохновляюще. Финал - нейросети снова на высоте Предпродажная подготовка, контент, маркетинговые материалы, карточки товаров, виртуальный лукбук, анимация здесь ИИ закрывает задачи, на которые раньше нужны были фотограф, модель, студия и бюджет. Aidentika, NewArc, Kling всё это работает. Результат убедительный. А вот посередине - провал Между вдохновляющей концепцией и красивым контентом есть один этап, который нейросети не закрывают. Технический рисунок. Перевод идеи в производственный документ. Тез док где каждый шов на своём месте, каждая застёжка выполнима, каждая деталь обработана технологически корректно. Этого не умеет ни одна нейросеть. Ни ChatGPT, ни Fermat, ни Style3D при всех своих возможностях. Потому что это не визуальная задача. Это инженерная. ❕ И именно здесь обученный специалист с Adobe Illustrator становится незаменимым звеном цепочки. Тем, кто берёт красивую картинку и превращает её в документ, по которому реально можно сшить. Схема выглядит так: ИИ → концепция и образы → дизайнер + Illustrator → технический рисунок и тех пак → ИИ → контент и визуализация Уберите среднее звено - и цепочка рвётся. Именно об этом я буду говорить на ближайшем вебинаре - как выстроить рабочую связку ИИ и профессиональных инструментов так, чтобы каждый из них делал то, что умеет лучше всего. Регистрация 👉🏻 ССЫЛКА

▪️ Не вместо рисунка и живописи. Не вместо пяти лет института и красного диплома. А рядом, как инструмент для обкатки идей. Я бы генерировала концепции за вечер, которые раньше занимали недели поиска. Пробовала бы десятки направлений и выбирала лучшее, а не первое, на которое хватило сил и времени. Знаете, что меня больше всего раздражает в разговорах про нейросети?👇🏻 Фраза «ИИ не про творчество». Это говорят люди, которые не пробовали по-настоящему. Или пробовали неправильно: написали «нарисуй красивое платье» и получили что-то среднее. ИИ - это фантазия в чистом виде. Только направляй. ➡️ Покажу на примере. Я взяла концепцию, которая звучит как студенческое безумие в хорошем смысле: гранж-люкс коллекция «Царевна-лягушка». Что это значит в образах? Болотные оттенки — изумруд, тина, чёрный, встречают шёлк и парчу. Рваные края и сырые фактуры соседствуют с золотым шитьём. Сказочный архетип переосмыслен через современную провокацию. Лягушачья кожа как принт на люксовом тренче. Корона как аксессуар к гранжевому комбинезону. Это то, на разработку чего у студентки уходили недели мудбординга. Сейчас это несколько итераций промптов. И в руках уже визуальная концепция, цветовые решения, силуэты, настроение. Дальше - Illustrator, технический рисунок. Потом - производство. ИИ не заменил ни один из этих шагов. Он просто дал крылья на старте. ➡️ Именно поэтому я учу работать с нейросетями, не вместо профессиональной базы, а поверх неё. Сначала понимаешь конструкцию, потом ИИ становится настоящим творческим инструментом. Если  хотите больше разобраться в ИИ - забирайте 50 нейросетей, которые помогут в дизайне и творчестве. Переходите по ссылке и забирайте подборку: https://fvdesign.ru/50neiro

Екатерина Соловьёва собрала подробный гайд по тестированию прототипов. Ранняя проверка помогает найти проблемы в сценариях и навигации до того, как решения попадут в код и станут дорогими в исправлении. Бумажные наброски подходят для проверки общей идеи и структуры. Интерактивные схемы помогают пройти основные сценарии, а подробные прототипы нужны для проверки текстов, визуала и мелких взаимодействий. Во время тестов стоит фиксировать успешность задачи, время, ошибки и места, где пользователь останавливается или уходит. Внутри: – Как выбрать детализацию прототипа под задачу исследования; – Когда использовать юзабилити-тесты, интервью и экспертную оценку; – Как подготовить сценарии, метрики и участников; – Какие ошибки команды допускают при проведении тестов; – Как проверять доступность интерфейса ещё до разработки. ➡️ Читать статью ——— 💻 Вакансии в IT и digital 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Год назад я снимала контент так, как снимают большинство. Планировала день съёмки, готовила образ, выставляла свет, делала дубль за дублем. На один нормальный ролик уходил полдня. Иногда больше. ▪️ Потом я начала экспериментировать с ИИ-роликами. Не потому что было модно. Потому что у меня не было времени на полноценные съёмки каждую неделю, а контент нужен был регулярно. Первые попытки были кривые. Движения неестественные, результат непредсказуемый. Но я продолжала разбираться, с промптами, с настройками, с тем, как подавать материал. И вот что я заметила. ❕ Короткий ИИ-ролик - 15–30 секунд с анимацией изделия или виртуальной примеркой - набирает охват в разы лучше, чем статичная картинка. Алгоритмы везде продвигают движение. Instagram, Telegram, ВКонтакте, везде видео в приоритете. При этом на создание такого ролика у меня уходит 20–40 минут. Не полдня. Сорок минут. Что я использую: ✦ Kling - анимация из эскиза или фото. Ткань живёт, модель двигается. ✦ Nano Banana - фотореализм и визуализация изделия. ✦ Higgsfield - UGC-видео, виртуальный блогер с моим продуктом. ✦ Edits быстрый монтаж прямо на телефоне. Один эскиз в Adobe Illustrator → фотореализм → анимация → смонтированный ролик. Без фотографа, без модели, без студии. Именно потому что это работает - август в FVD CLUB я посвящаю видео с ИИ. Разбираем всё: от первой анимации до виртуального блогера и мультфильма по вашему сценарию. Присоединяйтесь 👉🏻 ССЫЛКА

https://ilyabirman.ru/meanwhile/all/design-vs-evolution/

На самом деле рисунок - только начало пути. Вот как выглядит полный маршрут от идеи до готовой вещи ⬇️ ✦ Концепция До первого эскиза - исследование. Тренды, настроение, аудитория, цветовая палитра. Мудборд, который становится компасом для всей коллекции. Без концепции вещи получаются, но коллекции - нет. ✦ Художественный эскиз Первый визуальный язык идеи. Силуэт, пропорции, образ. Здесь нет ещё ни швов, ни фурнитуры - только форма и настроение. ✦ Технический эскиз в Adobe Illustrator Перевод образа на язык производства. Плоская раскладка спереди и сзади, все конструктивные линии, швы, застёжки, фурнитура. Именно этот документ уходит технологу и конструктору - и он должен читаться без пояснений. ✦ Выбор тканей Концепция проверяется материалом. Фактура, пластика, вес, цвет при искусственном освещении - всё это проверяется здесь, а не в тираже. ✦ Конструкция и лекала Эскиз превращается в выкройку. Конструктор строит лекала с учётом посадки, прибавок, технологии пошива. Ошибка в 5 мм здесь становится проблемой в готовом изделии. ✦ Пробный образец Первый образец почти никогда не финальный. Примерка, правки, снова примерка. Иногда конструкцию переделывают полностью - и это нормально. Лучше здесь, чем в тираже. ✦ Визуализация и утверждение Сегодня этот этап идёт параллельно с производством. Фотореализм из эскиза через NewArc, виртуальная примерка - клиент видит результат до того, как куплен метр ткани. Экономит время и снижает риски. ✦ Производство Утверждённый образец уходит в тираж. Контроль качества, соответствие тех паку, сроки. Производство не прощает неточностей. ✦ Презентация Подиум, шоурум, контент для соцсетей, карточки товаров. Как история рассказана аудитории - не менее важно, чем сама вещь. ‼️ Каждый из этих этапов - отдельный профессиональный навык. И сильное портфолио показывает не одну красивую картинку, а то, что вы умеете проходить весь этот путь. Именно это мы собираем на марафоне «Портфолио, которое работает» с 27 июля по 2 августа. Доступ к материалам бессрочно. Присоединяйтесь 👉🏻 ССЫЛКА

Одна из активно растущих — ниша лабораторных анализаторов. Здесь, как и в целом по отрасли, уже сложились очевидные тренды: внедрение ИИ, цифровизация клиник, автоматизация рутинных процессов за счёт технологичности медицинских устройств. Эксперты отдельно отмечают спрос на решения, которые реально разгружают врачей и упрощают клинический сценарий. Для промышленного дизайна это означает, что создаваемые объекты должны быть максимально понятными для персонала и пациента, легко встраиваться в рабочий процесс и снижать вероятность ошибки. Рассматриваем Core.rate, систему автоматизированного забора венозной крови без активного участия персонала. Она призвана сделать процедуру более эффективной, безопасной, но при этом быстрой. Это пример того, как промышленный дизайн отвечает на запрос медтеха на безопасность, автономность и снижение нагрузки на человека. Устройство берёт на себя весь цикл работы с иглой, минимизирует ручной контакт и делает сценарий предсказуемым для оператора. И эта архитектура безопасности зафиксирована в самой конструкции. Здесь промышленный дизайн задаёт понятную иерархию инженерных зон: человек — машина — опасный инструмент. Пластика корпуса, организация интерфейса, размещение функциональных элементов — всё подчинено задаче снизить когнитивную нагрузку и вероятность ошибки. Формальный выразительный язык работает как часть системы контроля. Спокойная палитра, аккуратные переходы объёмов, отсутствие агрессивных деталей в местах контакта. Это не «минимализм ради эстетики», а работа с эмоциональным состоянием пользователя в довольно напряжённой обстановке. Этот и многие другие медтех-кейсы показывают, куда движется рынок — в сторону концептов, которые повышают эффективность клиник и создают удобный, спокойный опыт для пациента. 👍 Внешне аппарат внушает доверие 😎 Без участия человека выглядит рискованно [Фабрика Дизайна]

Сначала я обновлял портфолио для курса FAANG+ Careers Жени Трофимова в прошлом году, но всё закончилось вместе с пройденным курсом. На январских праздниках уже в начале этого года плотно занялся новым портфолио, теперь на Framer. Сделал, опять остался недоволен и снова захолдил. Потом попёр вайбкодинг и вот этот весь кринж «Figma больше не нужна», «Сlaude убъёт разработчиков» и пр. Стало понятно, что пора туда тоже влетать с двух ног, а то этот поезд хайпа умчится в закат. И уже в апреле я специально брал отпуск чтобы завайбкодить себе сайт, а заодно поупражняться с ИИ-агентами и чат-ботами. Разобрался, собрал пару простых ботов, навайбкодил пару страничек и отпуск закончился. Сайт-портфолио снова остался незаконченным. Крайне тяжело себя заставить доделать портфолио когда не ищешь работу Я всем советую переламывать себя и постоянно актуализировать портфолио, даже если не ищете работу, но сам этому принципу следовать в полной мере не смог. Для таких, как я работает только один принцип — чтобы появился мотив сделать портфолио, нужно уволиться. Впрочем, искать работу даже честнее когда ты свободен. Ни от кого ничего не скрываешь, ни от кого не утаиваешь. Не рационально, рискованно, зато честно. Парадокс: лучшее время заниматься портфолио — когда работа есть. Но делать его по-настоящему начинаешь только тогда, когда её нет. Именно поэтому сейчас, после ухода из Магнита, я наконец взялся делать портфолио всерьёз. Получается ли? Расскажу в следующем посте. 🌊🌊

ценный тейк: эволюция начинается тогда, когда ты переходишь к сборке системной ai-архитектуры. разгоним, как применить этот подход на уровне ежедневных задач: ⚪️ память (оцифровка): превращай лучшие кейсы, рефы, правки, чаты и звонки в структурированный набор данных. лева использует для созвонов talat, а на каждый чих — obsidian и маркдаун-файлы. так ии станет ассистентом, который знает твой вкус и контекст проектов. ⚪️ интерпретация (аналитика): заставь ии делать выводы из накопленного. пиши промпты для сверки: пусть модели чекают логику ваших макетов, подсвечивают ошибки в сценариях или анализируют интерфейсы конкурентов, сравнивая их с вашим подходом. ⚪️ агентность (персональные инструменты): собирай микро-агентов под конкретную рутину. например, ресерч-агента (собирать скриншоты рынка), текстового (писать копи в нужном стиле) или арт-директора, который перед сдачей проверит компоненты и отступы по чек-листу. дальше вся эта экосистема уходит в прогнозирование и адаптацию, когда нейронки начнут сами перестраивать процессы под тебя. кстати, подробнее о том, как мы сливали на подписки 300к автоматизируем процессы с нейронками ⚪️ лева недавно рассказал на Сбер Дизайн Фесте.

Длинные ноги, маленькая голова, бесконечная талия. Это не ошибка. И не стремление к красоте. Это приём, которому больше двух тысяч лет. ➡️ Скульптор Лисипп в Древней Греции первым уменьшил голову относительно тела - фигуры стали выглядеть выше, легче, динамичнее. Это было не про анатомию. Это был художественный приём, который усиливал впечатление. Спустя века идея перекочевала в искусство. А в начале XX века - прямо в моду. ➡️ Вместе с революцией Поля Пуаре появились иллюстраторы, которые изменили всё. Лепап, Ириб, Эрте рисовали фигуры вытянутыми настолько, что они едва напоминали реальных людей. Их задача была другой - показать не человека, а одежду. Именно тогда фигура превратилась в инструмент дизайнера. И именно тогда родился стандарт в 9 голов. Почему 9, а не 7 или 12. На реалистичной фигуре ростом около 7,5 головы одежда выглядит приземисто. Силуэт теряется, длина не читается, драпировка смотрится тяжело. На вытянутой 9-головой всё это работает: — силуэт виден сразу — посадка изделия понятна — длина и объём читаются точно — драпировка ткани - как в жизни, только лучше Слишком вытянутые фигуры — 10, 11, 12 голов — уходят в другую сторону. ‼️ Это уже не рабочий эскиз, а художественная иллюстрация. Для журнала - прекрасно. Для технического задания - нет. 9 голов - это рабочий компромисс, который закрепился в учебных школах как удобный стандарт. Не закон, не официальный норматив. Просто удачный баланс между анатомией и выразительностью. ✅ Хороший дизайнер умеет и то и другое: реалистичную анатомию и стилизованное кроки. Потому что задачи у этих рисунков совершенно разные. Fashion-эскиз - это рисунок одежды. Фигура здесь просто манекен. 🎁 Хотите рисовать эскизы быстрее? Я подготовила бесплатный набор шаблонов фигур для эскизов одежды. С ними не нужно каждый раз строить фигуру с нуля — можно сразу переходить к разработке модели. ЗАБРАТЬ ШАБЛОНЫ

🟢Тема простая, но её редко проговаривают: пользователь уходит не потому что продукт плохой, а потому что путь до результата слишком выматывающий 💜Что там разбирается: — нет визуального приоритета, всё кричит одинаково громко — длинные формы вместо шагов (3–5 шагов достаточно) — юзер тратит усилия и не понимает, зачем — лишние выборы там, где хватило бы умного дефолта — тексты, которые никто не читает Хороший чеклист на выходе: одно главное действие на экране, понятно ли за пару секунд, можно ли убрать текст, есть ли прогресс в длинных флоу Цифровая усталость это не про количество экранов, а про количество усилий Читать: https://hackernoon.com/how-to-reduce-digital-fatigue-in-interfaces">https://hackernoon.com/how-to-reduce-digital-fatigue-in-interfaces

Все последние годы мы вкладывали максимум знаний и опыта в наши объёмные программы — и они заслуженно стали одними из самых насыщенных и эффективных продуктов по UX/UI на рынке. Но время идет, и с появлением ИИ многое поменялось, в том числе подход к обучению. В итоге мы пришли к тому, что у нас стало слишком много программ (и все они супер крутые), но любой продукт требует продвижения, а на это ресурсов не хватает. Это также было одной из причин ближайшего закрытия пакетов по UX/UI (подробнее писали в посте). Например, у нас есть очень сильный курс по графическому дизайну (объективно, один из сильнейших на рынке), но уже больше года у нас не доходят руки до того, чтобы начать развивать это направление с точки зрения маркетинга. Поэтому мы решили пойти ва-банк и в рамках текущей распродажи подарить этот курс всем, кто приобретает обучение по UX/UI. При покупке обучения до 24 июля👇 📌 Пакет «UX/UI с нуля» (сайты + веб-приложения) + курс «Графический дизайнер» — 203 700 84 000 ₽ (от 4542 ₽/мес. в рассрочку) 📌 Пакет «Middle / Senior UX/UI-дизайнер» (сайты + мобильные приложения) + курс «Графический дизайнер» — 206 000 108 000 ₽ (от 5334 ₽/мес. в рассрочку) Также вы можете оформить налоговый вычет в размере 13% от стоимости всего обучения. Таких цен на рынке давно нет и, честно говоря, уже никогда не будет. Поэтому, если вы давно собирались, но все ждали лучшего момента — это он и есть🔥 ➡️ Забронировать за собой место и получить консультацию можно у нашего менеджера @uprock_hello.

Как строить бренд финтеха 🦄 с нуля в чужой культуре 🇲🇽, почему в Мексике минимализм читается как бедность, и что реально даёт AI-нейросети в производственной цепочке дизайнера. Я пообщался с Александром Николаевым — бренд-дизайнер банка PLATA в Мехико, он четвёртый год отвечает за бренд, визуал и смыслы 😎. PLATA — цифровой банк для Мексики, построенный командой выходцев из Тинькова. Первые версии продукта делали вчетвером — Александр, Игорь, Катя и Александр Сыров (сейчас — дизайн-директор Платы). — Как строить бренд и весь дизайн банка вчетвером - с чистого листа создали дизайн-систему, бренд, визуальный стиль, приложение и маркетинг параллельно — Почему разделение на «интерфейсных» и «визуальных» дизайнеров — устаревшая идея — Главный инсайт: в Мексике минимализм читается не как премиум, а как «человек не постарался», как бедность — Легендарная история с новогодним мерчом в стиле Покраса Лампаса, который мексиканские коллеги встретили словами «в фавелах маргиналы в таком ходят» — Эволюция оранжевого цвета Платы: от градиентов «всё оранжевое» до метафоры «свет на оранжевой стене в тени» с точечными акцентами. И уход в тёмные оттенки, когда DiDi запустил такси-кредитку тоже оранжевого цвета — Признаки бренда Платы без логотипа: оранжевый, работа с металлом, Tone of Voice, качество графона — «Лайтморфизм» как прогноз следующей волны после неоморфизма и гласморфизма: дизайнеры научатся рисовать не тени, а свет, блики и рефлексы с историей — Как строили бренд Платы: психогеометрия + архетипы Юнга + типы потребителей (лекция Кожанова «Бренд и физиология») — Почему выбрали связку бунтаря и искателя и как «Real Money, Real Cashback» попала в архетип бунтаря на мексиканском рынке — Культура работы в Плате: «не делай плохих вещей», подход из Тинькова, увеличенный в разы. История про иконку «плюс», которую Александр рисовал 5 месяцев — Успешный цифровой банк без сильного дизайна возможен? Нет. Все интерфейсы уже одинаковые, надо цеплять эмоцией — как Duolingo с совой — Как AI-нейросети реально работают в производстве Ставьте лайки 👍, делитесь, подписывайтесь на мой ютуб канал.

Я очень кайфую от подхода к маркетингу и визуалу через архетипы. Для меня это прямо такой мост от сухой сути бренда к возможности облечь всё в манящую форму. Я использую свой собственный метод, хотя про архетипы много говорят и в принципе подход, думаю, всем понятен. Как я делаю. Рассказываю. Вот ко мне пришёл проект ювелиров с уникальной технологией, которую они разработали и запатентовали. 📄 Как превратить сухой механизм кастомизации украшений в соблазнительное желание обладания без ухода в удобство и экономию? Я рассуждала так: Технология позволяет трансформировать одно украшение в другое. Связь технологии с женской многогранностью. По ролям утром жена, днём директор, вечером мать. Сначала дочь, потому невеста, жена. Сегодня задумчивая, завтра – игривая. Трансформация – хорошее слово. Алхимия. Магия. 🔮 70% В основу ложится архетип Маг и задаёт тон: таинство, ритуал, тайна, недосказанность. ❤️‍🔥20% Мы имеем дело с украшениями – в них всегда присутствует архетип Любовник. Из-за тактильности и любования. Его берём как поддерживающий архетип. 🎨 10% Чтобы добавить социальной значимости и усилить потенциал отклика, добавляем третий архетип, который отвечает за свободу самовыражения. За право женщины быть разной. Выбирать самой – как она хочет проявляться сегодня. Через архетип Творец. Взболтать, но не смешивать! Каждый архетип накладывает свою рамку и в итоге мы получаем конструктор готовых решений с особенной харизмой, несущие послание бренда: - ключевые слова для текстов, заголовков, интервью. - темы для публикаций в соцсетях. - позы и освещение для фотосессий. - цветовую гамму и шрифты. - вектор для коллабораций. И вообще теперь всё, что может понадобиться в процессе, естественно растёт из этого живого ядра, давая бренду опору для принятия локальных и долгосрочных решений. Как же я это люблю, вы бы знали! Скажите, вы же тоже используете метод архетипов в работе? Вообще кому интересно углубляться в такие слои?