🔔 Inspiration #166

Подборка лендингов и сайтов для вдохновения на предстоящую неделю 🔥

– ai.work
– bittercreek.studio
– glowfinance.xyz
– paradigmai.com
– 21tsi.com

———

– pipedrive.com
– goaro.com
– leya.law
– apple.com/iphone-17-pro
– altermind.studio

———

– spendflo.com
– conway.world
– stable.xyz
– mbrown.work
– palette.supply

———

– wynde.io
– wave.co
– chipsa.design
– linktr.ee
– dayos.com

———

💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы

🚗 Как проектируют интерфейсы автомобилей

В среднем мультимедийной системе автомобиля около 800–1000 экранов. И это не считая физических органов управления: кнопок, рычагов, переключателей. А ещё всё это должно работать на скорости 100 км/ч и не отвлекать от дороги.

Илья Стариков из МТС рассказал, как устроен процесс разработки HMI (человеко-машинного интерфейса) в автопроме. Это не совсем UI/UX: здесь работают и с цифровыми экранами, и с физическими элементами, и с функциональной безопасностью. В статье есть разбор на примере системы автоматического дальнего света: от концепции до тестирования на полигоне. И забавный факт: ключ зажигания в Porsche слева, потому что так было удобнее стартовать на гонках в Ле-Мане. Решение осталось как часть ДНК бренда.

Внутри:
– Чем HMI отличается от классического UI/UX;
– Как делают бенчмаркинг автомобилей: от запаха в салоне до карты экранов;
– Почему у Porsche и «Копейки» ключ зажигания слева;
– Пример разработки системы дальнего света от идеи до производства;
– Кто входит в команду и как согласовывают логику работы.

Кстати, есть сервис аля моббин для интерфейсов авто, чекайте

➡️ Читать статью

———

💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы

🧠 12 когнитивных искажений, которые влияют на решения пользователей

Борис Юзефпольский, руководитель UX-исследований в Островке, разобрал поведенческую психологию на примере travel-сервисов. Он сам попался на уловки во время семейной поездки: выбрал отель с плашкой «остался 1 номер», хотя понимал, что это триггер дефицита. А потом весь полёт переживал из-за решений, которые уже нельзя было изменить.

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

Внутри:
– Якорение через зачёркнутую цену;
– Социальное доказательство и бейджи «популярно»;
– Эффект бесплатности в формулировках тарифов;
– Парадокс выбора при слишком большой выдаче;
– Эффект компромисса и почему средний тариф продаётся лучше.

➡️ Читать статью

———

💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы

☄️ 3 рекорда на Hirehi. Моё личное достижение.

На hirehi появились вакансии для DevOps! Если у вас друзья или знакомые ищут работу, пусть приходят) Пользуются и пишут фидбек!

Про рекорды
Хочу здесь порадоваться за себя и отметить рекорд. Во-первых рекорд платных пользователей в день, во-вторых в гугле за день было 15000+ показов моего сайта! За 1 день. Я до сих пор в шоке. Это лучший показатель за всю историю и один день. По кликам тоже)

Напомню, что я делаю hirehi как эксперимент вайбкодингом. Я не разработчик, а дизайнер. Все написано нейронкой.

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

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

Спасибо всем вам, кто пользуется сервисом и советует его :)

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

По любым вопросам пишите мне

➡️ Смотреть вакансии
➡️ Смотреть вакансии

———

💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы

🎞️ Keyframes-токены: как навести порядок в анимациях проекта

Разработчик Амит Шин написал о проблеме, которую он встречает на каждом новом проекте. В коде разбросаны десятки определений одних и тех же анимаций: несколько fade-in, пара slide, несколько spin. Разработчики пишут их заново, не зная, что похожие уже есть где-то рядом.

Главная ловушка в том, что keyframes всегда глобальны. Даже в компонентной архитектуре последнее определение с таким именем перезаписывает все предыдущие. Локально всё работает, а на продакшене анимации ломаются из-за порядка загрузки стилей. Решение: единый файл с переиспользуемыми keyframes, которые настраиваются через CSS-переменные.

Внутри:
– Почему keyframes дублируются в каждом проекте;
– Как глобальная область видимости ломает анимации;
– Динамические slide и zoom через CSS-переменные;
– Комбинирование анимаций и animation-composition;
– Поддержка prefers-reduced-motion из коробки.

➡️ Читать статью

———

💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы

🤖 Как превратить вайрфрейм в рабочий прототип с помощью Claude Code и Figma MCP

Продуктовый дизайнер Ясонас Георгиадис протестировал, можно ли с помощью AI создавать прототипы, которые используют реальный код проекта, а не генерируют что-то на Tailwind с нуля. Он взял нарисованный от руки вайрфрейм и одним промптом получил страницу на React с правильными компонентами и токенами из дизайн-системы.

Ключ к успеху оказался в подготовке. Переменные Figma были привязаны к CSS-токенам, компоненты связаны с кодом через Code Connect, а для Claude Code написаны файлы CLAUDE.md с правилами работы. В итоге AI не угадывал, а следовал чёткой логике дизайн-системы.

Внутри:
– Чем CLI-инструменты лучше плагинов для IDE;
– Как выровнять переменные Figma с CSS-токенами;
– Субагенты Claude Code для параллельных задач;
– Сравнение Claude Code и Codex CLI на одном вайрфрейме;
– MCP-серверы для тестирования через Playwright.

➡️ Читать статью

———

💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы

🔔 Inspiration #167

Подборка лендингов и сайтов для вдохновения на предстоящую неделю 🔥

– exat.hottype.co
– in.tern.et
– early.works
– primary.works
– truus.co

———

– danielamuntyan.com
– nightwatch.laravel.com
– silosilosilo.com
– getproven.com
– nk.studio

———

– nitex.com
– pierre.co
– savor.it
– eddie.eco
– primeasialeather.com

———

– uxkosta.com
– studiofred.fr
– play.garance.com
– pencil.dev
– haymarkethq.com

———

💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы

🤖 ИИ делает прототипы быстро, но без души

Хуэй-Хсин Ванг и Меган Браун из Nielsen Norman Group взяли реальную задачу: переделать страницу профиля участника своих курсов. Они прогнали её через все популярные ИИ-инструменты для прототипирования и сравнили результат с работой живых дизайнеров.

Выяснилось, что ИИ выдаёт приличные макеты только при очень детальном промпте или когда ему скармливают готовый скетч или ссылку на Figma. Без этого всё выглядит типично и серо, а в деталях куча промахов: элементы не сгруппированы, отступы гуляют, цвета конфликтуют, иерархия разваливается. Ещё ИИ часто путает контекст и лепит паттерны из соцсетей туда, где они не нужны.

Внутри:
– Почему только сверхподробный промпт даёт результат близкий к человеческому;
– Как загрузка скетча или Figma-файла делает копию почти идеальной;
– Какие именно мелочи ИИ пропускает даже при хорошем описании: группировка, отступы, контраст;
– Почему без указания стиля всё выходит в сером минимализме с яркими цветовыми пятнами;
– Как ИИ принял личный кабинет курса за профиль в LinkedIn и выделил не те акценты;
– На каких стадиях сейчас реально полезно запускать ИИ-прототипы, а где только зря потратите время.

➡️ Читать статью

———

💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы

Мультисенсорная олимпиада по дизайну для школьников: что это и зачем

Центральный университет запускает первую в России олимпиаду по дизайну для учеников 10-11 классов. Называется dsgn sense.

👀 Что интересно
Это не просто нарисовать картинку, а про реальный UX и работу со всеми каналами восприятия: зрением, слухом, осязанием, обонянием и вкусом. Участники попробуют себя в графическом, продуктовом и промышленном дизайне.

Задания готовят компании-партнёры: Т-Банк, Яндекс Станция, Щёлочь, Брусника, Drinkit, The Act. Всё из реальной индустрии, не учебные кейсы.

Финал пройдёт в Дубне на площадке НИИ Объединённый институт ядерных исследований. Финалисты будут создавать проекты для развития инфраструктуры наукограда с возможностью реально повлиять на среду.

🔥 Что получат участники
– Работу с экспертами индустрии;
– Весомые кейсы в портфолио;
– Призы от партнёров;
–Ггранты до 100% на обучение в Школе дизайна от Центрального Университета;
– Возможность стажировки в Т-Банке.

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

➡️ Читать статью

———

💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы

🎯 Как перестать тонуть в фидбеке на дизайн-ревью

Показываешь работу, получаешь двадцать мнений, выходишь с бо́льшим хаосом, чем было до встречи. Знакомо? Парване Тогиани, Principal Designer в Uber, рассказала, как она девять лет набивала шишки на ревью и что в итоге поняла.

Главный инсайт: ревью это не этап согласования, это место, где строится доверие и влияние. Она выделяет три типа встреч: alignment (согласование проблемы), evaluation (оценка направлений), sign-off (финальное утверждение). Однажды она несколько дней готовила идеальную презентацию для sign-off, а оказалось, что проблема вообще не была согласована на уровне руководства. Классика. Ещё важно: не показывать всё подряд и не ждать, что выберут за тебя. Три направления достаточно, и у тебя должна быть своя рекомендация.

Внутри:
– Три типа ревью и чего ожидать от каждого;
– Как адаптировать презентацию под разную аудиторию;
– Почему показывать больше пяти направлений это ошибка;
– Как направлять разговор, если он уходит в сторону;
– Шаблоны слайдов: цели, non-goals, предыдущие решения, итоги.

А как у вас проходят ревью? Выходите с ясностью или с новыми вопросами?

➡️ Читать статью (V*N)

———

💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы