Женя UPROCK

Сегодня Claude Code уже фактически входит в базовый набор дизайнера. На эфире подробно разберем, с чего начать его освоение — шаг за шагом, даже если вы никогда не работали с кодингом. ❤️ Смотреть эфир

В режиме реального времени будем работать с Claude Code и делиться методиками, которые позволят пройти те же шаги с нуля и без опыта в разработке. В итоге вы получите понятный пошаговый процесс и полное понимание, как воспроизвести такой же результат на любых своих проектах. 🔴Подключайтесь к эфиру в 19:00 МСК

Это будет регулярная серия. Сегодня последовательно разберем сам механизм работы с Claude, основные шаги. Все будет понятным человеческим языком. На других вебинарах будем подробнее разбирать нюансы. 📌Бонусом по традиции подарим вам бесплатные токены. Вести вебинар будет ваш покорный слуга (это я 👋) и Артем 👋, продуктовый дизайнер с опытом более 6 лет. Артем, кстати учился в UPROCK, когда школа только появилась. В таком формате живого диалога и демонстрации процесса проведем вебинар. Встречаемся сегодня в 19:00 по МСК. ➡Регистрация по ссылке

Иронично, что когда ты работаешь как проклятый и у тебя нет времени на соцсети, то люди думают, что ты ничего не делаешь. И наоборот, когда ты каждый день выкладываешь посты/сторис, создается ощущение твоей гиперактивности. Хотя на самом деле ты либо все усилия тратишь на публичную деятельность, либо на реальную проектную. В таком вот стазисе я нахожусь. Наверное, я буду больше выкладывать результаты работы моей команды. Что-то из внутрянки, что-то полезного по контенту. Возможно, с небольшими моими комментариями. Упор будет на нейросети и реальные проекты/продукт. По нейросетям для себя выбрали три направления: визуал, исследование, программирование. И на каждое из них будет по вебинару в месяц (итого три). Завтра будет первый из этой серии: «Программирование промосайтов в Claude Code. Полный гайд». ➡ Зарегаться на мероприятие можно по ссылке Хочу ещё поделиться работой над реальным продуктом. Кстати, мы заметили: мода на продукт и исследования ушли на второй план. Но мне важна не мода, я хочу захватить рынок. Поэтому сейчас сделаю свою ИИ-Фигму 😄 Релиз первой версии уже скоро. Сейчас работаем над «Холстом» в Утопии, а-ля Рекрафт и Ловабл. Но сделаем удобнее и интереснее. Прикладываю видео промежуточных работ. Делаю совместно с Ксенией 👋, куратором по мобилкам/приложениям.

Я поправил все баги и анимации, которые смог заметить мой глаз. Сайт готов к продакшену, но остался финальный апрув от тебя, Жень. Завтра погляди, пожалуйста, своим зорким глазом. Надеюсь, все будет збс. Я спать: https://artkdesigner.github.io/state-of-space/ Это статус от Артема 🤝. Он потратил на фронтенд этого сайта 61 час. Параллельно пилил «скиллы», которые помогут быстрее верстать. Однако, учитывая, что на курсе сайты будут не такие длинные, как этот, а также то, что у вас будут скиллы и инструкции, я думаю, что верстка вашего* фестивального сайта займет с запасом 60–80 часов. *Ваши сайты — это тех, кто будет учиться у меня на курсе "ULTRA UI: Завоевываем Awwwards". Осталось 2 места, забронировать можно у коллег в @uprock_hello, прочитать подробнее в этом посте. ‼️А главное для всех: на этой неделе в четверг будет большой вебинар, как верстать сайты в Claude Code. В UPROCK теперь будет много контента по нейронкам: визуал, исследование и разработка с ИИ для дизайнеров и интересующихся. Сразу все не делал, так как двигаемся последовательно и качественно. Для экспериментов с нейронками Утопию как раз и сделали. Регистрация на практический вебинар «Как верстать промосайты в Claude Code» бесплатно и без смс в четверг в 19:00 по мск по ссылке: ➡️ Присоединиться ➡️ Присоединиться

В общем, взял один из своих аккаунтов и переименовал его в Утопию (utopy.ai). И полетела первая ласточка. Такие видосы буду регулярно выкладывать. ➡️ Поддержать рилс по ссылке ➡️ Поддержать рилс по ссылке Теперь буду публиковать там качественный ИИ-контент. Делаю его с командой кураторов. С меня сценарии и озвучка, с ребят — генерации и монтаж. Могу делиться с вами статистикой рилсов. Ставьте 🔥, если интересно. ⚡️И важно! Завтра закончится беспрецедентная акция. Все курсы, которые входят в пакет «AI-Designer Ultimate», всего за: — 65 000 ₽ для наших студентов (от 3542 руб./мес в рассрочку) — 79 000 ₽ для тех, кто еще не присоединился к школе (от 4125 руб./мес в рассрочку) Экономия до 79%, по отдельности эти программы стоят 311 600 руб. Список курсов: 🟣Веб-сайты 🟣Веб-приложение 🟣Графический дизайн (Плакаты + Инфографика + Креативная айдентика) 🟣AI-видео (рекламный ролик, музыкальный сниппет) 🟣AI 3D-графика 🟣AI-иллюстрации 🟣Анимации интерфейсов Если хочешь стать AI-мультистаночником — тогда тебе нужно идти к нам. Гоу-гоу-гоу. ➡️ Забронировать обучение со скидкой или проконсультироваться можно у моих коллег в @uprock_hello

Наконец-то готова показать кейс коммерческого проекта. Это редизайн сайта Радищевского музея, сотрудником которого я являюсь. Основную часть работы делала со школой, адаптивки и кейс доделывала сама. Была переработана сложная информационная архитектура и навигация, внедрена единая UI-система, структурирован контент. Благодарю за помощь куратора Артура и, конечно, Женю! Команде Uprock спасибо за все знания и навыки, которые я получила в процессе обучения ❤️

Покажу пошагово, как собирается промодизайн, где подключать ИИ и разберу реальные примеры его использования в работе. Плюс все зрители эфира получат промокод на бесплатные токены utopy.ai. ➡️ Регистрируйтесь на эфир по ссылке

Хочу завтра поделиться новыми методиками UPROCK и прямо по шагам рассказать, как создавать топовые сайты, которые получают награды. В конце расскажу про новый-старый курс «ULTRA UI: Завоевываем AWWWARDS». А основую часть посвящу мякотке: как создаются раскадровки анимаций, прорабатываются идеи и референсы, как строится работа с ИИ. Разбор проведем на примере проекта студентки Марьяны (приложил к посту) ↗Все будет завтра в 19:00 по МСК, регистрация на мероприятие в этом боте Ставьте – 🤗, если тоже соскучились по нашим милым встречам

Ох, вчера у меня знатно горела задница от того, что клод криво вносил правки, которые я от него просил. Не сказать, что анимации прям сложные, но почему то нейронка их криво реализовала, со всякими багами, телепортациями секций. Убил вчера кучу времени, но результат пока не очень. Сегодня попробую объяснять нейронке максимально подробно, что нужно сделать. Может так она все же поймет Затраты по времени: 7 часов План на сегодня: Доделать анимации всех секций для Desktop версии, чтобы завтра уже перейти к анимациям адаптива и заказнчивать проект. Ссылка на сайт Пока что я не очень доволен скоростью разработки сайта. Как будто профи сделает это быстрее, чем эти танцы с бубном. Но я все же попробую оптимизировать процесс, чтобы это все делалось быстрее Продолжаю делиться нашим путешествием в мир Cloude Code. Артем, как любой ответственный человек себя избыточно критикует, но в реальности сделать столько анимаций опытному фронтендеру нужно 4-5 дня. Это третий проект на котором мы оттачиваем наши скиллы и он супер большой по размеру. Логично, что в нем Клод уже теряется. Сейчас все декомпозируем (разобьем на блоки) и пойдет быстрее. Делюсь с вами всем процессом, даже там где все идет не ровно. Плюс посмотрите сколько реально делать проект на Клоде. Провести вебинар по клоду? 🔥— если да!

В пятницу доверстал статичную версию сайта, поправил косяки по вёрстке, немного доработал скилл, чтобы нейронка точнее забирала макеты и не выдумывала отсебятину, а то она любит. Затраты по времени: 5 часов План на сегодня: Подготовить раскладку макетов для описания анимации для скилла. Буду делать посекционно и наблюдать, как скилл справляется Ссылка на сайт Это статус от Артема, разработчика. Пилим эталонный проект для курса "Завоевываем AWWWARDS" (Промо-дизайн + Claude Code). Больше информации в этом посте. Старт 21 сентября. Хочу делиться с вами процессом разработки. Поставьте 🔥, если интересно. Также пишите, пожалуйста, вопросы по Клоду и промосайтам.

Сейчас как раз делаем верстку промосайта, который станет «учебным» образцом. Уже классно выглядит даже без анимаций. ➡️ Можно посмотреть по ссылке И такой статус вчера получил от Артема, нашего разработчика: Снова занимался подготовкой макета к верстке, но уже для адаптивных версий. Когда закончил, запустил агента и начал верстать сайт. Приходится отдавать макеты по одной секции, иначе у нейронки перегрузится контекст и она сделает фигню. В итоге результат очень хороший. Не идеально, но это допилю с помощью скилла. Поставьте огонек 🔥, если вам интересно наблюдать за процессом верстки. И напишите ваши вопросы по Claude, сделаем отдельный пост с ответами на них, возможно, в формате видео.

Ребята, зацените промосайт, смотреть лучше с десктопа. ➡ Посмотреть сайт ➡ Посмотреть сайт Проект уже получил награды «Сайт дня» на площадках CSS Winner, CSSNectar, Design Nominees, CSSLight, BestCSS. И сейчас ждем решения на Awwwards и CSSDesignAwards. Этот сайт делала куратор Алиса в рамках постоянного внутреннего обучения школы. Да, кураторы у меня могут работать больше 4 лет, но при этом они все равно постоянно развиваются, и в их обучение постоянно вкладываются, чтобы потом эти навыки передавать уже вам. Такая иерархическая система постоянного апгрейда: от меня к кураторам, а потом к вам. Теперь вопрос: почему мы делаем ставку на международные награды? Они котируются лучше всего. Так как ты получаешь международное признание и конкурируешь с дизайнерами со всего мира. Плюс, между нами, в российских конкурсах нередко голосуют за «своих» или топят тех, кто им не нравится. В профкругах, кто, например, был судьей и видел внутреннюю кухню, к сожалению, с этим сталкивались. 🚀Поэтому я голосую за беспристрастную международную экспертизу. Как вам проект? Ставьте 🔥, если хотите научиться так же и получить AWWWARDS! UPD. Ребята, немного протупил в текучке работы 😅 Голосование на Awwwards уже завершилось, поэтому проголосовать, к сожалению, не получится. Но у проекта уже высокие баллы, и теперь нам остаётся ждать итогов и надеяться на «Сайт дня».

• Раздел "Создание музыки и звуков" (дальше добавим создание голосов и озвучка) • Стили для фотогенераций (несколько тысяч стилей на любой вкус, аля Миджорней) • Фоторедактор (большое обновление и исправление мелких багов) • Академия (новый дизайн + 2 новых курса по фото и видео) • Холст (как у рекрафта, свободное пространство, где можете генерировать все что угодно) • Загрузка всех типов файлов в Клод и ЧатГПТ (для анализа и создания новых файлов) • Видеоредактор-первая версия (Максим + Алексей) • Добавить новые ИИ (все до чего не доходили руки из-за обновлений утопии, сейчас будем добавлять ) • Мелочовки (перманентно что-то улучшаем в интерфейсе) В видео пробежался по основным новым фичам. Для вас это прекрасная возможность посмотреть, как создаются реальные проекты, которыми уже пользуются тысячи людей и крупные бренды, например, зеленый банк и синяя соц сеть. Вы же не сомневаетесь, что я в итоге захвачу мир?😉

И да, и нет. Глобально коммерческий проект в портфолио выглядит лучше, чем учебный. Потому что сделан в рамках реального запроса. И чем больше реальных проектов, тем больше подтверждения твоей компетенции. И когда клиент в чате пишет, что вот есть бесплатный заказ, берите его! Справедливая реакция — это скепсис, потому что есть ощущение, что пользуются вашей потребностью в коммерческих заказах. Но ведь объективно клиенту тоже нужен ваш логотип или сайт. И он еще будет потом на этом зарабатывать. То есть вы оба в позиции «нуждающегося». Правильно, на мой взгляд, если клиент осознает, что он должен дать что-то больше. Например, пообещать: ⚫️Максимально понятное задание ⚫️Небольшой объем работ (8–12 часов, может, чуть больше из-за неопытности дизайнера) ⚫️Сотрудничество и подробное объяснение со своей стороны ⚫️Тактичность в диалоге и терпение, когда что-то идет не туда, и желание донести это ⚫️Минимальное количество правок (это во многом зависит от правильного изначального задания) То есть клиент должен озвучить: «Я понимаю, что это твой первый коммерческий проект, мы попробуем поработать. Если поймем, что у нас одно видение, то обещаю, чтобы ты вышел с опытом и в обстановке сотрудничества». Много ли клиентов, которые это понимают? Единицы. Поэтому вам самому надо списаться, обсудить условия и тактично озвучить свое видение, как было бы комфортно работать (смотри пункты выше). И хорошая идея в таких случаях — работать бартером. Например, за рекламу в их соцсетях. Сделали лого или сайт для маникюрного салона — пусть сделают о вас рекламу: «Вот такой человек нам обновил сайт». Переговоры и поиск своей конструктивной выгоды — это часть не только фриланса и карьеры, но и вообще современных реалий. Поэтому нам этому нужно всегда учиться, даже если мы интроверты 🙂 А я лично предпочитаю оплачивать даже небольшие объемы работ. Так как это фиксирует серьезность сторон. Мне важнее работа в срок, потому что в итоге я теряю больше денег из-за неопределенностей договоренностей. P.S. Если вы ищете дизайнера для коммерческого проекта, пишите в @hruprock — обязательно поможем подобрать подходящего исполнителя.

Прикрепил к посту пример того, какие видео научимся создавать на интенсиве. Автор видео: Анастасия @Daki270, работа сделана на курсе "AI-дизайнер" По традиции будет много практики, токены и розыгрыш призов. Всех жду 🤗 Участие бесплатное по ссылке

Сегодня Елена расскажет про аспект, который кажется очевидным, пока не начинаешь делать большой проект, — как сохранить единый стиль на всех страницах. Потому что когда у тебя не 2–3 экрана, а большой проект, очень легко начать каждый следующий экран собирать заново. Тут шрифт поменял, там форму другую придумал, здесь еще что-то добавил. И вроде все само по себе красиво, а вместе уже какая-то солянка 😅 Поэтому в каждом проекте нужно собирать свою систему: цвета, типографику, сетку, формы, композицию, работу с элементами. И чем лучше ты это продумал в начале, тем меньше потом приходится изобретать велосипед. 🎙️ В видео Елена на двух реальных интернет-магазинах показывает, из чего вообще складывается эта система и как она работает на разных страницах. ➡️ Также напоминаю, что сегодня в 19:00 по МСК начало бесплатного интенсива от Утопии по созданию ИИ-видео и работе с Seedance 2. Для участия регистрируйтесь в боте.

Я участвовал в разработке сотен продуктов — от сайтов до больших диджитал-рекламных кампаний. И везде плюс-минус сталкивался с одной проблемой: так как проекты очень большие, в конце команда выматывалась, и мы попадали в проектное болото. Когда что-то по мелочам не доделано, и ты бесконечно это правишь. И единственным решением был экстремальный запуск. Это когда ты уже берешь и выпускаешь все с неровностями в публичный доступ. Я не знаю, как это работает. Но это сильно активирует команду и процессы, чтобы за короткое время все «вычистить». Мы планировали выпустить новую версию Утопии в конце июня. В процессе появлялись новые правки и функции — и конца и края им не видно. Было принято решение часть функций спрятать и выпустить релиз. А все новое оперативно итерационно запускать в ближайшее время. Что добавилось в новой версии: 🟢Проекты 🟢Единый поток генераций 🟢Аудио 🟢Элементы (персонажи, предметы, локации и т.д.) 🟢Редизайн Зачем нужна левая панель? Мы планируем добавить много новых функций: 🟠Ноды 🟠Холст (как у Рекрафт) 🟠Стили (как у Миджорни) 🟠Библиотеку промптов 🟠Видеомонтаж (аля онлайн-Капкат) 🟠3D 🟠и множество других приложений То есть это будет большая экосистема под большинство ваших задач, связанных с нейронками. И все функции будут гармонично связаны друг с другом. ➡️Новая версия доступна по ссылке. Поделитесь, пожалуйста, в комментариях, как вам. ❗️Важно: мы запускаем Академию. Это большое количество бесплатных интенсивов (планируем каждую неделю) и курсов внутри платформы. И уже завтра планируем первый интенсив по ИИ-видео и Seedance 2 — начало в 19:00 по МСК. ➡️ Регистрация по ссылке

Это стратегия в кризис: собрать все ресурсы для одного рывка. Я ничего не рассказывал про Утопию последние три месяца, потому что мы собирали силы. Летом активность ниже, поэтому я сопоставил все варианты и решил сделать один сильный скачок, а не множество рассеянных. Для вас это возможность посмотреть, как предприниматели действуют в кризис и что из этого можно почерпнуть. Я занимаюсь предпринимательством уже 15 лет. Возможно, кто-то думает, что я делаю сетки, но на самом деле мой главный скилл — это создавать продукты, выстраивать вокруг них процессы и заниматься продвижением. Поэтому я делюсь своим мышлением и подходом, чтобы вы смогли применять их в своих задачах и карьере — принцип один и тот же. За это время я в два раза увеличил команду разработки и дизайна. Мы очень долго все шлифовали и наконец-то готовы представить новую версию Утопии, рабочее название новой версии — «Поток» (завтра сделаем релиз). Это возможность генерировать все в едином потоке с разделением на проекты. А главное — туда логично лягут ноды, не как в Higgsfield, где все функции не докручены и отдельны, а прям единый удобный хаб. Упоминаю его как достойного конкурента, на которого мы равняемся. ➡️ А для вас главное, что мы каждую неделю будем проводить бесплатные интенсивы по нейросетям. В этом месяце уделим большое внимание лучшей нейросети для видео — Seedance 2. Кстати, наши партнеры дали нам лучшие скидки. Например, в Seedance 2 Mini одна генерация в 720p, 5 секунд стоит всего 22 рубля. Я буду активно развивать новое направление, и моя цель — стать лидерами в РФ. А возможно, и в мире. Плох тот солдат, который не мечтает стать генералом. Посмотрим. Кто, если не мы? Так ведь? 😉 ➡️ Первый бесплатный интенсив по ИИ-видео и Seedance пройдёт в среду в 19:00 по МСК. Для участия регистрируйтесь в боте, чтобы не пропустить Ну что, погнали? 🚀