Успешное тестовое в Альфа Банк

Прошлый пост с успешным тестовым в Алису вызвал интерес и отклик, так что я добыл для вас еще один алмаз — тестовое, которое помогло Булату Хузимуратову попасть в Альфа банк. Подход к тестовому очень серьезный — исследование, гипотезы и их приоритизация, AB тесты, видеопрезентация и кликабельный прототип. В такое решение и добавить нечего.
Я сначала просмотрел исследование, потом фигму, а в конце видеопрезентацию и понял, какое она имеет большое значение. Во-первых, таким образом автор может направить проверяющего по нужной (и выгодной) траектории, а также обратить внимание на то, что тот может упустить. Во-вторых, это помогает установить эмоциональную связь за счет грамотно поставленной речи и общего вайба, скажем так).

Тестовое задание
Кейс c описанием процесса
Макеты Figma
Прототип Figma
Видеопрезентация

💬 Тултип

Дилемма дизайнера

Одна из фундаментальных дилемм, с которой я как дизайнер сталкиваюсь часто — что поставить во главу угла: логику данных или творческую интуицию?

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

Недавно я наткнулся на интервью с легендарным Джони Айвом и CEO Stripe Патриком Коллисоном. Они затронули критически важную проблему современного дизайна — смещение фокуса в сторону легко измеримых параметров. Команды всё чаще концентрируются исключительно на том, что можно посчитать — стоимость, скорость загрузки, количество шагов в воронке — но упускают ту самую неосязаемую магию, которая отличает просто хороший продукт от культового, меняющего правила игры.
Айв подчеркнул, что настоящие лидеры должны осознанно защищать пространство для нематериального, для тех аспектов дизайна, которые невозможно измерить таблицами и графиками. Эти неуловимые качества — то, что создает эмоциональную связь с пользователем и превращает функциональный интерфейс в запоминающийся опыт. Советую посмотреть — там еще много интересных вопросов поднимается.

А для тех, кто хочет ознакомиться с другой стороной медали — Data driven подходом в принятии решений — советую посмотреть познавательный подкаст с Полиной Егоровой. Она детально разбирает, какие бывают данные, откуда их брать, как внедрить data-driven подход, какие инструменты применять и как выстроить систему, чтобы работать с данными регулярно и эффективно. У Полины, кстати есть свой канал Ипульс, где она делится опытом лидирования в дизайн студии и профессиональными инсайтами.

А какой подход чаще всего используется в вашей компании — данные, «я так чувствую» или удается найти золотую середину?

💬 Тултип

Проектирование интерфейса для производства

Интересная пачка статей, где дизайнеры НЛМК (чуваки льют сталь) раскрывают секреты проектирования MES-системы (manufacturing execution system — система управления производственными процессами).
Еще тут про выбор цветов/шрифтов, которые будут удобны работягам в цехах, а также о том, что такое мнемосхемы и как их рисовать. В конце подборка полезностей

Почему типичные дизайн-подходы оказались неприменимы к интерфейсу для производств

Про интерфейсы для производств

Как нарисовать завод на мнемосхеме

Как мы делали таблицы для производственных интерфейсов

Полезные материалы

📱 НЛМК UI KIT

📱 НЛМК Компонент таблицы

📱 НЛМК Дизайн система

📱 НЛМК Storybook

💬 Тултип

Компетенции дизайнера | Что это и какие бывают

Независимо от того, есть ли в компании человек, который отвечает за твой рост или нет, самое заинтересованное лицо — это ты сам. Поэтому важно понимать, куда можно расти и как это делать. У любой профессии, в том числе и у дизайнеров, есть компетенции.

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

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

Какие компетенеции могут быть?

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

Еще один фактор, влияющий на нужные компетенции, — это уровень, на который вы рассчитываете. Junior должен оттачивать UI и работать над UX, middle должен хорошо знать то и другое, а senior должен знать, как декомпозировать требования бизнеса и привести их в понятный для дизайнера формат. Ну а лид — это уже больше про менеджерские компетенции и понимание целей бизнеса.

Уровень формализации компетенций также будет отличаться: от чего-то осязаемого и конкретного, как в Авито — знание продукта, качество результата, самостоятельность, к чему-то более абстрактному, как в американском финтехе Capital One — эмпатия, креативность, перспективное мышление.

👆Матрицы компетенций:
Intercom
Avito
Mail.ru
От Юры Ветрова

Это была первая часть цикла заметок про дизайнерские компетенции. Всего планирую 3-4 заметки на эту тему. В следующий раз начнем строить маршрут профессионального роста. Ставьте лайкосы, если интересна эта тема ❤️

💬 Тултип

Компетенции дизайнера | Начинаем строить маршрут

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

Hard Skills — это то, что можно измерить и проверить. Либо умеете делать интервью, либо нет. Либо знаете Figma, либо тыкаете наугад.
Исследовательские методы — умение добывать правду от юзеров и делать выводы. Интервью, тестирование
Дизайн-инструменты — Figma для интерфейсов, инструменты для прототипирования.
Техническая грамотность — понимание, как дизайн превратится в код. Адаптивность, системы дизайна, основы кода
Работа с данными — способность читать метрики и делать выводы. A/B тесты, конверсии, пользовательское поведение.

Soft Skills — это про то, как вы работаете с людьми и думаете. Их сложнее развить, но именно они часто решают, кто останется джуниором, а кто вырастет в лида.
Коммуникация — умение донести свои идеи так, чтобы все ахерели поняли и поверили. От презентации CEO до объяснения разработчику.
Эмпатия — способность понять и простить юзера
Системное мышление — видение продукта целиком, а не отдельными экранами. Понимание связей и влияния одного решения на другое.
Гибкость — спокойное отношение к тому, что планы меняются, требования плывут, а «идеальное» решение нужно адаптировать под реальность.

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

Шаг 1: Где я сейчас? (точка А)
Какая моя текущая роль? (Если еще не работаете в дизайне, ничего страшного. Любая работа/учеба развивает важные навыки. Поделитесь своей текущей деятельностью)
Какие основные обязанности входят в мою текущую роль? (Основные 5–10 обязанностей и задач)
Какие софт и хард скиллы я применяю для решения рабочих/учебных задач?
Какие мои три сильные стороны? (могут относиться как к софт, так и к хард скилам)
Какие мои три слабые стороны? (Это про понимание, куда направить усилия. Может, вы боитесь публичных выступлений? Или теряетесь в технических деталях?)
Что заряжает в работе/обучении? (Этот вопрос поможет осознанно сформировать вектор профессионального развития, который совпадает с вашими личностными качествами и ценностями)
Я хотел(а) бы больше времени в работе/учебе уделять… (Чему бы вы хотели уделять больше времени? Например, микровзаимодействия в интерфейсе или общение с юзерами)
Я хотел(а) бы меньше времени в работе/учебе уделять… (От чего бы хотели избавиться или минимизировать? Например, монотонная работа, работа в одиночестве)
Что для меня самое важное в работе/учебе? (Это может быть не только обязанности или задачи, а также команда, автономия, влияние на продукт, обучение, стабильность)

Шаг 2: Куда я хочу попасть? (точка Б)
В идеальном мире, я работаю: стартап / корпорация / агентство / фриланс / собственный продукт
В идеальном мире я работаю: полная занятость/ частичная занятость/ попроектно
В идеальном мире я создаю дизайн продуктов в индустрии: fintech / e-commerce / healthtech / edtech / gaming и т.д.
В идеальном мире я эксперт в области: UX-research / UI-дизайн / системы дизайна / мобильные приложения / веб-продукты
Мой идеальный день состоит из следующих задач…( Какие задачи будут составлять 80% времени?)
В идеальном мире моя зарплата…(Нужно мыслить конкретными числами , посмотрев на свои знания, возможности и рынок труда. Например: Сейчас меня устроит … тыс. ₽, потому что это позволит мне комфортно жить и развиваться, а через 2 года я планирую выйти на … тыс. ₽ как мидл-дизайнер)

Полезные материалы 👆
Как составить персональный план развития карьеры? Selectel
Пошаговый гайд
Как разработать персональный план развития для UX-дизайнера | Selectel

Это была вторая заметка про профессиональное развитие. В следующий раз завершим составлять маршрут с помощью матрицы приоритезации компетенций. Ставьте лайкосы, если было интересно 👁

💬 Тултип

Мне разблокировали LinkedIn

Что случилось?
Я спокойно делал посты, добавлял коннекты и вел размеренный образ жизни пользователя Линка, как, вдруг, в один день соцсеть перестала открываться и у меня запросили пройти дополнительную верификацию с помощью Persona (сторонний сервис в который нужно скидывать документы для подтверждения личности). После того, как я скинул документы ничего не произошло и я просто перманентно видел страницу, которая гласила, что мой аккаунт Временно заблокирован, потому что замечена подозрительная активность (еще есть вариант постоянной блокировки, но это не мой случай).

Что было дальше?
Я подождал, надеясь, что верификация пройдет и я снова смогу быть ближе к профессиональному комьюнити, но прошло пару дней и ничего не изменилось. Тогда я пошел в поддержку Линка и попробовал найти их контакты, но прикол в том, что ты не можешь написать им в поддержку, пока не зайдешь в свой аккаунт, а войти я не могу, потому что он заблочен, бэнч нахуй. Что же делать? Тогда я пошел в интернеты и начал искать, как люди решают проблему заблокированного аккаунта. Спойлер — проблема не редкая, людям блокируют даже аккаунты с платной подпиской и не всегда получается вернуть доступ. У кого-то получается вернуть аккаунт угрозами суицида (это будет мой план Б на следующий раз), кто-то пишет им на аккаунты в соцсетях, чтобы добиться справедливости, это как раз мой вариант

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

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

Полезные советы

Для предотвращения блокировки:
–Привяжите к аккаунту номер телефона — это упростит восстановление при блокировке или потере данных для входа
–Если используете VPN, не меняйте страну часто или, еще лучше, используйте только одну локацию

При блокировке:
–Пишите напрямую в доступные соцсети Линка (X, Instagram) с просьбой разблокировать аккаунт и объяснением почему он вам нужен. Общайтесь при этом вежливо, тогда ваши шансы растут

💬 Тултип

Вайбкодинг — с чего начать?

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

Недавно я решил глубже погрузиться в эту тему, посмотреть как это вообще происходит и попробовать что-то сделать самому. Инструмент, который я буду рассматривать — Cursor. Выбрал его, потому что он больше всего на слуху, а значит более продвинутый (наверное), чем остальные подобные сервисы (называются, кстати, IDE сервисы, использующие AI)

Cursor — это среда разработки, внешне сильно похожая на VsCode, внутри которую добавили ChatGpt, Claude и Gemini. Ты пишешь запрос, что ты хотел бы закодить, а они выдают тебе готовый код

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

Чувак рассказывает как сделал пет проект на Cursor и делится своими ошибками и best practices

Основы vibe coding на Cursor

Фронтэнд на Cursor

Бэкэнд на Cursor

3 проекта на Cursor за 2,5 часа (лендинг с анимацией, сервис для генерации изображений и сервис для генерации графиков на основе текста)

Дизайнер из Альфа банка создал онлайн словарь с подключением по АПИ

Что такое MCP серверы

MCP сервер FIgma и Cursor

Автоматическая верстка макетов из Figma в Cursor AI с помощью MCP сервера

7 инсайтов по Cursor [rules, directory, MCP, docs, commit]

В следующий раз поделюсь тем, что у меня получилось за пару дней вайбового кодинга (40-60 мин в день), а также инсайтами по работе с Курсором, которые упростят вам жизнь. Stay tuned💀

💬 Тултип

Компетенции дизайнера | Ставим цели
Вы уже определили, какие навыки у вас есть, а какие — необходимы для перехода на следующий уровень. Теперь нужно превратить этот путь в конкретный план: разбить на небольшие шаги, расставить приоритеты и установить чёткие цели и сроки ⌨️
Для приоритизации задач советую простую, но эффективную матрицу «Усилия / Ценность». Она помогает понять, какие навыки стоит прокачивать в первую очередь.

1. Начните с быстрых побед
Наверх списка поставьте области, в которых у вас вообще нет знаний, но они часто встречаются в требованиях вакансий.
Допустим, если вы ни разу не работали с адаптивными сетками и у вас нет понимания, как устроена вёрстка, стоит закрыть этот пробел. Даже если вы не планируете верстать сами, базовая осведомлённость о работе HTML и CSS помогает лучше взаимодействовать с разработчиками. Изучите пару обучающих видео, прочитайте статью или спросите у фронтендера из команды — это быстрые и доступные шаги.

2. Прокачивайте ключевые навыки
Затем обратите внимание на навыки, которые требуют усилий, но дадут максимальную отдачу — их часто ищут в вакансиях, и они критически важны для роста.

Пример: проведение пользовательских интервью и тестирований.
Теории недостаточно — важно применить знания на практике. Если на вашей текущей работе нет возможности это делать, придумайте собственный пет проект
1)создайте концепт нового приложения
2)проведите 5 интервью на тему своего концепта. Искать респондентов можно среди знакомых, тематические чаты с дизайнерами (но они могут дать немного профессионально искаженную обратную связь), в профессиональном сообществе, например Linkedin. Полезные ссылки оставлю в конце
3) Оформите результаты в презентацию. Это поможет закрепить навык и показать его в портфолио.
Помимо реального опыта эффективными будут и структурированные способы прокачки: онлайн-курсы, интенсивы, работа с ментором.

3. Подумайте о навыках, которые будут хорошим дополнением
В предпоследнюю очередь оставьте навыки, которые не являются ключевыми, но будут плюсом в вашей роли.
Примеры:
• Создание анимаций с помощью After Effects или Protopie
• Прототипирование в Framer
• Понимание принципов SEO
• Знание SQL для самостоятельного анализа пользовательских данных
Если появится время — занимайтесь ими. Но не в ущерб основному развитию.

4. Учтите Ловушки времени
Это навыки, которые в данном карьерном направлении не приведут к значительному профессиональному росту.
Например, для продуктового дизайнера важно владеть базовыми принципами графического дизайна и уметь создавать простую графику вручную или с помощью нейросетей. Однако умение рисовать сложные и масштабные композиции не окажет существенного влияния на развитие в роли продуктового дизайнера.
Такие навыки стоит определить и учитывать, чтобы сознательно не тратить на них время. При этом, если вы планируете сменить карьерный вектор, имеет смысл пересмотреть эти умения, ведь в новой области может потребоваться освоение других компетенций, и тогда придётся заново определить свои цели и направление развития.

Итак, цели поставили правильно. В следующий раз обсудим, как прокачивать навыки, чтобы не забросить через неделю. Не переключайтесь 👁

Где искать респондентов 🔍
Чат iOS challenges (tg)
Чат {графсоюз} (tg)
Чат для каст девов UNCRN
Яндекс взгляд
Pathway
Oprosso

💬 Тултип

Участвую в конкурсе тг каналов

Недавно увидел анонс конкурса для авторских каналов
в тг, где можно будет показать себя, понетворкать и заработать немного уважения улиц. Суть проста — скинуть подборку из 3-4 своих самых интересных постов сюда @tg_contest_main. Зрители решат у кого контент интересный, а у кого херня не очень. Ну а дальше лучших будет отсеивать жюри и присуждать награды, одаривать подписчиками и все подобное 💃. Одной из причин принять участие было также и то, что в организаторах много людей на который я сам подписан и читаю — думаю, будет интересно)
В общем, вы знаете за кого болеть 🤨

💬 Тултип

Компетенции дизайнера | Как прокачивать навыки, чтобы не забросить через неделю

В прошлый раз мы приоритезировали цели по развитию компетенций с помощью матрицы ценность/усилия, а теперь поговорим о том, как претворить наши планы в жизнь и не ебануться по пути 😡

Ставим цели, которые действительно работают
Они должны быть конкретными, достижимыми и не быть похожими на «изучить UX» или «стать ахуенным дизайнером».
Вот как выглядит цель, которая реально работает:
Навык: Работа с метриками продукта
Где я сейчас: Знаю, что такое конверсия, но если дать мне дашборд в аналитике, буду тыкать наугад
Куда хочу прийти: Могу посмотреть на воронку, найти проблемные места и предложить конкретные решения
Критерий успеха: Запущу A/B тест своего решения и получу статистически значимый результат
Что буду делать:
1-3 июня: Прохожу курс «Аналитика для дизайнеров» (15 часов)
4-10 июня: Разбираюсь в Google Analytics, Яндекс Метрике нашего проекта, или просто пытаюсь понять, что там происходит (5 часов)
11-17 июня: Ищу 3 места, где можно улучшить конверсию (3 часа)
18-24 июня: Делаю A/B тест для одной из идей (8 часов)
Конкретные даты, конкретные действия, конкретный результат.

Как не потерять мотивацию на полпути
Канбан-доска — ваш лучший друг. Для того, чтобы эффективно двигаться нам потребуются три колонки в Notion или Trello:
1 колонка — Хочу изучить
Основы пользовательского тестирования
Принципы атомарного дизайна
Метрики HEART (что это вообще такое?)
2 колонка — Сейчас делаю
Читаю «На заставляйте меня думать» — на странице 67 из 200
Провожу интервью с пользователями — сделал 3 из 5
3 колонка — Уже умею
HTML/CSS на базовом уровне — теперь понимаю, что говорят разработчики
Создал свою первую дизайн-систему — пока простенькую, но работает
Прошел курс по UX-копирайтингу — наконец-то перестал писать «Нажмите здесь»

Воскресный ритуал честности
Каждое воскресенье садитесь с бокалом пива чашкой кофе и честно отвечайте себе на три вопроса:
Что на этой неделе получилось круто? Даже если это мелочь — хвалите себя
Где я налажал и почему? Важно знать свои ошибки, чтобы работать над ними
Что буду делать на следующей неделе? Максимум 2-3 конкретные задачи

Как не сгореть от амбиций
Чтобы не получить выгорание от нереализованных амбиций лучше взять один серьезный навык на 3–4 месяца:
Январь-март: Пользовательские исследования — от интервью до анализа результатов
Апрель-июнь: Системное мышление — как видеть продукт целиком, а не отдельными экранами
Июль-сентябрь: Аналитика — метрики, A/B тесты, данные
Октябрь-декабрь: Софт скиллы — презентации, менторинг, работа с командой

Правило 20 минут
Для всего остального есть микро-обучение. 20 минут в день — это почти ничего, но за год накапливается 80+ часов:
Читайте статьи в метро по дороге на работу
Смотрите туториалы во время обеда
Листаете кейсы других дизайнеров перед сном
Главное — регулярность, а не героические подвиги на выходных.

С чего начать прямо сейчас
Не откладывайте на понедельник. Выберите один навык, который можно потыркать уже на выходных. Сделайте что-то простое, но конкретное. Почувствуете прогресс — захочется двигаться дальше.
Развитие навыков — это не спринт, а марафон. Это про то, чтобы каждый день становиться чуть-чуть лучше вчерашнего себя. А через год оглянуться и ахуеть от того, кем ты стал 😎

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

💬 Тултип

6 часов вайбкодинга
| Результат

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

Карточки объектов
На главной есть карточки объектов, информация для которых тянется с таблицы в Airtable, которую я подключил по API. Фотографии в галерее переключаются при наведении курсора. При клике карточка открывается в модальном окне с формой заявки — после отправки появляется тост с подтверждением успешной операции.

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

Форма обратной связи
Сделана форма с помощью которой можно предложить объект для сдачи. При отправке формы появляется тост с сообщением об успехе

Поиск
Сделал инпут text_autocomplete на главной странице, который при вводе значения показывает доступные из списка

Адаптация под мобилку
Полностью адаптировал под мобильную версию: хедер сворачивается в бургер-меню, модалки превращаются в bottom_sheet, тосты появляются сверху (на видео нет, но просто поверьте)

P.S. Я не заходил 2 недели в проект и когда зашел сегодня, то увидел, что карточки перестали выводиться, а когда исправил ошибку, то они начали выводиться на весь экран и наклыдываться друг на друг, в общем, цирк какой-то. Пришлось около часа ругаться с курсором и получилось восстановить прошлый прогресс, но в модалке не получилось пока победить верхний контейнер с фото и он все равно имеет внутренний пэддинг, но сейчас нет времени исправлять, поэтому залил как есть)

Гайд по эффективной работе с Cursor

Основное
Всегда советуйтесь с ИИ-агентом — что делать дальше и как лучше реализовать. Просите подробных объяснений непонятных моментов.
Используйте дизайн-систему с самого начала — это обеспечит консистентность интерфейса.
Избегайте Chat GPT — очень тупой. Используйте Gemini или Claude (доступен на платной версии).
Разделяйте архитектуру — делите большие проекты на Frontend и Backend части.

Обязательные файлы для проекта
В начале разработки создайте три ключевых файла:
scratchpad — для тестирования кусков кода без добавления в основной проект
memorybank — актуальная база знаний по проекту
Для создания: напишите "Инициализируй memory bank"
Для обновления: "Актуализируй memory bank" в конце чата
Для загрузки: "Изучи memory bank" чтобы ИИ был в курсе всего проекта
lessons_learned — для фиксации ошибок и предотвращения их повторения

Настройка правил проекта
Задайте Rules — правила работы ИИ с вашим проектом:
"Всегда используй TypeScript вместо JavaScript"
"Пиши краткие и понятные комментарии к функциям"
"Не используй сторонние библиотеки без моего разрешения"

Организация работы
Создавайте новый чат для каждой фичи — это предотвратит путаницу модели (не забывайте указывать контекст из предыдущих чатов).
Интегрируйте Context7 — это mcp сервер, который предоставляет актуальную документацию кода для лучшего понимания проекта
Репозиторий: github.com/upstash/context7
Можно кинуть ссылку и написать "use context7"

Дополнительные возможности
Изучите плагины Cursor — они значительно расширяют функциональность.
Подгружайте документацию — добавляйте ссылки на нужную документацию API и других инструментов.
Используйте .env файлы — для безопасного хранения API-ключей и других чувствительных данных.
Прикрепляйте документы — добавляйте ссылки на документы для последующих обращений.
MCP интеграция — используйте подключение MCP, это поможет воссоздать макеты прямо из Figma. (точность не 100%)

Был ли у кого-то опыт вайбкоддинга и какие остались впечатления? 👀

💬 Тултип

Нужна ваша поддержка

Всем привет!
Недавно я решил участвовать в конкурсе тг каналов и сейчас начался период голосования. Если вы считаете, что контент на канале заслуживает внимания, то можете выразить свою поддержку голосом)

Для того, чтобы голос засчитался, нужно подписаться на канал конкурса и выбрать свой любимый канал (@tooltipp) в этой форме 👀

Всем заранее спасибо 😘

💬 Тултип

Чувак, дай шесть!

Когда прошел курс «ИИ с 0 до PRO» и решил применить знания на практике 👌

💬 Тултип

Шаблон договора на создание дизайна

Специально для подписчиков Тултип шаблон на создание дизайна, чтобы вы меньше переживали во время работы и точно получили свои денюшки. Пришлось даже на рассылку, ради него подписаться🤮

Грамотно составленный договор придаст вам уверенности в завтрашнем дне и покажет заказчику, что вы знаете свои права и, в случае чего, готовы их отстаивать. Я почитал договор, мне понравился уровень проработки деталей.

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

Скачиваем тут ➡️

💬 Тултип

Редизайн интерфейса | Подборка статей

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

Редизайн интерфейса системы мониторинга пациентов в реанимации

Редизайн хэдэра в сложном продукте (цифровизация строительства)

Как обновляли интерфейс касс самообслуживания, которыми будут пользоваться покупатели в 150 тысячах магазинах | 2 часть

Кейс с редизайном деталей стратегии в Т-инвестициях (Как мы похоронили метрики и вновь оживили :)

💬 Тултип

Тестовое задание в Кинопоиск📱

Делюсь неплохо выполненным тестовым заданием для Кинопоиска от дизайнера Алины Устьянцевой. Кейс разбит на смысловые блоки — исследование, user flow, персоны и сами макеты. Особенно меня порадовали нарисованные макеты ручкой в тетради, выглядит интересно и может выделить вас среди других кандидатов (или нет)

📱Смотреть фигму
📝Читать кейс на VC

Другие тестовые на канале 👨‍💻
Альфа банк
Алиса
Вкусвилл
База (50+) тестовых заданий

💬 Тултип

Лучшее, что есть на VC

1. Заходим в приложение VC
2. Бесконечно нажимаем на иконку уведомлений
3. Узнаем историю колокольчика

Делитесь в комментах до какого момента удалось дойти. Я остановился на его размышлении о том, что я нажимаю на него, так как чувствую пустоту внутри и он меня понимает...😂

💬 Тултип

5 книг для дизайнера не про дизайн (а про бизнес)

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

1. «От хорошего к великому» — Джим Коллинз
Автор проанализировал более 1000 компаний, что вывести для нас основной тезис — великие компании строят скромные трудоголики, которые сначала собирают команду мечты, а потом уже решают, что делать. Секретная формула проста: сначала «кто» (правильные люди в автобусе), потом «что» (куда ехать)

2. «TOYOTA. Путь к совершенству» — Цунёси Нодзи
История о том, как японская компания, которая начинала с ткацких станков, стала производить самые надежные машины в мире. Автор раскрывает 14 принципов Toyota, которые лежат в основе ее концепции бережливого производства. Как родилась методология Канбан и культура постоянных улучшений кайдзен (это очень близко с дизайном продукта)

3. «Клиенты на всю жизнь» — Карл Сьюэлл
Сьюэлл владеет автосалонами в Техасе и понял простую истину: машины у всех одинаковые, зато сервис может быть разным. Он начал мыть машины клиентам бесплатно, возить их на работу, пока идет ремонт, и устраивать шумные вечеринки для своих клиентов. Думаю, это близко к концепции 10-звездочного опыта Airbnb

4. «Эффективный руководитель» — Питер Друкер
Дедушка менеджмента учит, как не сойти с ума от дедлайнов. Книга от Питера Друкера — человека, который изобрел половину терминов менеджмента. В ней он рассказывает про эффективных руководителей, которые:
-Управляют временем — знают, куда уходят часы, и контролируют то немногое, что можно контролировать
-Фокусируются на результате — важны достижения вне стен офиса, а не просто «работа ради работы»
-Развивают сильные стороны — свои и команды, вместо бесконечной борьбы со слабостями
-Расставляют приоритеты — концентрируются на 2-3 ключевых задачах, которые дают максимум результата
-Принимают стратегические решения — думают о долгосрочной перспективе, а не тушат текущие пожары

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

Каких книг не хватает в этом списке? Делитесь в комментах👁

💬 Тултип

Как спроекировать лендинг для Tech продукта?

Дизайнер из Evil Martians проанализировал 100+ лендингов топовых инструментов (Linear, Vercel, Supabase) и выяснил, что реально работает в 2025. В качестве бонуса — готовый open source шаблон для быстрого запуска

Внутри:
Главный блок — 6 способов показать продукт (от анимированного UI до живых демо)

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

Фичи — 5 способов рассказать историю продукта

Вспомогательные секции — когда нужен FAQ, стоит ли показывать цены на главной, и как интеграции добавляют веса продукту

Финальный CTA — последний шанс конвертнуть посетителя

Читать тут ➡️(VPN)

💬 Тултип