Odokienko Design - опыт дизайнера

Как сделать портфолио (ч.3) Визуальный стиль Многие спотыкаются на этом шаге. Простой совет — сделайте как кайф именно вам. Здесь у вас нет ограничений в виде дизайн-системы, поэтому можно навалить стиля Рекомендации: 1 / Найти референсы Без них у вас не будет рамок, а работать без рамок — сложно. Я тут не собираюсь учить вас качественной работе с рефами — это отдельный навык, который дизайнеры качают на курсах, воркшопах, практиках. Напомню, что мы не воруем, а адаптируем визуальные ходы под себя Ищите то, что откликается по настроению и нравится вам визуально. Тут нужно не попасть в ловушку и не уйти в бесконечные итерации. Говорят, дизайнеры никогда полностью не довольны своим портфолио. Забейте на недовольство, должно просто выглядеть good enough для первой версии, докрутить всегда можно попозже 2 / Найти или придумать интересные решения (фишки), по которым вас можно запомнить Рекомендую смотреть чужие портфолио (например, на foliobin.com | foliodeck.pro), чтобы подмечать не только визуальные ходы, но и чекать, как вообще люди работают со своим опытом и контентом. Если не можете придумать или найти — разгоняйте с ИИ 3 / Сделать дизайн Вы конечно можете пойти и стащить чей-то дизайн как готовый .md файл (например на Ссылка скрыта Но тогда ваше портфолио не будет уникальным, и при этом вы еще некоторый самообман будет ощущать (будет чесаться зад, что вы как дизайнеры дизайн не смогли сделать) Важно держать в голове, что портфолио — это артефакт, который смотрят в основном дизайн-лид / менеджер / директор. Именно поэтому вы можете своим подходом / дизайном пробить «слепоту» нанимающего Отдельно пару строк про Notion: Многие фанатеют от него как от инструмента для быстрого решения. Я всегда был лоялен к портфелям ноушне в целом, хотя не восхищался уж точно. Сейчас закодить страницу с ИИ будет гораздо эффективнее, а по времени не сильно дольше. Если подусраться немного, то за 2-3 дня можно сделать достаточно хорошо — Я свой дизайн немного обновил (odokienko.ru), осталось пару кейсов написать с прошлых работ и по своим проектам Рефы у меня были такие: Ссылка скрыта (щас уже их linktree купил, но раньше приятный стилёк был) — Предыдущая часть [2]

У меня есть стойкое чувство, что роль дизайнера за последний год стала намного больше пересекаться с ролью аналитика / ресечера / продакта. Пересечения были и раньше, но сейчас из-за AI это все масштабировалось и ускорилось Сейчас ребята из DevCrowd снова проводят своё ежегодное исследование дизайнеров (4-й раз!). Наверняка вы видели опрос в других каналах, поэтому считайте это напоминанием В этом году фокус как раз на том, что я подметил выше: - реальное проникновение AI в работу - смещение роли дизайнера относительно других ролей Пройти опрос можно тут: Ссылка скрыта Займет 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 Буду благодарен за шеринг поста знакомым дизайнерам — на старте это очень помогает ❤️