14913
Канал про продуктовый дизайн, инструменты и практику. Рекламы нет. Сайт: slashdesigner.ru Рубрики: #первые_шаги #для_профи #Figma #майндсет #задача #UI_ревью #дизайн_системы Форматы: #снек #статья #видео #анонс #подкаст Автор: @okunev
#дайджест за сентябрь 2025
В плане контента сентябрь был ударным! Написал много авторских текстов. Предлагаю их вспомнить:
Серия про наставника и почему дизайнеру вредно развиваться в одиночку
- Причина 1. У нас есть слепые зоны
- Причина 2. Заказчики не прокачают
- Решение: Как выбраться из бедности и неумения
- Причина 3. Вокруг океан контента
- Как найти наставника на старте карьеры
Серия про карьерные инструменты, помогающие получить оффер
1. Резюме
2. Сайт-портфолио
3. Презентация 🔥
4. Сопроводительное письмо
UI_ревью: Mail App, Interactive Login Form.
Про AI:
- Дизайн-система + AI = радикальное ускорение фронтенда
О том, что можно верстать бизнес-сценарии с дизайн-системой и чистым кодом.
- Обзор возможностей модели Nano Banana
Генерит красивые картинки консистентно, можно вписывать свои объекты в изображение.
Про новости дизайна:
- Максимально краткий обзор новинок от Apple
Начало двух новых серий:
- Obsidian: быстрый старт, часть 1
- Стратегия документации: списки и статьи.
@slashdesigner
#снек 55. Как дизайнеру найти наставника на старте карьеры
Ранее в рамках серии про наставника проговорили ещё одну причину, почему вредно развиваться в одиночку — океан контента.
В поиске наставника есть бесплатные и платные варианты, и те и другие с разной степенью эффективности позволяют ускорить твой прогресс.
Идеальный вариант — попасть на работу в команду, где есть внимательный лид, который готов тебя прокачивать, регулярно проводить с тобой 1-1 и давать творческие задания. Он может видеть в этом задачу для роста эффективности команды, либо свою персональную миссию. Часто всё, что им нужно, — это поверить в то, что у тебя есть большой потенциал. Я отношу себя к таким и запустил несколько карьер с ребятами, которые со мной работали. Это долгосрочная стратегия, в рамках которой ты можешь получить нереально много времени наставника.
Однако чтобы достичь достаточного уровня для попадания в похожую команду, тебе потребуется база и огромное желание много работать. Горящие глаза либо есть, либо нет, и они сразу видны на интервью. Базу можно наработать двумя путями: через онлайн-курсы с кураторами, либо через менторство.
Можно найти ментора, просто написав заинтересовавшему тебя дизайнеру сообщение. Некоторые святые люди соглашаются выделять своё время бесплатно, это редкость. Как правило они есть на сервисе ADPList adplist.org, сейчас там 35 000 анкет потенциальных менторов, включая говорящих на русском.
Другие выставят счёт за час занятия, и это тоже нормально. Кто-то будет требовать оплаты работой. Большинство проигнорируют, но если ты будешь настойчиво продолжать искать всё новых дизайнеров, кто-то обязательно откликнется на твоё предложение.
Поиск ментора похож на поиск работы. Дизайнер, который хочет делится опытом, понимает, что ты не сможешь платить 200 $ за одно занятие, поэтому имеет смысл договариваться на ту сумму, которая будет тебе по силам и отталкиваться от неё. Час работы с ментором может стоить от 50 до 100 $, и эти деньги вполне можно заработать вне дизайна. Имеет смысл проводить занятия раз в 1-2 недели, хотя бы на протяжении полугода. Эти вложения — необходимая долгосрочная инвестиция в твою карьеру, которая экономит годы скитаний в темноте.
Есть вопросы? Задавай в комментариях, пообщаемся.
@slashdesigner #первые_шаги #майндсет
#снек 54. Notion или Obsidian? Оба!
Какое-то время назад я задался целью перевести огромную базу знаний с Notion в Obsidian. Причиной тому была ситуация с идиотской выборочной блокировкой российских аккаунтов. Мой основной аккаунт был заблокирован, а ровно такой же второй, на котором работает slashdesigner.ru, остался в живых.
Главная проблема Notion — тебе не принадлежат твои данные и нет надёжного способа их быстро забэкапить, а затем восстановить в первозданном виде. Когда данных в облаке много, это Game Over.
Я это тогда отчётливо понял. Безопасность оказалась сильнее UX и я начал кровавый многомесячный переезд, который не завершён до сих пор.
Notion уникален дизайном: система мутирующих блоков и вложенных страниц очень сильно ускоряет работу и не стоит на пути. Если в команде больше одного человека, Notion это очевидный выбор, потому что в нём лучшие канбан-доски и ганты.
Планировать что-либо сложнее списка покупок в Obsidian это просто пытка, все плагины для канбанов и тем более гантов по сравнению с Notion на зачаточном уровне.
Но если наша задача в организации приватной безопасной базы знаний с конспектами и картинками, на первый план выходит концепция offline first, которой придерживается Obsidian. Как и любой файл, он бэкапится вместе с остальным диском через Time Machine на macOS.
Что удивительно, разработчики Notion пошли в эту сторону и сделали функцию Available Offline для любых страниц в пространстве. Она позволяет делать нужные страницы доступными даже без интернета. Пока функция недоработана, поскольку не делает страницы доступными Offline по умолчанию, нужно вручную заходить в меню каждой страницы и маркировать её.
Теперь я использую Notion для координации как таск-трекер, вычищая из него весь тяжёлый контент, а Obsidian — как хранилище.
В следующих постах серии мы поговорим про организацию командной работы в Notion через настройку доски, а также про организацию базы знаний в Obsidian.
@slashdesigner #первые_шаги #Notion
#снек 52. Как получить оффер. Инструменты, часть 4/4
Серия про карьерные инструменты. Предыдущая часть — про презентации.
Поговорим о таком дополнительном формате как сопроводительное письмо. Оно несильно влияет на результат, но может быть приятным бонусом к твоему образу и сориентирует, на что ты хочешь обратить внимание.
Очень вероятно, что сопроводительное увидит только HR, а не лид.
Точно не надо: делать универсальный шаблон и копипастом вставлять в любое окно отклика. Безликость сразу чувствуется. Не надо писать, как ты с детства мечтал работать в %companyname%, нахваливать компанию, всё это игнорируется.
Прежде чем откликаться, поисследуй, что это за компания, на чём они зарабатывают, какие ценности, какие отзывы сотрудников. Тогда найдётся фактура для того, за что можно зацепиться.
Должно получиться довольно краткое личное сообщение с ответом на вопрос «что у нас общего». Сопроводительное поможет подсветить это более точно.
Персональный подход привлекает внимание как магнит. Если ты решаешь писать сопроводительное, ты вкладываешься, оказываешь внимание и тратишь своё время на формулировки.
Пример хорошего захода:
Вакансия — B2C-приложение для телекома
Я вижу, что у вас открыта вакансия дизайнера. У меня для неё релевантный опыт, я как раз сделал кейс про Тарифы для приложения Whatever Telecom, ссылка.
#снек 51. План продуктового кейса
Продолжаю ветку про портфолио. Вот план, который позволяет максимально прозрачно презентовать задачу для продуктового дизайнера.
1. Погружение в контекст, супер-кратко. Например, описание приложения и заказчика.
2. Бизнес-проблема в формате джоб-стори:
Я как роль хочу достичь такой-то цели, так я смогу получить такую-то выгоду.
Выжимка Apple Event
Максимально краткая и бодрая презентация новых AirPods 3 и iPhone 17 за 5 минут.
Киллер фича наушников — синхронный перевод через AI.
Каждый раз наслаждаюсь тем, как же круто Apple упаковывают продуктовые презентации и подчёркивают единство экосистемы. Моушн-дизайн, футажи и монтаж всегда совершенно прекрасны.
@slashdesigner #для_профи
#снек 47. Как получить оффер. Инструменты, часть 2/3
Продолжаем серию про карьерные инструменты. Предыдущий выпуск — про резюме.
2. Сайт-портфолио — это крючок для дизайн-лидов. Его цель в том, чтобы тебя пригласили на интервью.
Когда лиду в Хантфлоу прилетает кандидат, лид идёт смотреть его портфолио, задаваясь такими вопросами: «стоит ли тратить час своей жизни на этого человека и решает ли он/она такие задачи, какие нужны в моей команде?»
Больше всего выразительных возможностей даёт сайт, собранный на конструкторе. Сайт не должен показывать всё, это компактная демо-версия того, что ты расскажешь на интервью.
Время просмотра такого портфолио — от 5 секунд до 10 минут. Если сразу видно, что кандидат не подходит, как правило нет смысла тратить время дальше. На один кейс — максимум 5 экранов, больше детализировать не надо. Это должны быть кейсы, которые показывают тебя как продуктового дизайнера, без лендингов, и всего остального лишнего.
В кейсе важно продемонстрировать проблему, твоё решение и метод проверки. Про структуру поговорим позже.
Идеальный вариант — бесплатный сайт на Framer или Tilda. Если хочется сделать круто, оплати подписку и прикрути домен.
На худой конец это может быть в формате Notion, но у таких портфолио совсем уж бедные выразительные возможности, не настроишь анимации и стилистику нормально.
Совсем плохой вариант это Behance. Если для портфолио графика это нормальный классический выбор, то для продуктового дизайнера это нежелательно. Продуктовый кейс это прежде всего текстовая история и в случае с Бехансом придётся запекать много текста в картинки. Следовательно, он может быть трудно читаемым на мобильных, либо ты слишком увлечёшься графикой.
Желательно, чтобы текст был чётким и читаемым, потому что мы отсматриваем кандидатов когда есть время, иногда на бегу или по пути с работы, когда попросил HR.
Сайт-портфолио не подходит для того, чтобы демонстрировать его на интервью, в нём слишком мало информации и этот формат неудобен для презентации. Понятно, что никто тебе не помешает открыть сайт на созвоне и рассказывать по нему, но так ты забиваешь гвозди вилкой вместо молотка.
В заключительном посте серии поговорим про самое мощное и недооцененное оружие — презентацию.
@slashdesigner #для_профи #карьера
#UI_ревью 9. Interactive Login Form
Работа: Outcrowd
Сильная работа, которая вызывает вау-эффект, на деле довольно трудоёмкая для разработки, хотя выполнимая.
+ Без слов считываемая идея, что они следят за курсором, это даёт очень эмоциональный эффект «они меня видят». Такое уже было у Tunnelbear, но в этот раз выполнено более выразительно.
+ Эффект усиливается их реакцией на ситуацию: пароль неверный или видимый. Забавно отыграны такие эмоции как сочувствие, фрустрация, неловкость, и от этого мы начинаем сопереживать им обратно.
+ Мультяшный стиль с ярким применением принципов анимации Уолта Диснея.
+ Простые формы героев, при этом сами они все особенные благодаря исполнению лица, цветам и разнообразию форм.
+ Поскольку все движущиеся элементы локализованы в блоке слева, понятен механизм экспорта анимации Lottie из After Effects через Bodymovin. C анимацией по тригеру каждой ситуации проблем быть не должно.
– Что будет сложно реализовать: движение каждой формы вроде зрачка, лица или рта придётся привязывать к курсору по отдельности, это существенная ручная работа.
Дизайн настолько удачный, что его даже плагиатят.
Если тебе понравился разбор, поддержи пост звездой. Так мне будет понятно, что такой контент тебе нужен.
По теме: Анимация приложения для горных прогулок
@slashdesigner #первые_шаги #UI_анимация
#UI_ревью 8. Mail app
Работа: Geex Arts
Автор ревью: Любовь Жидких
+ Картинка почти во весь экран выглядит эффектно. Нравится, что часть элементов вынесена за пределы изображения, что позволяет не перекрывать его.
+ Нравится легкий градиент на фоне. Нейтральный цвет, не перетягивающий на себя внимание, но придающий стиля.
+ Интересный приём с таббаром без подложки, придает легкости.
+ На втором экране воздух в верхней части карточки помогает сбалансировать более перегруженную нижнюю часть.
+ Крупная типографика выглядит современно и придет стиля интерфейсу, чувствуется швейцарский стиль.
– Прием с пролистыванием медиа не даёт представления о том, сколько фото приложено к письму, тут мог бы лучше сработать паттерн из сторис с линиями. Помимо отображения количества материалов, он бы помог еще больше разгрузить карточку.
– Возможно получится перебор с рамками на экранах с фото. Телефон сам по себе имеет рамку + две рамки в интерфейсе.
– Таббар без подложки ограничен в использовании. Для этого экран обязательно должен быть сделан так, чтобы отделять зону таббара.
– Карусель в карточках может быть не самым удобным решением. Преимущество привычного списка в том, что можно охватить взглядом несколько писем сразу и выбрать нужное для прочтения письмо. Тут же придется долго листать одно за другим пока не найдешь нужное. Поэтому данный прием может быть использован в качестве дополнительного.
По теме: зачем делать дейли ревью, из чего состоит UI.
@slashdesigner #первые_шаги #UI
#снек 45. Слепые зоны
В продолжение снека 38 — Дизайнер, не начинай с фриланса, у меня получилась серия о том, почему важно, чтобы рядом присутствовал опытный наставник.
Причина 1. У тебя есть слепые зоны
Ты не видишь полной картины о том, что в принципе возможно, какие виды дизайна бывают и какой тебе подходит. В итоге, ты делаешь то, что удалось осознать и изучить. Урвать. Неоткуда взяться кругозору. На его развитие нужны специальные усилия, но на старте как правило на это нет сил и денег.
Пример: если в школе кто-то делает аватары или визитки, ты можешь посмотреть на них и начать делать вот такой дизайн и называть себя дизайнером, не осознавая, что существует океан возможностей, огромный мир агентств, брендов и корпораций, специализаций, разные навыки и интересные инструменты, достойные бюджеты и вдохновение от творческой работы. Попасть в этот мир можно только за руку с наставником.
В следующем посте серии: может быть заказчики помогут тебе развиться как дизайнеру?
@slashdesigner #первые_шаги #карьера
Саша Окунев: ищу дизайнера систем
Алматы, офис/гибрид
Эта вакансия — редкая возможность прокачаться у меня в команде, ежедневно работая бок о бок над большой промышленной дизайн-системой, которая стала стандартом в нашей компании.
Я не ищу старшего дизайнера, а в этот раз предпочёл бы пригласить проектировщика со средним опытом, но со стойким интересом к дизайн-системам и горящими глазами. Ранее я описал, чем именно мы занимаемся.
Однако, это не вакансия для совсем начинающего джуниора. Пару лет проектирования и применения китов за плечами для старта мне всё-таки необходимы.
Мне нужно уверенное умение создавать UI-киты, писать документацию, проводить ревью макетов по заданным критериям, добавлять свойства во варианты, держать в порядке обширные мастер-файлы.
Чтобы откликнуться, тебе нужно оформить кейс в формате «проблема-решение», где ты на 10-20 слайдах и паре ссылок на Фигму сможешь показать, как привёл в порядок UI-кит в той компании, где работал ранее.
Наша дизайн-система преимущественно мобильная, но будут задачи и для сборки десктопных компонентов, так что пригодится максимально разноплановый технический опыт.
Багаж во фронтенде и гайдах (iOS, Android, Web) будет большим плюсом.
Хорошие условия оплаты, обговорим отдельно на интервью. Есть возможность релокации в солнечный Алматы.
Откликнуться
@slashdesigner #для_профи #вакансия
#UI_ревью 7. Разбираем мобильное приложение, типичные ошибки в кейсе
Пробую видео-формат для фидбэка, параллельно накидываю ценных идей: как должно выглядеть эффективное портфолио, какие задачи удобно решать, как подавать исследование, на что смотрю, а что не так важно.
📼 Смотреть
00:00 Привет! О рубрике
00:31 Кейс Анастасии
00:53 Общая картина. Форматы портфолио
02:40 F-паттерн
03:15 Задача
04:30 Про персоны
05:40 Язык портфолио
06:35 Анализ конкурента
08:12 Про Lo-Fi
09:11 Финальный UI и UX
15:36 Комментарии от участников группы
18:39 UI-кит
20:56 Уровень и что делать бальше
Прислать дизайн на разбор: @uireview. Пожалуйста, только не лендинги!
Если не работает YouTube, используй Liberty VPN.
@slashdesigner #первые_шаги
#снек 42. Мои открытия после того, как провёл 150 личных менторских сессий
1. Главное: менторство — это не бизнес и не может быть масштабировано, потому что сильная экспертиза всегда штучная. Каждую сессию я беру чайную ложку и отскребаю кусок своего сердца, отдаю его за деньги и/или за возможность кому-то стать лучше. Если сессий много, очень быстро ты начинаешь чувствовать себя потраченным. Мне комфортно вести до 2 сессий в неделю.
2. На менторстве можно получать больше, чем на рекламе в телеграм-канале, не теряя доверие читателей и не сжигая просмотры в канале. Я рассматривал менторство как альтернативный источник дохода канала. Оно таковым не стало. Это был классный эксперимент, который близится к завершению, когда я доведу тех ребят, которых взял ранее.
3. Менторство в моём случае требует колоссальных эмоциональных и когнитивных ресурсов, когда я погружаюсь в жизнь и карьеру ранее незнакомого человека и честно иду с ним рука об руку к решению его запроса через любой бурелом, вместе с ним испытываю боль отказов или проектирую с ним такой вид дизайна, который делаю много лет. Это возможно делать только если деньги не являются единственной целью.
4. Вряд ли на менторстве для индивидуальных дизайнеров можно получать больше, чем работая дизайнером в корпорациях. Если говорить о менторстве, настоящие деньги в серийных корпоративных консультациях, когда помогаешь командам как внешний эксперт и тебе платит большая компания, а не одинокий джуник, желающий найти первую работу. Но эмоций от успеха этого джуника больше, чем от команд в компаниях.
5. В основном запросы дизайнеров типичны: как получить хорошую работу, улучшить условия и процессы в команде, как собрать эффективное портфолио, как улучшить автоматизацию, применить методологии, документировать задачи и внедрить аналитику. Вызов в том, чтобы уложить всё это в голову и в руки людям, чтобы они смогли пользоваться этим без меня.
6. Заранее поставить измеримую цель на самом старте работы — критически важно, без этого даже если ты вложился в человека на 100%, он может быть разочарован, потому что вовремя не договорились о том, куда идём. Заявлять, что ты ментор — огромная ответственность и риск для репутации.
7. Менторство дало мне пообщаться с классными дизайнерами, которыми я восхищаюсь. Никогда я не был ближе к своим читателям, чем на сессиях.
8. Рад, что узнал о методологии CELTA, благодаря которой понял, что на сессиях преимущественно должен рисовать и говорить менти, а не я. Менторская сессия — это не лекция для одного зрителя.
9. Я понял, что пока у меня нет больше ресурсов брать новых менти, потому что хочется дальше развиваться самому, идти из привычного продуктового дизайна в новые сферы и продолжать учиться.
@slashdesigner #для_профи
#снек 56. Списки и статьи
Это серия про универсальную стратегию построения базы знаний, которая позволит сделать удобную структурированную документацию по проекту.
Важная мысль: любую базу можно привести в порядок благодаря разделению страниц на два условных типа: списки и статьи.
Списки — навигационные узлы, в которых должны быть только ссылки или маркеры без утяжеляющих простыней текста с деталями. Списки удобны, когда нужно в широкой теме перечислить подобные элементы и дать варианты дальнейшего перехода на вложенный список или статью.
Примеры: список компонентов, база данных бизнес-сценариев, список методов в API, список покупок.
Статьи — насыщающие единицы контента, в которых мы находим нужную информацию, без чрезмерной перелинковки. Удобны когда надо ответить на конкретный узкий вопрос читателя.
Примеры: документация по компоненту, гайд о том как подключить библиотеку, любая инструкция.
Когда в список добавляют слишком много уточняющего контента, его становится сложнее сканировать и искать в нём нужное, он теряет свою лёгкость. Когда в статье начинается перечисление и большое количество ссылок как в списке, это прерывает чтение, нам сложнее дочитать.
В следующем посте серии про базы знаний поговорим про то, зачем отделять планирование от контента. Есть вопросы про базы знаний? Задай в комментариях.
@slashdesigner #первые_шаги #Obsidian #Notion
#аудио 1. Obsidian: быстрый старт, часть 1
Эти 7 пунктов помогут освоиться c навигацией.
1. Чтобы начать работать с Obsidian, создаём хранилище (vault). Это аналог воркспейса в Notion. По сути, это просто очередная папка в операционной системе с особым содержимым.
2. Важное отличие Obsidian от Notion — папки и страницы в нём это две разные сущности. В Notion можно было бы просто завести страницу и сразу писать в ней, и вкладывать в неё другие, искать её. Но в Obsidian рекомендую сначала завести папку, а потом завести её корневой файл с таким же названием. Это важно, потому что без страницы папку не найти через поиск.
3. Папки — группирующая сущность, которая находится только в сайдбаре слева. Чтобы они выстраивались в нужной последовательности, можно использовать плагин Manual Sorting. Вот пример списка папок на верхнем уровне.
4. Имеет смысл помечать начало названия главного файла в папке при помощи эмоджи. Меню эмоджи на macOS достаётся через Ctrl + Cmd + пробел. Страницы с эмоджи легче заметить и перенести в начало папки вручную. У меня сформировалась конвенция: все книги и конспекты помечаю 📘. Если конспект настолько большой, что требует организации вложенных папок, маркирую их страницы так 🔘. Что-то важное-срочное — временным знаком 🔥.
5. Чтобы искать страницы, используем переназначенную команду Cmd + P, как и в Notion. Из коробки Obsidian ищет только по заголовкам, но можно прокачать глубину поиска мощным плагином Omnisearch.
6. В Obsidian есть режим редактирования файла и режим чтения. Переключаются через Cmd + E. По ссылкам удобнее переходить в режиме чтения, кроме того, вёрстка страницы становится компактнее, поэтому имеет смысл оставлять все страницы в этом режиме.
7. Горячие клавиши. При работе с большими базами знаний очень важны. Чтобы облегчить переход c Notion, я составил свой конфиг знакомых клавиш из Notion, где настроены все основные. Как его установить.
Продолжим другие полезные пункты для лёгкого старта в следующем посте.
@slashdesigner #первые_шаги #Obsidian
#снек 53. Океан контента
Ранее в рамках серии про наставника проговорили про ключ к росту дизайнера — петлю обратной связи. Сегодня дам заключительную причину, почему дизайнеру вредно развиваться в одиночку.
Причина 3. Информации слишком много
Дизайн как дисциплина довольно сложен и даже если ты обучаешься через ChatGPT, ты не можешь с уверенностью валидировать то, что он тебе даёт. В курсах, сделанных людьми, тоже очень легко заблудиться, если не знаешь, какой из них реально классный. Можно купить или запиратить курс, но если в нём нет обратной связи, информация эта остаётся не заслуживающей доверия. Кроме того, без мотивации, которая исходит от наставника, очень легко бросить курс.
Я не представляю, как дойти до всего того, что придумали люди в дизайне, в одиночку. Это просто убийственно много информации, книг и правил, насмотренности, опыта. Но в сопровождении заинтересованного в твоём развитии наставника путь до карьерного успеха можно проделать за пару лет.
Хороший наставник позволяет сфокусироваться на том, что действительно важно для продвижения тебя на следующий уровень, показывает дорогу и даёт задания, и это работает не только в дизайне.
Но как же его найти? В будущих постах проговорим и про это.
@slashdesigner #первые_шаги #майндсет
Как работает подписка Shutterstock
Расскажу об ошибке, которая стоила мне 160$.
В апреле подписался на фотобанк Shutterstock, чтобы скачать нужную фотографию для обложки музыкального релиза. Подписка уже довольно кусачая — 32.48$. Думал, буду пользоваться больше, но в итоге вообще ничего не скачивал, и забыл о подписке.
Она исправно списывалась полгода, и я не замечал её среди других списаний. Признаю, это моя проблема, что я не лезу в выписку проверять каждый раз, когда происходит транзакция.
В рамках подписки за месяц можно скачать до 10 изображений в высоком разрешении или векторе. Очень многие из них как попало сгенерированы AI, но это уже другая история.
Главный прикол в том, что если их не использовать, каждый месяц эти 10 кредитов сгорают, и вот это уже продуктовая проблема. Естественно, вернуть их через техподдержку тоже нельзя по условиям использования сервиса.
На других сервисах, например, на Splice, они просто переносятся на следующий месяц, не вызывая никакого негатива со стороны пользователя. Когда надо — потратишь свои сотни кредитов одним днём, пока сидишь на подписке, ты же их купил.
Но самое смешное, что за отмену подписки они пытаются взять Cancellation Fee в размере 87$, потому что ты нарушаешь ранее взятое на себя обязательство платить подписку ежегодно (annual commitment). К счастью, можно просто заблокировать списания на уровне банка и сказать: Shutterstock, по-моему вы перестарались, никогда больше.
@slashdesigner #для_профи
#снек 50. Как получить оффер. Инструменты, часть 3/4
Продолжаем серию про карьерные инструменты. Предыдущая часть была про сайт-портфолио.
Обожаю презентации и нашёл к ним подход. Сегодня наконец мы поговорим про них.
3. Презентация — это твоё секретное супер-оружие, 50-100 слайдов 1920х1080 в Figma, которые ты показываешь во время интервью на проекторе, ноутбуке или шеришь на экране при звонке. В рамках слайдов с линейной навигацией рекламировать себя удобнее всего. Время просмотра — от 40 минут до полутора часов.
Ты опираешься на эти слайды при рассказе, что даёт структуру повествования, при условии, что сама презентация заранее хорошо структурирована. Это твой мощный DJ-сет и то окружение, в котором ты будешь раскрываться максимально выразительно. Не факт что сет будет сыгран от начала и до конца, но будет всегда под рукой. Если тебе задают вопрос по материалу — быстро листаешь на нужный слайд и отвечаешь с картинкой на фоне.
Я представляю каждый слайд как среду, которую я могу менять по клику и эта среда обогащает интервью, переносит меня в нужный контекст.
На слайдах не нужно делать много текста, потому что его ты говоришь вслух. Слайды — это иллюстрации к твоему рассказу о кейсах и себе. Их не надо читать как книгу, потому что зрители всегда читают текст слайдов быстрее, а потом скучают, когда ты повторяешь прочитанное голосом.
Здесь собран весь визуал и данные, которые нужны тебе, чтобы показать себя исключительным спецом. На слайдах — скриншоты макетов, исследования из Google Sheets, UI-киты, анализ аудитории и конкурентов, фактоиды с метриками и крупные цитаты отзывов, показывающие твои успехи, уместные диаграмы и графики, фото реальных счастливых пользователей, ссылки на прототипы, сравнения дизайна до-после. Возможно, даже видео-вставки, если нужно показать анимацию или иной дизайн в движении.
В презентацию может попасть что угодно, что ты посчитаешь важным, и это уже не просто формальное портфолио про проблему, это отражение сегодняшнего тебя. В ней — максимум жизни.
Презентация для интервью — вещь интимная и ей не делятся в открытом доступе. Однако, в качестве примера моей презентации я приведу Слияние дизайн-систем: видео, слайды, я использую тот же подход.
Можно игнорировать все три формата? Можно, если ты достаточно крут, чтобы тебя хантили и закрывали глаза на то, что у тебя чего-то из этого не хватает. Но если ты хорош как дизайнер и у тебя полный упакованный комплект из этих инструментов, найти хорошую работу будет гораздо легче.
В следующем посте поговорим про такой жанр как сопроводительное письмо. Если хочешь, чтобы я рассказал о каком-то из форматов подробнее, напиши конкретный вопрос в комментариях. Удачи в поисках!
@slashdesigner #для_профи #карьера
#снек 49. Как выбраться из петли бедности и неумения
Продолжаю серию о том, почему дизайнеру на старте карьеры вредно развиваться в одиночку.
Ранее в серии: Заказчики не прокачают. В этом посте я упомянул петлю бедности и неумения.
Чтобы выйти из неё, нужно найти более опытного дизайнера-наставника, с которым ты запустишь другую петлю — фидбэка.
Делаешь макет → его комментируют → исправляешь → становится лучше → делаешь следующий сразу лучше
Обзор возможностей модели Google Gemini 2.5 Nano Banana
Смотреть
Генерирует изображения с потрясающим реализмом, справляется со сложными промтами. Делает эстетичные детализированные изображения, держит структуру изображения при внесении изменений, таких как смена позы, крупности плана, в чём уделывает Midjourney. Результат более эстетичный и похожий на фото, без лишней стилизации, которым грешит ChatGPT. По стилистике и реализму результаты больше похожи на Firefly.
Позволяет брать изображение любого предмета, и легко интегрировать его в финальный результат. Photoshop она в этом конечно не убивает, но однозначно стоит присмотреться.
@slashdesigner #первые_шаги #AI
Ищу актуальные темы для следующих постов, прошу обратной связи у читателей
Давай синхронизируемся, какие вопросы про дизайн тебя интересуют прямо сейчас?
Примеры близких мне тем: инструменты продуктового дизайнера, туториалы, методологии, визуал и моушн в UI, исследования, карьера, разборы портфолио, философия дизайна, AI для дизайна.
#снек 47. Как получить оффер. Инструменты, часть 1/3
Важнная серия постов. Накину пользы для тех, кто отчаялся в поиске корпоративной работы.
Я выделяю 3 основных формата, которые помогают дизайнеру найти работу. И даже крутые дизайнеры не всегда их используют.
Вот форматы:
1. Резюме
2. Сайт-портфолио
3. Презентация
Бывает так, что форматы путают, пытаются в резюме наводить красоту, а на сайт вываливают детальный кейс. А презентацией вообще не пользуются.
1. Резюме нужно для того, чтобы тебя занесли в ATS, оно нужно в основном HR, ну и чуть-чуть лидам. Резюме — это не портфолио, это формальный сухой и не слишком красивый документ на белом фоне, желательно на листе А4 и в PDF, не в Figma. Оно набрано мелковатым, но читаемым шрифтом, с официальным фото. Время просмотра резюме — до 1 минуты.
В следующем посте этой серии — про сайт-портфолио и почему его не надо показывать на интервью.
По теме: Гайд Анны.
@slashdesigner #для_профи #карьера
Ранее проговорили про слепые зоны, что дизайнеру не видно полной картины. Сегодня продолжу перечислять причины, почему на старте дизайнеру вредно развиваться в одиночку.
Может быть можно прокачаться, просто делая свою работу для заказчиков и они помогут тебе развиться как дизайнеру? Нет, это как правило не работает.
Причина 2. Заказчики не могут тебя адекватно оценить и дать обратную связь, им нужен быстрый результат для их задачи
Ты как фрилансер, который начинает брать заказы, едва освоив Фигму, в основном общаешься с заказчиками. Но они в принципе не должны тебя прокачивать, это не их цель, им надо бизнес двигать. А на старте при низком уровне дизайна тебе будут попадаться низкого уровня заказчики. Из-за этого в портфолио будут попадать хреновые работы.
Попадаем в петлю бедности и неумения:
не умеем делать круто → не платят достаточно → нет денег учиться делать круто
#снек 44. Дизайн-система + AI = радикальное ускорение фронтенда
Дисклеймер: этот пост — иллюстрация, насколько продуктовый дизайн в корпорациях не про дизайн, и какую роль в нём играют дизайн-системы.
Самая горячая тема в разработке интерфейсов для меня сейчас — внедрение MCP-сервера, который предоставляет Figma.
Что это даёт:
Фронтендер выделяет экран в Figma и пишет запрос в AI: «сверстай этот экран». И AI верстает всё практически как человек, на базе всех требований и компонентов принятой дизайн-системы. Сборка типичного мобильного экрана занимает меньше минуты, вместо часов ручной работы.
Есть оговорки: это не так просто, придётся заранее подготовить базовый контекст на сотни строк, а также связать MCP Figma, разобраться с ClaudeCode и написать свой MCP с нужными командами. Кроме того, чтобы это заработало, в компании должна быть хорошо развитая дизайн-система, которую сможет понять AI, чтобы ему не пришлось писать кастом. А ещё это накладывает более строгие требования к макетам.
Да, даже в этих условиях он иногда гонит и вместо таблицы может сверстать список ячеек, однако, с этим можно справляться.
MCP-сервер — если очень округлять, это программа, которая умеет взаимодействовать с большой языковой моделью (LLM) и получать от неё ответ.
MCP-сервер Figma умеет смотреть в макеты и выдаёт, что нужно верстать для фронта, затем, ClaudeCode верстает их по заданным правилам.
ClaudeCode — это механизм определения контекста для запросов через командную строку, которому можно скормить директорию проекта и написанную людьми дизайн-систему.
Конечно, всё это не делает фронтендеров ненужными, однако их фокус при таком методе работы будет смещаться в вёрстку компонентов для дизайн-системы и фиксацию условий для AI в базовом контексте, потому что сам бизнес-сценарий по согласованному дизайну теперь может собирать и машина.
В следующий раз можно порассуждать о том, как дизайнеры могут генерировать макеты. Но пока о рабочем механизме я не слышал. Figma Make не в счёт, пока для серьёзной работы продуктового дизайнера не годится.
@slashdesigner #для_профи #AI
#снек 43. Навыки и знания дизайнера систем
По просьбе HR расписал, чем дизайнер в команду дизайн-системы отличается от продуктового и кого ей искать.
Дизайнер систем — это самый технический вид дизайнера из возможных. Многое из того, что есть в требованиях — это черты характера, а не приобретённые знания.
1. Cамое главное: жилка садовника, интерес к построению систем: формированию единых правил, описанию элементов, когда ты выращиваешь иерархическую систему как дерево от корней до листочков. Вряд ли такой работой сможет заниматься дизайнер рок-звезда из B2C, который не может усидеть на месте и фонтанирует идеями, как всё переделать. Дизайн-системы — это неторопливое вдумчивое занятие.
2. Стремление к каталогизации элементов с похожими свойствами. Хороший дизайнер систем — это коллекционер-библиотекарь. Кто-то любит собирать винил, кто-то монеты или марки. А мы коллекционируем полезные компоненты, из которых другие собирают финальные экраны.
3. Отсюда наша толерантность к нудной работе. Мы регулярно проводим ревью макетов от продуктовых дизайнеров, исправляем ошибки при сборке, фиксируем лучшие практики в гайдах. Мы анализируем, какие новые требования из макетов не покрыты нашей системой, добавляем их или оставляем кастом на проектах.
4. Исследовательский интерес к фронтенду: Web, iOS, Android с точки зрения правил и интерфейсных механик. Человек не просто должен интересоваться тем, как делать интерфейсы для людей, а стремиться погрузиться на технический уровень, исследовать как всё тикает на уровне кода. Для этого не нужно быть профессиональным фронтендером или мобильщиком, но идти в эту сторону очень ценно, потому что даёт полную картину системы как на ладони.
5. Интерес к автоматизации процессов: всё, что можно отдать машине, отдаём, чтобы не тратить время на неприятную ручную работу. Мы делаем компоненты, которые позволяют переиспользовать эталонные кусочки дизайна в разных местах интерфейсов и контролируем их из единого места.
Это то, чего агентские дизайнеры с приставкой UX/UI после прохождения курсов по интерфейсам обычно не осознают, не в обиду им будет сказано. Им это просто не нужно в их работе, потому что в макетах приложения на 5 экранов просто нет такого количества повторяемых элементов.
6. Сильные софты: у нас много коммуникации с командами, к нам приходят дизайнеры из соседних команд и хотят исправить какое-нибудь ранее принятое сквозное решение, потому что оно им не нравится. Дизайн-система может ограничивать полёт фантазии и подрезать крылья, и наша задача в том, чтобы гасить такие конфликты. Здесь мы выступаем как переговорщики. Нужно уметь улаживать такие споры через компромиссы и разграничение ответственности. И так ДС незаметно вплетается в иерархию самой компании, в которой живёт.
В команде дизайн-системы как правило не бывает увлекательного проектирования продуктов для конечных пользователей и наша функция в том, чтобы сгладить взаимодействие фронтенда и продуктового дизайна.
По теме: Стрим про дизайн-системы — часть 1, часть 2.
А как ты считаешь, что ещё должен уметь дизайнер систем? Напиши в комментариях.
@slashdesigner #первые_шаги #дизайн_системы
#снек 41. Что такое гипотезы
Гипотеза — базовый инструмент продуктового дизайнера. Гипотезы путают с идеями, но это нечто другое. Да, действительно, в гипотезе должна быть заложена идея изменения дизайна, однако, помимо этого должен быть метод проверки.
А давайте передвинем кнопку CTA из правого угла в левый
Давайте проведём АБ-тест в диапазоне недели, чтобы понять, как положение кнопки повлияет на конверсию.
Саша Окунев: ищу сильного продуктового дизайнера в Kaspi.kz, офис/гибрид в Алматы
Проекты: 70% CRM для десктопа, 30% дизайн-система
Рассматриваю предложения от уровня Middle+ и Senior.
Мне нужен крупнокалиберный UX-проектировщик, способный навести порядок в интерфейсе для колл-центров. Также будут задачи по поддержке нашей развитой дизайн-системы.
Фокус в портфолио: Destkop Web, B2E/B2B, проектирование от задачи, этапность.
В портфолио мне нужны плотно собранные внутренние сервисы для профессиональных пользователей. Подойдут системы аналитики, личные кабинеты, CRM, системы мониторинга.
Важно показать работу с таблицами, фильтрами, графиками и базами данных, а также умение реализовать потребности наших пользователей силами текущего технического решения и проводить исследования самостоятельно. Должен быть очевиден акцент на проработку бизнес-логики в принятом ките, а не на маркетинг. Лендинги в портфолио для этой вакансии — красный флаг.
Что предлагаем
Достойный уровень оплаты, помощь в релокации, оформление по ТК, РВП. Хороший офис в центре города. Близкий контакт с пользователями и полная свобода исследований, команда со здоровой дружелюбной атмосферой. Подробности — по ссылке.
Откликнуться
@slashdesigner #для_профи