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

Студия Crauch вместе с командой SNP переделала платформу для багхантеров. Раньше там был только поиск по нику, непонятная система баллов и программы без денежного вознаграждения, которые никому не были интересны. Нужно было вернуть азарт и сделать рейтинг честным. Команда изучала не только конкурентов, но и геймерские интерфейсы: HLTV, Dota 2, FIFA. Оттуда взяли идеи визуализации прогресса и динамики. В итоге получился баланс между серьёзностью для бизнеса и соревновательностью для хакеров. Внутри: – Профиль хакера как портфолио с графиками роста; – Ачивки от вендоров для программ без бюджета; – Огненная рамка для тех, кто резко поднялся в рейтинге; – Сравнение хакеров как корзина в маркетплейсе; – Математическая модель с усыханием баллов за неактивность. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Посмотрел свежий выпуск подкаста «Это моя работа» с Даней Ковчием. Даня арт-директор в Яндексе, отвечает за визуальный язык Алисы, Карт, Поиска и Умных устройств. Там обсудили много всего: как устроен дизайн-процесс внутри Яндекса, как выходить из творческого ступора, что такое сильное дизайнерское мышление и какие навыки станут ключевыми в ближайшие годы. Ещё про союз между дизайном, продуктом и CEO. Зацепило несколько мыслей. 🔘 Про идеи Даня говорит, что процесс рождения идеи похож на химическую реакцию. Берёшь какие-то слои информации, выкладываешь их на доску и смотришь, как они начинают шипеть. Прикол в том, что эти слои часто лежат у всех на компьютере, но никогда не встречаются вместе. И 80% его работы просто зафиксировать это. Звучит просто, но мало кто так делает. 🔘 Про задачи Понравилась метафора с матчмейкингом в играх. Важно правильно оценивать уровень дизайнера и сложность задачи, чтобы человек рос, а не буксовал на месте. 🔘 Про душу проекта «Душа» проекта — не то, что арт-директор привносит извне, а то, что он помогает раскрыть. Его главная задача заключается в том, чтобы структурировать, систематизировать и усилять фактуру, которая уже есть. Источник же этой энергии, как говорит Даня, обычно исходит от харизмы фаундера. В общем, если вы дизайнер, продакт, тимлид или основатель и хотите понять, как создаются решения в больших продуктах, посмотрите 👍 ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Ясонас Георгиадис исследовал, как дизайнеры могут использовать агентные CLI-инструменты Claude Code и Codex CLI для создания AI-управляемых рабочих процессов. Главное отличие от AI-IDE: CLI-инструменты подключаются напрямую к моделям, минуя посредников, что делает взаимодействие быстрее и надёжнее. Ключ к успеху — идеально выровненная дизайн-система, где переменные Figma напрямую соответствуют CSS-токенам. Автор использовал новые возможности Code Connect UI с компонентным маппингом и MCP-инструкциями для каждого компонента. Файлы CLAUDE.md в корне проекта определяют правила поведения AI-агентов и структуру проверок. В тесте с превращением нарисованного от руки макета в прототип Claude Code справился за 14 минут, создав респонсивную страницу с правильными токенами, а Codex CLI потратил 20 минут с менее точным результатом. Внутри: – Почему прямое подключение к моделям эффективнее работы через IDE; – Как субагенты работают в изолированных контекстных окнах для экономии токенов; – Зачем нужны матрицы проверки компонентов (Default, Hover, Active, Focus, Disabled); – Какие 10 специализированных агентов автоматизируют проверки дизайна; – Как Playwright MCP позволяет Claude самостоятельно тестировать интерфейс в браузере; – Почему больший контекст часто приводит к менее точным результатам. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Сегодня каждый день можно услышать что-то про нейросети. Каждый день появляются десятки новых, улучшаются текущие и кажется, что весь мир ушёл далеко вперёд, а вы упускаете возможность Я сам пилю hirehi исключительно силами ИИ. Весь дизайн, фронт, бэк и прочее собирается нейросеткой, от чего я до сих пор в шоке, а они еще и улучшаются каждый день. Поэтому стараюсь всегда быть в контексте того, что происходит на рынке, а происходит что-то ежедневно Но вот что заметил. Большинство контента про ИИ делают для новичков. А что делать тем, кто уже работает мидлом и хочет понять, как это применять в реальных задачах, а не просто «сгенерить картинку»? Ребята из Яндекс Практикума PRO делают бесплатный вебинар как раз про это. Без воды, с живыми кейсами от практиков. ⚡️ Кому идти Тем, кто уже работает в IT и диджитале и хочет понять, как нейросети реально помогают в работе. И тем, кто переживает, что ИИ отнимет работу и хочет превратить его в помощника ✨ 👀 Что будет – Разберут, как продюсерам работать с контентом и брендом через ИИ; – Покажут, как дизайнерам ускорять работу с референсами и сохранять свой стиль; - Расскажут, как менеджерам использовать ИИ для анализа фидбека и приоритизации задач; И в конце поговорят, какие профессии трансформируются быстрее всего и что с этим делать. 🎙 Спикеры – Андрей Рассказов, креативный продюсер в Яндексе; – Пётр Москалёв, дизайн лид в ГК Самолёт; – Анастасия Тмур, менеджер проектов в Яндекс Образовании. Ребята из практики, не теоретики 📍 Когда 16 декабря, 18:00 мск. Онлайн и бесплатно. Если чувствуете, что упускаете что-то с этими нейросетями и хотите понять, как их применять в своей работе, а не просто читать про них в новостях, приходите послушать 🙂 ➡️ Зарегистрироваться

Джон Озбей критикует падение качества UX в продуктах Apple за последние 8-10 лет. Главные проблемы: приложение Напоминания каждый раз при запуске требует доступ к геолокации без опции «Больше не спрашивать», панель поиска находится в разных местах в разных приложениях (справа в Finder, слева в Картах, по центру в Контактах), а дизайн вкладок не унифицирован. iOS 26 усугубила ситуацию: в тёмном режиме не видны названия папок в приложении Файлы, значки в меню «Поделиться» отображаются некорректно, а новый эффект liquid glass делает текст в iMessage практически нечитаемым на фоновых изображениях. WebKit в iOS 26 сломал вьюпорты во всех сторонних браузерах, из-за чего контент скроллится под UI-элементами. В Safari кнопки панели мигают как сигнал SOS, а фиксированные элементы становятся недоступными при скролле. Внутри: – Почему панель поиска в Finder теперь практически невидима; – Как режим уменьшенной прозрачности создаёт чёрные панели в интерфейсе; – Почему эффект liquid glass на iPad не исчезает при наведении мыши; – Как iOS 26 заставляет выбирать фоновое изображение, делающее текст нечитаемым; – Почему переключение вкладок теперь требует двух касаний вместо одного; – Как новый дизайн ускорил разрядку батареи на iPhone 12/13 mini. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Автор, изучавший электроэнергетику в СПбПУ и получивший удостоверение электромонтёра 4-го разряда, рассказывает о стажировке в «Академии стальных возможностей» НЛМК. Из множества заявок до финальных собеседований дошло только 10-15 человек, а ключевую роль в отборе сыграло портфолио. Стажировка включала три этапа: онлайн-обучение с погружением в процессы компании, вводную практику с 4-дневной командировкой на производство в Липецке, и самостоятельную работу над реальными задачами. Среди проектов: разработка AI-сервиса для генерации интерфейсов, подготовка дизайн-системы для публикации в комьюнити и оптимизация интерфейса единой цифровой платформы. Главное открытие: в промышленности дизайн — это не про красоту, а про функциональность в условиях высоких рисков и критически важных операций. Внутри: – Почему производственная площадка в Липецке — это город в городе; – Как MES-система помогла понять специфику промышленного дизайна; – Зачем НЛМК развернул собственный AI-чат для сотрудников; – Какие проблемы UX решались: незаметные кнопки в сайдбаре, непонятная навигация; – Почему «красивый» интерфейс не работает в тяжёлой металлургии; – Как стажёр освоил Jobs To Be Done и продуктовый подход. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Подборка лендингов и сайтов для вдохновения на предстоящую неделю 🔥 – pithafrica.com – dbco.online – heyo.is – mixpanel.com – wand.app ——— – azionepr.com – leoleo.studio/en-gb – blueyard.com – entreautre.com/en – recent.design ——— – dribbble.com – afnizarnur.com – kons.fyi – allo.restaurant – tryprofound.com/zeroclick ——— – 7shifts.com – icggallery.irisceramicagroup.com/en – caffe.design – bekventures.com – parallel.ai ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

• Нейронка генерирует изображения в 1, 2 и 4K с качественным рендерингом текста. Она не искажает типографику на макетах, плакатах, чертежах и инфографике • Поддерживает многоэтапные правки: можно последовательно вносить изменения в созданное изображение с помощью промтов • Использует поиск Google для проверки фактов и генерации изображений на их основе, например карт погоды или биржевых диаграмм • Работает с 14 референсными изображениями одновременно. Из них пять могут быть с персонажами, а шесть — с предметами, и нейронка сохранит их внешний вид в сгенерированной картинке • Можно редактировать ракурс, фокус, освещение и цвета, а также менять часть изображения Получившиеся изображения маркируются незаметным цифровым водяным знаком SynthID. В приложении Gemini можно проверить, картинка оригинальная или сгенерированная. Саймон Уиллисон протестировал и описал возможности модели. Он продемонстрировал, как нейронка справляется с многоэтапными правками и генерацией инфографики. Стоимость использования нейронки по API: 24 ¢ — за изображение в 4K и 13 ¢ — за изображение в 1 или 2K. #инструменты

Ловите 2 канала, чтобы решить эту проблему: Макеты Figma — коллекция реальных сайтов в формате Figma. От простых лендингов до интернет магазинов Много дизайна — культовый канал, откуда черпают вдохновение и новички, и опытные дизайнеры

Команда Markswebb проанализировала 25 мобильных приложений крупнейших интернет-магазинов и выделила 14 решений, которые снижают возвраты. 4 из 5 причин возвратов связаны с этапом выбора товара. В России в категории одежды на маркетплейсах возвращают до 45% заказов. Главная идея простая. Когда покупатель заранее понимает, что именно получит, он реже ошибается. Виртуальные примерки, умные подсказки по размеру, фото от других покупателей и честное сравнение цен помогают сделать выбор осознанным. Внутри: – Замеры одежды прямо в карточке вместо таблиц размеров; – Виртуальные примерки на 3D-аватаре или похожей фигуре; – AR-функции для проверки мебели и техники в интерьере; – Умные резюме и поиск по отзывам; – Сравнение цен от разных продавцов в один клик. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Даша Сигаева, исследователь с магистерской степенью МГУ, делится авторской методикой проектирования цифровых продуктов. Главная идея: согласно исследованию Baymard, более 50% из 325 ведущих e-commerce сайтов неудобны для пользователей, и ни один не достиг «идеального» показателя. Методика строится на последовательном движении от клиентского опыта (CX) через пользовательский опыт (UX) к интерфейсу (UI). CX охватывает всё взаимодействие с брендом до, во время и после использования продукта. UX определяет структуру сценариев внутри интерфейса. UI визуально усиливает эти сценарии через управление вниманием. На этапе CustDev достаточно 7 подробных интервью для выявления основных паттернов поведения. При создании Customer Journey Map фиксируются джобы по JTBD, драйверы и барьеры на каждом этапе пути пользователя. Внутри: – Почему кнопка «Купить» в баннере лендинга не работает без контекста; – Как метод «снежного кома» помогает найти реальных пользователей; – Зачем фиксировать драйверы и барьеры на каждом этапе CJM; – Почему wireframe делают монохромным для фокуса на структуре; – Какие UX-метрики замеряют: время выполнения, успешность, количество ошибок; – Как эффект баннерной слепоты влияет на расстановку акцентов. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Ловите 2 канала, чтобы решить эту проблему: Макеты Figma — коллекция реальных сайтов в формате Figma. От простых лендингов до интернет магазинов Много дизайна — культовый канал, откуда черпают вдохновение и новички, и опытные дизайнеры

Каран Равал рассказывает о проектировании дашбордов, которые помогают принимать решения под давлением. Главная проблема: многие панели показывают данные в реальном времени, но не помогают понять, что требует немедленного внимания. Ключевые подходы включают дельта-индикаторы и спарклайны для отображения изменений, микроанимации длительностью 200-400 миллисекунд для привлечения внимания без отвлечения, и мини-историю последних изменений для снижения нагрузки на память. На примере компании по прокату автомобилей операторы смогли сократить время проверки состояния машин с нескольких часов до 5 минут благодаря объединению всех метрик в одном интерфейсе. В здравоохранении объединение лабораторных результатов, медикаментов и аллергий в одном интерфейсе позволило кардиологам быстрее диагностировать и назначать лечение. Внутри: – Почему человек может обработать только 5 элементов одновременно; – Как скелетные UI заменяют спиннеры и снижают тревожность; – Зачем показывать «Данные на 10:42» при сбоях подключения; – Почему спарклайны эффективнее полноценных графиков; – Как цветовое кодирование (красный для критичного, зелёный для стабильного) ускоряет интерпретацию; – Какие ARIA-регионы помогают озвучивать изменения для скринридеров. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Вот один из них. Это пойдёт на продуктовую упаковку, дизайн которой уже давно сделал другой автор. Но я показываю просто надпись. И да, я очень рад, что ко мне всё чаще обращаются за кириллицей!

Рама Крушна Бехера из команды Razorpay рассказал, что происходит с компонентом после того, как его выпустили. Оказывается, запуск это только начало. Дальше команда получает запросы от дизайнеров и разработчиков, оценивает их и решает, что чинить, что улучшать, а что оставить как есть. В команде выстроили чёткий процесс. Все запросы приходят в один Slack-канал, каждую неделю проводят созвоны для разбора задач, а для типовых вопросов создали бота, который отвечает вместо команды. Внутри: – Два типа запросов и как их различать; – Как понять, баг это или неправильное использование; – Система приоритетов P0, P1 и P2; – Три пути решения проблемы; – Практики команды для быстрой обработки запросов. ➡️ Читать статью (V*N) ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Привет! На связи Алиса – лид-дизайнер студии UPROCK 👋🏼 Уже больше трех лет работаю в команде и курирую коммерческие и учебные проекты. Если смотрели предыдущие разборы – возможно, мы уже знакомы 😊 Сегодня в видео разбираем тему, без которой невозможно сделать современный, стильный и продуманный проект: как работать с референсами и зачем они нужны дизайнеру. Кажется, что референсы – это просто набор красивых картинок, но на самом деле это фундамент, на котором строится вся визуальная концепция. Особенно, если вы начинающий дизайнер: насмотренность, поиск направлений, анализ трендов – все это рождается именно здесь. 📌 В видео я показываю на примере студенческого проекта, как правильно проходить этот путь: • Эмоции и атмосфера. Выпишите все ощущения, которые ассоциируются с темой проекта и выделите из них ключевые – именно они задают визуальный вектор. • Поиск на Pinterest. Pinterest – отличный инструмент, но важно не ограничиваться 3–4 картинками. Собирайте десятки вариантов, анализируйте, что цепляет: свет, линии, движение, мелкие декоративные элементы. • Отбор идей. Выделяем, какие именно приемы будут создавать настроение дизайна: линии, направление, акцентный объект. • Изучение реальных сайтов. Очень важно смотреть не только короткие вдохновляющие фрагменты, но и полноценные интерфейсы. • Определение композиции. Составляем френки – он помогают увидеть структуру будущего сайта без цвета и контента. Работа с референсами – это этап, который экономит вам недели поиска решений и помогает прийти к цельному, продуманному и эстетичному дизайну. А ниже делюсь подборкой проектов наших студентов и выпускников для вашего вдохновения: ⚡️Татьяна Бравина – Портфолио ⚡️Элина Шакирова – SOLUM ⚡️Валерия Кожухова – EMBER & ECHO ⚡️Валерия Микшина – Nude Project ⚡️Арсений Щукин – TRENDTHREAD

Милан Балач во второй части статьи о TV-дизайне разбирает практические аспекты проектирования интерфейсов для телевизоров. Главный принцип: все платформы (Roku, WebOS, Android TV, Fire TV, tvOS) используют одинаковую схему управления через D-pad, OK и Back, что позволяет создавать универсальные решения. Ключевые ограничения включают необходимость отступов в 5% от краёв экрана (или 60 точек сверху/снизу и 80 по бокам), базовый размер текста от 24px вместо привычных 16-18px для веба, и обязательное визуальное выделение фокуса через масштабирование, инверсию цветов или рамки. Интересный приём: использование 13 колонок вместо 12 позволяет последнему элементу «полки» лучше выглядывать из-за края. Ввод текста через D-pad требует около 38 нажатий для фразы «hey there» против 9 на мобильном устройстве. Внутри: – Почему нечётное количество колонок решает проблему overscan; – Как использовать длительное нажатие для удвоения функций кнопок; – Зачем Prime Video переназначает кнопку Up для функции X-Ray; – Почему вертикальное движение меняет группы, а горизонтальное элементы внутри; – Как PNG с прозрачностью оживляет жёсткие интерфейсы; – Какие три пропорции постеров (2:3, 16:9, 1:1) используются для разного контента. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Алексей, принципал-дизайнер с 15-летним опытом, рассказал о первом ромбе системы Double Diamond и том, как исследовать пользователей при ограниченном бюджете. Главная мысль: пока гипотезы не подтверждены статистикой и реальными пользователями, они остаются просто предположениями. В классическом подходе первый ромб включает интервью со стейкхолдерами, работу с аналитикой, интервью с пользователями, опросы и анализ конкурентов. При интервью важно слушать 80% времени и задавать вопросы только 20%, использовать правило «5 почему» и не искать готовых решений. На примере email-приложения Noetro команда через анализ форумов нейросетями выяснила, что пользователи хотят использовать входящие письма как ту-ду задачи. Решением стала папка «Дайджест», где письма остаются непрочитанными до ручной отметки «Готово». Внутри: – Почему важно визуализировать карту проблем в Miro или FigJam; – Какие метрики запрашивать у аналитиков для валидации гипотез; – Зачем платить респондентам $60-100 за интервью; – Как формулировать Problem Statement через паттерн потребности; – Почему нейросети лучше искать боли на форумах, чем спрашивать напрямую; – Какие 30 из 80 болей email-пользователей закрыли в MVP. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Подборка лендингов и сайтов для вдохновения на предстоящую неделю 🔥 – kinhive.com – turn.io – rierastudio.com/en – literal.club/book/the-ride-of-a-lifetime-gcw03 – nicolasbussiere.com ——— – clay.earth/apple-vision-pro – goosebumps.epic.net – firstframe.fr – doubleplay.studio – benjamindauton.com ——— – cobot.co – figma.com/slides – bradleyziffer.com – cluely.com – lemon.io ——— – quadplex80.com – helmutagency.com – miter.com – aether1.ai – mikkisindhunata.com ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Представляем Spiral — наш новый визуальный поисковик. Ищите что угодно — неясную идею, сложный бриф или даже одно изображение. Spiral возвращает организованные, многопоточные результаты за секунды, охватывая то, о чём вы думаете, с разных сторон. Всё в одном окне — без необходимости прокручивать. Смотрите временные линии, эстетику, референсы и связи. Spiral уже запущен. 🔗 soot.com #ЩLAB by r.