Odokienko | Design Twist

Как сделать портфолио (ч.3)
Визуальный стиль

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

Рекомендации:

1 / Найти референсы

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

Ищите то, что откликается по настроению и нравится вам визуально. Тут нужно не попасть в ловушку и не уйти в бесконечные итерации. Говорят, дизайнеры никогда полностью не довольны своим портфолио. Забейте на недовольство, должно просто выглядеть good enough для первой версии, докрутить всегда можно попозже

2 / Найти или придумать интересные решения (фишки), по которым вас можно запомнить

Рекомендую смотреть чужие портфолио (например, на foliobin.com | foliodeck.pro), чтобы подмечать не только визуальные ходы, но и чекать, как вообще люди работают со своим опытом и контентом. Если не можете придумать или найти — разгоняйте с ИИ

3 / Сделать дизайн

Вы конечно можете пойти и стащить чей-то дизайн как готовый .md файл (например на https://styles.refero.design). Но тогда ваше портфолио не будет уникальным, и при этом вы еще некоторый самообман будет ощущать (будет чесаться зад, что вы как дизайнеры дизайн не смогли сделать)

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

Отдельно пару строк про Notion:
Многие фанатеют от него как от инструмента для быстрого решения. Я всегда был лоялен к портфелям ноушне в целом, хотя не восхищался уж точно. Сейчас закодить страницу с ИИ будет гораздо эффективнее, а по времени не сильно дольше. Если подусраться немного, то за 2-3 дня можно сделать достаточно хорошо

—

Я свой дизайн немного обновил (odokienko.ru), осталось пару кейсов написать с прошлых работ и по своим проектам

Рефы у меня были такие:
https://www.abstract.systems/
https://www.harshsingh.me/
https://mishanaer.com/
https://bento.me/ (щас уже их linktree купил, но раньше приятный стилёк был)

—

Предыдущая часть [2]

У меня есть стойкое чувство, что роль дизайнера за последний год стала намного больше пересекаться с ролью аналитика / ресечера / продакта. Пересечения были и раньше, но сейчас из-за AI это все масштабировалось и ускорилось

Сейчас ребята из DevCrowd снова проводят своё ежегодное исследование дизайнеров (4-й раз!). Наверняка вы видели опрос в других каналах, поэтому считайте это напоминанием

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

Пройти опрос можно тут: https://survey.devcrowd.ru/pd-2026
Займет 10–15 минут, сам прохожу каждый год — считаю это небольшим вкладом в дизайн-комьюнити

Публичные результаты обещают в октябре — обязательно притащу оттуда в канал что-то интересное

Как сделать портфолио (ч.2)
Пост большой, сорри

На этих и прошлых выхах плотненько посидел над контентом для своего сайта
В этот раз обещал рассказать про смыслы, структуру и тексты, поехали 🚨

1 / Смыслы

Сначала надо понять самому: а зачем вообще делать портфолио? У каждого свои цели — кто-то ищет работу, кто-то проекты на фрилансе, а кто-то просто тешит себя тем, что у него есть сайт

Проще всего начать так: пойти в ai-чат и сказать «Брат, хочу сделать портфолио. Задай мне глубокие вопросы о целях и задачах, которые я перед ним ставлю». В ответ получите список из 10–20 вопросов о вас, вашем опыте, текущем состоянии и т.д.

Старый промпт «задай мне вопросы» до сих пор работает отлично — так проще собрать контекст. Не ленитесь его давать!

Сам я занялся этим ещё несколько недель назад и стал вести Life-OS — большой проект про мою жизнь и фокус, что-то вроде второго мозга. Просто делегировал часть «думания» ии-шке. Про результаты напишу через несколько месяцев, пока рано

2 / Структура

Когда есть смыслы, можно идти в структуру
Но сначала ответьте: насколько большим вы видите свой сайт?

Частые варианты: многостраничник с кейсами и кучей инфы о себе, one-page или что-то среднее (классика — «обо мне» + пара кейсов). И не забывайте: структура есть как у сайта целиком, так и у каждой страницы

Этот этап — создание «позвоночника», на котором всё будет держаться. Если на прошлом шаге вы дали достаточно контекста — всё само соберётся в единый вижн

Я решил начать с one-pager-а, а кейсы написать потом. Структуру запланировал такой: Hero, My own products, Track record, Selected work, Contact. Дальше буду декомпозировать каждый кусочек отдельно

3 / Тексты

Это база, на которой строится портфолио продуктового или UX/UI дизайнера. Вы описываете свою работу СЛОВАМИ. Умение писать лаконично — это круто: так вы не растянете кейсы. Я советую подходить к тексту с вопросом «а что я хочу этим сказать?»

Пишите текст с ИИ, но переписывайте его
Пока что ИИ-шные тексты в большинстве своём дерьмо. На английском ещё куда ни шло, а на русском всё печально. Чтобы получалось относительно нормально, приходится использовать всякие приблуды-хьюманайзеры

В интернетах есть несколько готовых штук для русского (например, такая). Ещё можно скормить ии-шке свои тексты как реф (но мне не прям нравится, что выходит)

С наскока написать нормальный текст получается редко. У меня уже выработался паттерн:
• наговариваю текст через superwhisper / войс в тг / войс-мод в Claude
• отдаю ии-шке, прошу написать нормально и отредачить
• переписываю уже своими словами
Часто ваще сношу текст после ИИ и пишу с нуля

Итоговая последовательность:

→ Какая цель у моего портфолио → Из каких частей сайта сложится эта цель → Как я расскажу про каждую из частей

Через недельку напишу про визуал и разработку

сегодня весь день буду разбирать вакансии и писать прибаутки в канале сладенькие вакансии

там, кстати, можно оставить смешной коммент под моими постами и получить бесплатный полный собес на preplab.ru

пока только первый интро-пост сделал про себя

Делюсь апдейтами по своему проекту Whiteboard Challenge

1. Перевёз сайт на новый домен: whiteboard.preplab.ru (раньше был whiteboard.framer.wiki ← там теперь висит баннер). Довольно много людей отваливалось при заходе, потому что требовался VPN — теперь не требуется

2. Дополнил страницу с материалами для подготовки whiteboard.preplab.ru/materials
Добавил новые статьи, которые писали другие дизайнеры. Старый список не обновлялся уже больше года, а теперь появилось много свежего

3. Затащил несколько задачек, которые родились в ходе моих тренировок с дизайнерами whiteboard.preplab.ru/tasks

Кстати, после переезда запостил ссылку в Linkedin, с него на новый сайт пришло 500+ человек, это радует

В большинстве своих статей и постах уже поменял ссылки на новые, но старые все равно гуляют по чатам и личкам, поэтому старый сайт на фреймере пока поживет, хоть и не будет обновляться
(если шерите — шерьте новую ссылку пжалста ❤️)

Хочу попробовать покачать маркетинг рекламой
До этого всё жило на сарафанке и органике, а мне хочется больше влиять на масштабирование

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

Хотите сделать какой-то свой проект? Пообщайтесь с человеком, который это уже делал

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

Фаундер, который уже прошёл этот путь, совершил все ошибки, которые ты только можешь совершить. За один разговор можно узнать то, на что у тебя ушло бы полгода + деньги

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

Да, часть вещей невозможно понять на словах. Тебе говорят «не делай так» — ты соглашаешься, а потом всё равно делаешь. Ведь своя боль учит лучше чужой, и некоторые грабли нужно потрогать лично

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

Ну и важно понимать, что с вами не всегда будут готовы пообщаться, это нормально

А че у всех портфолио есть, а у меня нет!?
или как сделать портфолио (ч.1)

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

И получается какой-то сапожник без сапог. Думаю, что это надо исправить

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

Пару дней назад мой one-page выглядел как на скриншоте 1. Сейчас в целом так же, но стало чуть больше контекста и контента (как на скриншоте 2) — odokienko.ru

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

В следующей части я напишу, как я работаю со структурой, текстами и смыслами

Еще наверное буду разбирать:
• кейсы и их написание
• поиск смыслов и рефов
• поиск дизайн-решений
• разработку
• паблишинг (чтобы портфолио начало где-то мелькать)

Хотелось бы делать раз в неделю, но ваще не обещаю
Но обещаю делиться!

stay tuned 🚨

В Linkedin увидел пост у чувака про то, как он учит использовать Claude Code / Codex

Говорит, что у новичков случается wow-эффект, когда он им дает простую задачку — разобрать папку «Загрузки»

У меня на ноуте скопилась куча хламья — 300+ файлов на 18 ГБ и еще 2500+ файлов в Telegram Desktop Downloads

Cупер-простой запрос:
разбери папку «Загрузки»
Дальше он все сделает сам

Это кажется очень простой и очевидной штукой, но она может не прийти в голову, если не думать в эту сторону — мне не приходила

Мы запустили preplab.ru в открытый доступ!
На лендинге есть видео-демка 🏃

Если вы ищете работу➖стрессуете перед интервью ➖только отучились на курсах по дизайну — точно будет ценно попробовать

Сервис помогает дизайнерам тренировать презентацию себя и проходить HR и технические собеседования. Проходите собес голосом с AI → получаете развернутый фидбек с советами и топ-действиями, чтобы лучше пройти реальный собес

За закрытый тест через сервис прошло 150+ сессий. У нас уже есть кейсы, когда люди потренировались и прошли собесы в Озон, Авто.ру, Т-банк, Яндекс и еще несколько компаний

В сервисе бесплатно доступны 2 hr-собеса
Технический собес — он же собес с дизайн-директором — намного глубже, с вопросами, которые я собрал через лидов больших компаний. Там не только фидбек, но и оценка компетенций и грейда (мы не раскрываем вопросы компаний, собес собран из общего пула)

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

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

И ещё: теперь в канале будут регулярные апдейты — как мы развиваем продукт, что ломается, что чиним. Build in public, так сказать, и заодно держит нас в тонусе

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

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

Заходите, пробуйте: preplab.ru
Буду благодарен за шеринг поста знакомым дизайнерам — на старте это очень помогает ❤️

Каждый раз, когда листаю вакансии (надо же следить, что происходит), спотыкаюсь об одну строчку: «от 5 лет опыта». Где-то 6, где-то 8+. Кто-то реально сел и посчитал, что для роли надо ровно 6 лет, а не 4 и не 7?

На самом деле, за большинством этих цифр не стоит почти ничего

Чаще всего цифру просто скопировали. Взяли прошлую вакансию или подсмотрели у конкурента, и «5 лет» кочует дальше. Того, кто это придумал, уже никто не помнит

Иногда это способ просто подрезать воронку. На вакансию прилетает 300+ откликов, их надо как-то сократить — поэтому и пишут «от 5 лет»

А иногда цифра просто прикрывает вилку: «5+ лет» на деле может значить «хотим сеньора, а платить готовы поменьше»

По моим ощущениям годы и сила специалиста вообще плохо связаны. Знаю ребят, кто за пару лет на динамичном продукте вырос сильнее, чем те, кто 6 лет делал одинаковые задачи

Поэтому если видишь у себя недобор на год-другой — рекомендую всё равно откликаться. Эта цифра решает только, позовут ли поговорить. А на самом разговоре годы уже мало кого волнуют

Топ нейронок для ежедневного использования (ч.2)

Чуть больше года назад писал пост про то, какие ai-сервисы использую в работе day-to-day. Спустя столько времени многое переосмыслилось, что-то ушло, что-то осталось. Рассказываю:

1. Claude — для меня незаменим пока что по качеству. Подстройка под задачу, масштаб, уровень систематизации — все очень круто. Я с ним и общаюсь, и стратегию пишу, и разрабатываю. Мб отдельным постом расскажу про несколько юзкейсов, отреагируйте, если нужно! А с помощью кучи интеграций я работаю и с другими интерфейсами (figma, linear, buildin)

2. Superwhisper — все та же аппа для трансркибации. В ней есть опция разделения спикеров, поэтому теперь и надиктовываю, и встречи записываю (пока, granola)

3. ArenaAI — уже писал про нее. Это сборник разных моделей для разных задач (на самом деле создан, чтобы какой-то бенчмарк выстраивать). Когда нужно сгенерить картинку или потестить модельку — иду туда, это бесплатно

И все! Остальные инструменты просто ушли, потому что эти 3 сейчас покрывают все мои юзкейсы:
- встречи и саммари
- видео
- код
- голосовой ввод
- генерацию материалов
- поиск
- базу знаний
- работу с фигмой и т.д.
Графику я не генерю, так бы наверное kling/krea купил еще

Что юзаете вы?

Полтора года без найма

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

- - -

Про проекты:

В этом году сделал подходы к 3-м запускам проектов:
1. Агрегатор изъятых лизинговых авто
2. Сканер безопасности/нарушений на ru-сайтах
3. Голосовой AI-тренажер для собеседований

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

Про последний проект я уже делал пару постов (раз, два), скоро дам ссылку в паблик (а пока все так же можно пощупать через личку @odokienkoan)

- - -

Про жизнь:

Еще я теперь соучредитель компании! Долго с братом подступались к открытию, но кажется, что время пришло (да и с юриками теперь поудобнее работать)

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

- - -

Про деньги и фокус:

Фрилансы, консультации и прошлые проекты продолжают обеспечивать семью (женился кстати) деньгами, чтобы не жить в минус. Деньги все так же нестабильны 😫

За прошедшее время меня несколько раз посещало желание вернуться в найм (особенно, когда был вариант забрать оффер на 450к+). Но я решил, что пока что еще готов поиграть в предпринимательство — считаю, что легче пережить неудачу, чем тяжесть сожаления. Но если кто-то придет с классным парт-таймом, который не помешает работе над моими проектами — задумаюсь, чтобы рассмотреть

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

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

Посмотрел цены на подготовку к собеседованиям для дизайнеров на разных площадках

Что имею сказать по этому поводу:

Приходите готовиться к нам лучше
- HR-скрининг бесплатный
- за 800₽ полный дизайн-собес с вопросами из бигтехов и топ-компаний в РФ

Несколько реальных цитат от пользователей:

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

—

Она следит за контекстом и задаёт вопросы очень прицельно — всегда старается докопать

—

Узнала новые вопросы, которых раньше не слышала. Они такие софтово-продуктовые, на стыке — не в явном виде про техничку, но и не про софты

—

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

—

Страх интервью немножко снимает — появилось какое-то структурирование

—

Как специалист, который знает свои минусы — здесь именно по ним и сказано. И он подсказывает, как это докрутить

—

Для поиска работы это прям супер вещь

пишите в личку за доступом @odokienkoan, мы в закрытом формате еще

2 года назад я писал про проверку гипотез с быстрым, но не очень качественным дизайном — вот пост https://t.me/designtwist/414

В эпоху вайбкодинга всё усугубилось в разы. Сейчас вам не нужно быть разработчиком, чтобы собрать лендос, простой сервис, бота или настроить интеграции — достаточно AI-агента, который сделает это за вас

И мне наконец-то кажется, что дизайн в целом просел

Открываешь страницу продукта — видишь одни и те же паттерны вёрстки от Lovable / Claude / Codex. Все продукты выглядят одинаково. Сюда попадают и корп-сайты, и лендинги, и аппы, и даже сайты-портфолио дизайнеров

Кажется, что на дизайн всем стало похуй — если работает, то и ладно. И в логике MVP это как бы окей: главное проверить, что продукт вообще кому-то нужен

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

Сейчас для меня дизайн — способ за 3 секунды объяснить, что ты не такой, как остальные 50 лендосов/сервисов из потока нейрослопа

Парадокс: чем проще стало собрать продукт без дизайнера, тем дороже должен стоит нормальный дизайн на выходе

Но пока индустрия к этому не пришла — нормального дизайна будет все меньше

Ищу дизайнеров для теста продукта!

Месяц назад я набирал людей для подготовки к интервью. Провёл 11 встреч, докрутил по итогам методологию и шаблон фидбека

А сейчас мы с братом закодили AI-интервьюера на этой базе. По нашему скромному мнению, существующие сервисы до него не дотягивают 😎

Уже 30+ людей (дизайнеров и рекрутеров) пообщались с ним, и в целом фидбэк очень положительный!

Сейчас мы на стадии закрытого тестирования, и мне снова нужны дизайнеры — посмотреть, как он ведёт себя на реальных собеседованиях

Кого ищу: тех, кто сейчас ищет работу / ходит на собеседования (важна мотивация)
Встреча на 20-30 минут: вы просто общаетесь с рекрутером про ваш опыт, я наблюдаю

Это бесплатно!

Откликайтесь сразу в личку — @odokienkoan

Буду благодарен за шер поста знакомым дизайнерам и дизайнеркам — это сильно поможет нам набрать ранних юзеров

Продуктовый кейс на личном проекте

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

Триггер простой:
Я хотел зарабатывать больше денег с проекта. От него и отталкиваемся

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

Задача:
Повысить конверсию во встречу

Действия:
- написал практически всем, кто покупал у меня консультации или записи whiteboard-сессий, чтобы собрать фидбек и статистику
- завёл табличку с клиентами, куда собрал весь фидбек
- прогнал её через AI, чтобы структурировать фидбек по направлениям и выявить паттерны — выяснилось, что ко мне часто приходят люди, не уверенные в своих силах, плюс те, у кого вообще не было опыта в вайтбордах (я и так в целом понимал это, но сейчас появился некий proof-of-concept)
- проанализировал тексты на лендинге и структуру в целом (вручную + AI) — раньше там было много про то, какой классный я придумал проект 🥹, и мало про то, в чём ценность для дизайнеров
- на основе найденных паттернов поправил оффер в hero и ещё несколько блоков, включая pricing

Результат:
- неожиданно сделал несколько апсейлов тем, кто уже был у меня на сессии — предлагал повторные сессии со скидкой / менторинг
- получил дофамин в виде приятного фидбека, хаха 🥰
- конверсия в сессию выросла примерно в 1.8 раза (замерял три месяца), в среднем стало 8 встреч в месяц

Если бы делал это заново — сделал бы раньше, а не тянул

Мне кажется, это хороший пример того, что продуктовый процесс в целом до сих пор работает. А ещё он показывает, что AI неплохо встраивается в конкретные шаги: структурировать фидбек от большого количества юзеров / анализировать структуру и тексты на сайте / находить паттерны — руками я бы делал это в разы дольше (а мб еще и хуже)