Renata | dsgn at tbank

Как я использую Claude в своём развитии, менторстве и просто в жизни?

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

Claude в моем развитии

Уже несколько месяцев я учу React, Next.js, Framer Motion, GSAP, Tailwind, чтобы конвертироваться в новый подвид продуктового дизайнера — Design Engineer, для многих эта профессия значит дизайнить + полноценно писать код, для меня же это скорее иметь хорошее понимание структуры кода, что где находится, чтобы быстро вносить правки, а также иметь возможность писать код, но при этом использовать ИИшки для реализации. Claude стал неотъемлемой частью моего обучения, с помощью него я узнаю какие-то части в коде, которые не поняла в процессе прохождения уроков, прошу улучшать структуру кода, что-то переписывать на более modern технологии

Так как я не имею такого понимания архитектуры проектов, как имеют разработчики, Claude помогает мне с этим, то есть структурирует файлы в проекте, помогает составить первичную структуру проекта, делить крупные компоненты на более мелкие (React)

Не так давно, благодаря Claude Code, мне удалось сверстать приложение для fast notes taker во время созвонов, чтобы можно было хорошо оформлять follow-up messages после встречи, а также записывать комментарии прямо во время встречи

Claude в моем менторстве

Уже почти год я веду программы UI practice & UI club & Born to Travel, в рамках которых ребята получают офферы в топовые компании и студии, такие как Яндекс, Туту, Yadro, студия Чулакова, а также проходят на финальные этапы бигтехов

В рамках этих программ я создаю задачи и, так как задачи базируются на путешествиях, я делаю ресерч проблем в разных странах тоже с помощью Claude, это помогает искать продуктовые проблемы, с которыми сталкиваются жители разных стран, о которых можно узнать только непосредственно живя там

Чаще всего постановку проблемы, сегментацию пользователей и джобы для задачи мне накидывает Claude, а затем я добавляю детали, стиль, где искать типографику в нужном стиле, картинки для вайба и расписываю подробно саму задачу

Claude в жизни

Я давно использую его вместо Google. Я пью много кофе и люблю только specialty coffee: V60, Filter coffee, пуровер и остальные. Так как я много путешествую, я люблю пробовать зерна обжарщиков в разных странах и, как раз таки для поиска таких, я использую Claude, так как он предоставляет в результате запроса целую интерактивную карту с местами, их адресами, а также небольшим описанием особенностей каждой конкретной specialty кофейни

Помимо этого, он выполняет роль моего помощника при изучении новых тем в бизнесе, экономике и математике, так как мне нравятся эти subjects, сейчас я уделяю некоторое время этому по вечерам, и, если что-то непонятно, Claude объясняет это с примерами

Если мне нужен рецепт чего-то, Claude создает интерактивный режим в браузере с таймером, это помогает не ошибиться в готовке и легко следовать этапам

Стартап, студия или бигтех — куда?

Начну с того, что это очень зависит от этапа карьеры и от самого человека, поэтому в этом посте я поделюсь скорее своим опытом и опытом друзей, которые успели поработать во всех трех форматах

🤩 Стартап

Стартап — это про неопределенность. Здесь ты учишься быстро генерить решения и проверять их на проде, потому что time to market минимальный, тестирование фичей проходит быстро, чтобы успеть до очередного milestone — будь то акселератор, встреча с инвесторами или релиз MVP

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

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

🤩 Студия

Классное место, чтобы развивать свои творческие навыки. Здесь (конечно зависит от студии) часто попадаются очень разносторонние задачи — плакаты, айдентика, брендинг, упаковка — за счет которых ты классно растешь как дизайнер, это хорошо развивает креативность и быструю генерацию разных направлений для выбора, чего так не хватает многим ребятам из бигтеха

Но у студии есть довольно большой минус — переключение с проекта на проект. Скажу честно, я люблю смотреть за тем, как растет мой условный “ребенок”, и для меня важно итеративно раз за разом делать его лучше. В студии же чаще всего ты работаешь на проекте и после его окончания не знаешь, как он развивается, потому что у команды, обратившейся в студию, зачастую свои разработчики, и нет такого, что ты развиваешь продукт итеративно 🥺

🤩 Бигтех

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

У бигтеха тоже есть свои минусы: куча ограничений, устоявшиеся гайдлайны, и когда дизайнер работал много лет только в бигтехах и не делал никакие сторонние проекты, вероятнее всего, у него будут проблемы с креативностью (как было у меня) — страх белого листа, потому что в работе лишь изредка встречаются какие-либо творческие задачи, чаще это что-то UXовое, где нужно сделать удобно, подумать про флоу пользователя и тд

🤩 Какой формат выбирать?

Выводов не будет, важно отталкиваться от ваших желаний и интересов:
— больше творчества и разнообразия → студия
— больше смелости → стартап
— быстрый рост с наставником → бигтех
— хочется и рост, и креативность → бигтех + сторонние проекты, это прям идеальный сетап

Такие дела, ставьте реакции, я тут для кого стараюсь 🤩

Где собирать портфолио и из чего оно должно состоять?

Мне кажется, что с текущим поколением Claude code, Codex и остальных ИИ-агентов изи собрать классное портфолио, которое будет передавать вашу душу, ко мне приходят дизайнеры разных уровней, и самый частый запрос — это, конечно же, ✦ портфолио ✦
Поэтому я решила написать пост о том, что бы я делала на разных этапах карьеры и какие инструменты я считаю подходящими для каждого уровня демонстрации навыков 🤗

✦ Начинающий дизайнер: поиск стажировки / Junior-вакансии в бигтехе

Чаще всего на этом левеле вы ещё ошибаетесь в выборе шрифтовых пар, их комбинациях, подборе кегля и отступов, это окей, но важно понимать: когда мы собираем свой сайт, мы хотим, чтобы оценивали наши работы, но из-за выбора платформы нанимающий менеджер начинает не с кейсов, а с оценки UI самого сайта

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

Где собирать: На данном уровне идеально подойдёт Notion
Это площадка, которая не даст особо наклепать ошибок и поможет сделать четкую структуру. В Notion верстка не будет ехать, а шрифты и палитры уже сбалансированы. Это будет более выигрышно для вас, вы показываете логику мыслей и то, почему принимали те или иные решения. Менеджеру важно увидеть ваш ход работы, а UI подтянется со временем — в компании вы всё равно будете работать в связке со старшим дизайнером

Если очень хочется именно сайт — используйте готовые минималистичные шаблоны, где минимум шансов что-то сломать

✦ Middle / Senior дизайнер: поиск работы в больших продуктах

На этом уровне портфолио становится способом самовыражения. Это ваш визуальный голос и возможность продемонстрировать авторский стиль. От вас ждут не только глубокий UX, но и безупречный вкус. Вы уже разбираетесь в композиции, поэтому вам не страшно показывать навыки UI через оформление самого ресурса

Где собирать: Тут стоит уходить в сторону Framer или использовать Claude code
Эти инструменты позволяют делать крутые сайты с качественными анимациями и сложной навигацией. На этом этапе сайт подтверждает ваш опыт работы с деталями Кастомный ресурс работает на вас, демонстрируя навыки прототипирования и Product Mindset. Покажите, как ваши решения повлияли на метрики и почему вы выбрали именно этот путь в условиях ограничений

Мне очень нравится вот эта библиотечка с портфолио русскоговорящих дизайнеров, тут много классных вариантов: https://foliobin.com/

✦ Мои любимые сайты: ✦
https://ekdsgn.me/
https://welcomed-yard-253118.framer.app/
https://abdumalikdesignportfolio.framer.website/
https://antonkriviakin.com/
https://amicaliuc.com/
https://www.cristianplop.me/

✦ Вывод ✦

Правильно выбранный инструмент позволяет сфокусировать внимание менеджера на ваших реальных компетенциях

Если вы только начинаете путь — выбирайте готовые структуры, которые минимизируют риск визуальных ошибок

Если вы уже сформировали свой стиль — используйте портфолио как площадку для демонстрации своего видения 🤩

Эффективность портфолио зависит от того, насколько точно оно соотносится с вашими навыками и требованиями позиции

Не бойтесь заявлять о себе! 🤩🤩

Какие инструменты и фреймворки я базово использую в ежедневной работе? 🤩

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

Job stories 🤩

Крайне часто использую, но не часто пишу сама. В Яндексе, по крайней мере в нашей команде, этот фреймворк используют продакты и практически для каждой задачи это required требование перед тем как передать задачу дизайнеру. С моей стороны это помогает прежде всего понять зачем делать эту задачу, а также после ее выполнения убедиться, что решение покрывает все поставленные продактом кейсы, получается некий win-win, потому что это помогает избежать крупных доработок после продакт-ревью и грумминга с разработчиками

Глубинные интервью 🤩

У нас они проходят в формате часа с 3 пользователями по 20 минут каждый. Я пользуюсь этой возможностью довольно часто, так как мне нравится получать фидбек на свою работу от реальных пользователей (глаза замыливаются и иногда без фидбека от пользователей или своей команды можно упустить что-то важное). Сюда я скорее хожу потестить какой-то прототип, узнать мнение пользователей о нем, позадавать какие-то более развернутые вопросы

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

Pathway тесты 🤩

Если мне нужно сравнить несколько вариантов интерфейса или узнать, заметна ли новая фича (точка входа в нее), то я делаю тесты на Pathway. Здесь я собираю количественный результат на ту или иную задачу и затем опираюсь на результат при принятии решений

CJM и упрощенная версия User Flow 🤩

Использую довольно часто, чтобы понять, какой флоу будет проходить пользователь в той или иной задаче, а также прописываю корнер кейсы и всякие эмпти стейты (что-то пошло не так, 404, пропал интернет), чтобы точно ничего не забыть перед тем, как передать задачу в разработку

CJM использую для каких-то более глобальных задач, когда требуется переосмысление целого раздела

Сегменты пользователей 🤩

Также как и CJM, используется чаще всего для каких-то объемных задач при переосмыслении разделов или даже целых кусков продукта, а также при затрагивании каких-то особенно важных кусочков продукта вроде главной страницы или страницы оплаты

Такие дела, выводов не будет, ставьте реакции, если было полезно:)

p.s. a bit of belgrade's photos for u