Каталог спецпроектов

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

А вот сайта, где бы собирались все спецпроекты, да ещё и в РУ сегменте не было. Теперь есть, можно зайти и посмотреть 293 спеца по отрасли, задаче, году и интерфейсу

Если вы работаете в диджитал и постоянно делаете всякие спецы и нужны рефы — мастхэв, не благодарите 😍

➡️ Го разглядывать

———

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

🔔 Inspiration #172

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

– trybrass.com
– bento.me
– humanmade.co.jp
– havenservicing.com
– helio.cloud

———

– osome.com
– central.inc
– mikekus.com
– toggl.com/hire
– wisprflow.ai

———

– makereign.com
– notom.co
– park.photos
– topanga.io
– ginivini.com

———

– lilacsolutions.com
– damso.com
– abhishekjha.me
– joinvalley.co
– mojo-app.com

———

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

📱 CRM в мобильном приложении Ozon прошел 6 итераций разработки, чтобы маленькие продавцы могли работать без маркетолога

Настя Воронцова, ведущий продуктовый дизайнер в Товарах (Ozon), рассказала как проектировали CRM в мобильном приложении для продавцов. Основная задача: сделать инструмент, который не требует наличия у продавца маркетолога. Работу начала не с детальной проработки страницы, а с концептов.

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

Внутри:
– CRM анализирует покупателей по RFM-анализу: давность сделки, частота, вложения, сегментирует на группы;
– Закон Парето: 80% продаж исходят от 20% постоянных клиентов, важно сосредоточиться на этой группе;
– Итерация 1: главная страница CRM, фильтры для переключения между сегментами, всё без скролла на стандартных телефонах;
– Итерация 2: список покупателей с фильтрами по сегменту, среднему чеку, действиям, дате последней рассылки;
– Фильтр "Действия покупателей": тип взаимодействия, количество товаров, период взаимодействия, можно точечно работать с аудиторией;
– Итерация 3: список рассылок, отслеживание статусов и анализ результатов на основе конверсии;
– Итерация 4: создание рассылки или баннера, предпросмотр, блок с напоминанием что выбрал на предыдущем шаге;
– Итерация 5: рекомендации подсказывают как работать с сегментом, кнопка с действием предзаполняет часть данных автоматически;
– Переход от переключения сегментов к вертикальному скроллу: снижает количество кликов, привычный паттерн для мобильных приложений.

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

———

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

🔤🔤 Выкатили фичу для доступности, а пользователи попросили вернуть всё обратно

СберИнвестиции потратили месяцы на адаптацию под увеличенный шрифт. Провели редизайн ячеек, переписали логику отображения, протестировали на разных конфигурациях. Выкатили в прод. Начали получать отзывы: «Верните старый дизайн». Что пошло не так?

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

Игорь, Android-разработчик в Сбере, рассказал про опыт работы с доступностью в команде «Портфель клиента». Провели исследование: 44,82% пользователей используют системное увеличение шрифта или интерфейса. Это огромный пласт аудитории. При увеличении старый интерфейс ломался: названия счетов обрезались, кнопки теряли текст, в ячейках активов пропадала половина информации.

Внутри:
— Стратегии обработки переполнения: обрезание, сокращение, перенос строк, авторазмер текста, динамическая вёрстка;
— Custom ViewGroup для ячеек с тремя состояниями: стандарт, переполнение 1, переполнение 2;
— Расчёт размера шрифта с учётом двух системных настроек: размер шрифта и масштабирование экрана;
— Динамическая высота шапки при перелистывании счетов и смене периода;
— Итоговое решение: дали пользователям самим выбирать тип отображения ячеек в настройках;
— После запуска количество пользователей с увеличенными ячейками значительно выросло и продолжает расти.

А вы тестируете свои интерфейсы с увеличенным шрифтом?

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

———

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

🍎 Apple в 1992: «Плохие иконки отвлекают и раздражают». Apple в 2025: добавила именно такие иконки везде

В macOS Tahoe компания добавила иконки к каждому пункту меню. Проблема: если иконка есть у всего, ничто не выделяется. Главная функция иконки в том, чтобы помочь быстрее найти команду. Но когда все пункты с иконками, это работает наоборот.

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

Внутри:
— Пятьдесят оттенков «Создать»: собрал все иконки для новых документов, папок, записей в одну картинку, абсурдность стала очевидной;
— Одинаковые иконки для разных действий: стрелка может означать импорт, обновления, быстрый просмотр или показать выполненное;
— Детализация в 12×12 пикселей: иконки размером 0,09 дюйма (2,4 мм) содержат камеру с видоискателем, окно с кнопками закрытия, букву i высотой 2 пикселя;
— Нет консистентности: «Сохранить» имеет разные иконки в разных приложениях, стрелки указывают в разные стороны;
— Текст вместо метафор: иконки Abc, BIU выглядят как текст, а не как символы;
— Игра без подписей: убрать названия команд и попытаться угадать по иконке, что она делает. Провал.

Apple взялась за невыполнимую задачу: добавить иконку к каждому пункту меню. Хороших метафор на всё не хватает. Но даже с учётом этого работа сделана плохо: нет консистентности, детали не видны, одинаковые иконки означают разное.

Как вам иконочки?

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

———

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

🔄 14 UX-решений, которые снижают возвраты в e-commerce

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

Marskwebb проанализировали 25 приложений крупнейших магазинов: Lamoda, ASOS, Zalando, Amazon, IKEA, Wildberries, OZON и другие. Выделили 14 инструментов в четырёх зонах риска. Например, Lamoda показывает замеры прямо в карточке без перехода в таблицы. ASOS предлагает размер на основе параметров тела и истории покупок. Zalando создаёт 3D-аватар по фото и показывает посадку с учётом пропорций. Amazon даёт разместить мебель в своей комнате через AR. BestBuy использует ИИ для резюме отзывов: типичные проблемы и преимущества в одном абзаце.

Внутри:
– Характеристики: персонализированный подбор размера, AI-сравнение товаров;
– Визуализация: примерка на похожей фигуре, AR для мебели и техники;
– Отзывы: сортировка по полезности, галерея фото/видео, поиск по темам;
– Дополнительная информация: прозрачный доступ к альтернативным ценам;
– Главный принцип: чем реалистичнее ожидания, тем меньше возвратов.

Как думаете, что работает лучше всего?

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

———

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

🔔 Inspiration #173

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

– telkom-ot.si/en/home
– flask.do
– grainient.supply
– raffi.town
– nationalgeographic.com/into-the-amazon

———

– dipseastories.com
– smoo.link
– pangrampangram.com
– harvey.ai
– velvetyne.fr

———

– superchill.org
– wewantmore.studio
– visitors.now
– physicalintelligence.company
– yourbana.com

———

– superlocaldesign.com
– layer9.com
– giga.ai
– byandstudio.com
– wabi.ai

———

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

Как я пилю свой продукт. Часть 27

Первая и самая главня новость
Я пробил 20.000 регистраций. Сейчас стабильно регается 150-200 человек ежедневно и цифры растут.

😮 Зарплаты
Я давно хотел сделать раздел зарплат, но никак не доходили руки. В 27 части дошли и раздел появился) Сейчас там уже более 1000+ сабмитов от пользователей. Я проверяю сабмиты + там есть некоторые проверки на бэке, чтобы не были сабмиты джуна на 1 млн рублей.
Приходите смотреть и оставлять свою

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

И да, это всё тоже нормально причесал под мобилку, потому что с телефона этим пользуются много.

Жду, когда челики из Эйч стырят 1в1 раздел, как они сделали со всеми фичами, которые появились у меня, резюме, сопроводами и другим) Не благодарите. Если ваши продакты не вывозят в бэклоге фич, увольте их. Ну или ждите, пока я сделаю новые.

📢 Что ещё обновил после прошлой части:
– Подкрутил отображение зарплат в вакансиях, чтобы суммы и вилки показывались понятнее;
– Дополировал сам раздел зарплат: фильтры, графики, форма добавления зарплаты, мелкие баги и визуал;
– Поправил вход/редиректы/авторизацию и часть моментов с оплатой;
– Причесал тему (светлая/тёмная), шрифты и UI на многих страницах;
– Сделал поиск точнее, чтобы было меньше случайных попаданий в выдаче;
– Добавил и починил источники вакансий, чтобы вакансии лучше подтягивались и реже отваливались;
– Подправил отклики и чат с рекрутерами + несколько багов на страницах вакансий;
– Подчистил страницы под поисковики (в том числе новую зарплатную страницу);

И да, добавил авторизацию через Яндекс) Тоже оттягивал это долго, а оказалось, что это можно было сделать за 10 минут. Ну как обычно, в целом.

0️⃣ Что по цифрам:
Hirehi растёт и это радует. Потихоньку, с 0 рублями в маркетинг.
– 1.4 млн показов и 48к кликов из гугла
– 1.03 млн показов из 37к из яндекса
– Рекорд по выручке за месяц, она тоже потихоньку растёт и подбирается к средней зарплате мидла. Я очень этому рад. Год назад я и мечтать о таком не мог

Самое главное, что работает SEO. Я продолжаю писать статьи в блог и оптимизировать страницы. И ещё круто, что часто меня рекомендует perplexity, chatgpt и другие. Трафик от них тоже есть и это радует.

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

Спасибо всем, кто пользуется и пишет фидбек с отзывами мне в лс. Каждый отзыв мотивирует и даёт силы ❤️

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

ч.26

🇯🇵 Почему японский интернет выглядит как из 2005-го и при этом отлично работает

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

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

Внутри:
– Почему демография напрямую влияет на визуальный язык сайтов;
– Как газетное мышление формирует плотную и нелинейную верстку;
– Зачем японским сервисам столько маскотов и как это снижает тревогу;
– Почему государственные сайты выглядят старомодно, но остаются рабочими;
– Как культура правил и кодавари отражается в интерфейсных решениях;
– Почему Япония рано запустила мобильные платежи и интернет еще до смартфонов;
– Как сосуществуют цифровой прогресс и устойчивые аналоговые привычки;
– Что можно забрать в продуктовую практику, если делаете e-commerce и массовые сервисы.

Хороший разбор о том, что странный интерфейс не всегда плохой интерфейс, если он точно попадает в контекст аудитории.

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

———

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

📱 Сторис как библиотека: в M2 вынесли сложную фичу в переиспользуемый модуль

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

Слава Фальзан показал весь путь на практике: от экономики решения до архитектуры и API. За 2025 сторис дали сильный эффект, каждый десятый пользователь посмотрел сторис «Сделка онлайн», и 2% от просмотревших дошли до оплаченной сделки. На этом фоне команда оформила библиотеку с гибкой настройкой, Room для состояния просмотренности и понятными точками входа для интеграции.

Внутри:
– Почему рост фичи сторис почти всегда приводит к усложнению поддержки;
– Как команда сравнила внешнее решение и собственную разработку по стоимости;
– Зачем в библиотеке оставили UI на стороне пользователя, а логику внутри;
– Как устроены два основных компонента: StoriesPreviewList и StoriesContainer;
– Почему модель сторис упростили до Map<String, Int> и чем это удобно;
– Как работают ключевые параметры: graphicsTransition, fullScreen, transparentBackground;
– Как хранится просмотренность через StoriesShownRepository и Room;
– Почему библиотеку можно использовать частями, а не только целиком.

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

———

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

🎮 Никто не остается в игре только из-за приятного интерфейса, но из-за плохого интерфейса уходят очень быстро

Сегодня игры конкурируют не только с играми. Они конкурируют с TikTok, Netflix, YouTube, соцсетями и любым другим способом забрать внимание на вечер. В такой среде удобство интерфейса не дает победу само по себе, но сильно влияет на то, останется человек в продукте или уйдет.

Александр Шпак, старший UX/UI-дизайнер в Ubisoft, разобрал эвристики удобства для игр и собрал практичный набор из 8 принципов на базе Нильсена и опыта индустрии. С примерами из God of War, Far Cry, Dead Space, Cuphead, Resident Evil и других.

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

➡️ Читать статью (v*n)

———

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

⌨️ Добавить горячие клавиши в веб приложение намного сложнее, чем кажется

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

Эрик Бейли показал это на реальном исследовании для Home, End, Page Up и Page Down. Он вручную проверил Windows и macOS, Chrome, Edge, Firefox, Safari, а также JAWS, NVDA и VoiceOver. Главный вывод: почти нет по настоящему безопасных сочетаний, а худший сценарий это поломка работы скринридера для человека, который полностью зависит от клавиатуры.

Внутри:
– Почему комбинация, которая выглядит свободной, часто занята браузером или скринридером;
– Какие сочетания уводят пользователя со страницы и создают риск потери данных;
– Почему симметрия клавиш Home и End важна для предсказуемого поведения;
– Зачем в продукте нужен отдельный блок настроек горячих клавиш;
– Какие различия между VoiceOver и JAWS или NVDA влияют на проектирование;
– Почему ручное тестирование в этой задаче надежнее, чем попытка закрыть все через ИИ;
– Какие ограничения проверки важно учитывать до релиза.

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

———

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