Оттачиваем UI: 3 микроанимации в сервисе бронирования отелей

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

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

Когда команда запускает витрину продукта — каталог, рекомендации или подборки, — почти сразу возникают вопросы: «Будут ли пользователи что-то из неё скачивать или покупать и какая будет конверсия?»
До запуска на них сложно ответить честно: у пользователей ещё нет привычки, у продукта — стабильной выдачи, у витрины — накопленного доверия, а у команды — реальных данных поведения. Поэтому полезнее временно отложить вопрос «какая будет конверсия?» и спросить иначе: «Сможет ли витрина запустить выбор, когда у пользователя ещё нет сформулированного запроса?»
Меня зовут Таня Лескова, я ведущий UX-исследователь в магазине приложений RuStore. На примере исследований витрины RuStore расскажу, как мы проверяем такие сценарии до запуска: смотрим не на гипотетическое «скачал бы или не скачал», а на более раннюю цепочку — заметил, понял, поверил, захотел разобраться дальше.

Есть мнение, что редизайн интернет‑магазина — это история про «освежить главную и поменять шрифты». Второй вариант — зачем менять, если и так работает. Но за внешним обновлением или скрепами почти всегда скрыт вопрос, протянет ли бизнес со своей текущей архитектурой еще год без потери клиентов. Привет, я — Александр Кузьмин, менеджер проектов в Morizo, на примере В2В‑магазина с оборотом в 1,5 млрд руб. расскажу, почему дизайн и архитектура в опте не работают как в В2С, а даже наоборот — приносят убытки.

Всем привет! Я Никита Сошин, арт-директор и дизайнер в evilUNION. Вместе с Александрой Дёминой, дизайнером в evilUNION, мы в начале 2026 года взялись за проект, который казался решаемым через автоматизацию.
Проект жёстко ограничен по срокам и бюджету — всем знакомо?
Нам нужно было собрать базу для дизайн-системы мобильного приложения с нуля. Токены, типографика, компоненты, шаблоны, документация — всё сразу и в сжатые сроки. Делать это полностью руками было слишком долго, поэтому я задался вопросом — а как можно это автоматизировать?
План был безупречно амбициозный: делегировать и построить настоящий конвейер, который поможет нам не тормозить бизнес. И, не застревая на кропотливой работе с компонентами, экспериментировать с экранами и пользовательскими путями.
Спойлер: не вышло 😣. Но случился один сюжетный поворот…

Разобрал доклад Anthropic «Prompting 101» и собрал из него рабочую схему сборки промптов. С веб-сервисом и готовым Project для Claude.ai

Привет! Я Софа, ведущий b2e дизайнер в Perfomance Lab, и я считаю, что внутренние продукты недооценены, а процесс их создания в корне отличается от b2c/b2b.
Сегодня речь пойдёт про последнее упомянутое решение — PWA-конструктор, который помогает нашим медиабаерам проверять свои гипотезы быстрее и создавать более 20 приложений каждый день. Я расскажу, зачем мы начали его делать и с какими сложностями столкнулись.
За годы работы в продуктовой команде я убедился, что самые частые ошибки и потери качества возникают на стыке дизайна и разработки. Процесс превращается в повторяющиеся вопросы, решения «по ходу», а итоговая реализация порой значительно отличается от задуманного.
Если вы дизайнер, разработчик или продакт, эта ситуация вам может быть знакома.
В статье я покажу, как мы в Лемана Тех пришли к созданию чек-листа для передачи макетов в разработку, какие сложности вскрылись по пути и как этот инструмент помогает нам наладить процессы на стыке ролей.
В конце делюсь самим чек-листом — его можно забрать и адаптировать под свою команду.

Как сделать так, чтобы продукт или фича работала для пользователя? Ответ в этой статье.
Привет, на связи Саша Солдатов, CEO REB8T! Сегодня расскажу про четыре инструмента, которые наша команда использует в работе на каждом проекте: JTBD, ICE-приоритизацию, User Flow и UX-гипотезы.
Огромное спасибо нашему Lead UX/UI Вере Ксенофонтовой, которая собрала этот материал и разложила всё по полочкам для вас и нашей команды!
А теперь, начнём!

Все мы знаем этот рабочий любовный треугольник: клиент — дизайнер — разработчик.
Клиент: «А давайте при движении мышки у нас из частиц соберётся грузовик, а потом ещё и датчик слежения за ним?»
Дизайнер: «Я нарисовал. Примера анимации нет, но я тебе сейчас всё объясню на словах…»
Разработчик: «А можно хотя бы референс, механику движения и понимание, что должно происходить?»
Знакомо? Особенно когда клиент хочет «как у Apple», дизайнер придумал красоту, а фронтендеру нужно понять, как это реализовать и сколько времени закладывать.

Проблема
Как тоновые растяжки решают проблему
Тоновые растяжки в Primitives (три уровня переменных)
Некорректные методы сборки
Корректные методы сборки
Лайфхаки
Выводы

Привет, Хабр! На связи Андрей, продуктовый дизайнер Garage Eight. Апрель выдался максимально насыщенным: ИИ продолжает лезть в дизайн, большие компании релизят продукты один за другим, а брендинг и типографика все так же радуют глаз.
Сегодня в выпуске:
1. Claude Design
2. Gemini for Mac
3. Новые иконки Google
4. Олимпиада в Лос-Анжелесе
5. ChatGPT Images 2.0
6. GPT-5.5
7. Amazonia
8. Literatura
9. Cosmos
10. Aesthetics of AI

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

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

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

Или как дизайнеру продукта решать проблемы бизнеса и причём тут заводы с конвейерами.
Представь, к тебе пришли с задачей: в приложении низкие показатели активации пробной подписки. Пользователи скачивают приложение, но мало кто начинает триал. Тебя просят сделать что-то с онбордингом, ведь именно там последняя возможность донести ценность.
Поддавшись природному инстинкту дизайнера, ты открыл графический редактор и начал перерабатывать экраны: сократил количество экранов, обновил визуал, переписал тексты, сделал CTA контрастнее. Вроде бы всё стало лучше и понятнее. Но спустя время, когда пришла пора оценивать результаты работы цифры не сдвинулись: люди всё так же доходят до конца онбординга и закрывают приложение, не включая триал. Ты в замешательстве — время и ресурсы потрачены, а цель не достигнута. В какой момент что-то пошло не так?
Привет я продуктовый дизайнер в Альфа-Инвестициях, хочу поделиться знаниями о фундаментальной вещи, которая лежит в основе продуктового дизайна и гораздо важнее навыков UI, ведь кто будет пользоваться вашей красотой, если пользователь не видит ценности всего продукта в целом? Обо всём по порядку.

Приветствую. Меня зовут Анна, я ex ведущий коммуникационный дизайнер Звука от Сбера. В конце прошлого года я столкнулась с сокращением и попала на рынок труда. Мне было очень важно быстро найти новую работу, а не просиживать месяцы в статусе безработного. Поэтому я создала для себя максимально эффективную среду, которая мне позволила получить оффер за 1 неделю. Но есть нюансы, о них в конце.

В 2026 году выбор шрифта для сайта в России — это уже не только вопрос дизайна. На практике нужно одновременно учитывать три фактора: законность использования, качество кириллицы и устойчивость канала доступа к самой гарнитуре. Ошибки обычно возникают не из-за названия шрифта, а из-за способа его применения: без лицензии, вне условий лицензии, через незаконный self-hosting или через зависимость от поставщика, с которым для российских компаний возможны ограничения на покупку и сопровождение.
Для веб-проектов поэтому важно разделять три группы: безопасные шрифты, шрифты с лицензионными рисками и шрифты с санкционно-операционными рисками для России. Ниже — практический разбор именно в этой логике.

Зачем стартапу бренд до MVP?
Любой продакт на этом месте говорит: «Запусти MVP, проверь гипотезу, бренд потом». Логично. Проблема в том, что без бренд-платформы каждый следующий артефакт — лендинг, баннер, push, карточка в соцсети — генерируется заново с нуля. 20 артефактов по 5 минут — это 20 лотерей. 8 часов один раз — это система, из которой всё выводится. Показываю на кейсе, как собрать constraint-файл на одну страницу и перестать бросать кости

Привет! Меня зовут Алексей Нибо, я дизайн-директор в диджитал-агентстве Атвинта. В вебе я часто берусь за 3D и работаю в нескольких направлениях: архитектурные проекты, живые персонажи и промышленное оборудование. Про первые два уже рассказывал, а вот про оборудование ещё нет, хотя именно с него когда-то начиналась большая часть моей практики в Blender.
Расскажу про два кейса — сайты поставщиков метеорологического оборудования и опалубки. В обоих случаях я моделировал с нуля, но для разных задач. На первом — приборы собирались из отдельных деталей в короткой анимации, на втором была готовая конструкция, которую пользователь мог покрутить и рассмотреть со всех сторон.

Привет! Я Оля, лид дизайн‑системы Альфа‑Банка на мобильных платформах и я всерьёз считаю, что знания о вёрстке незаслуженно списали со счетов, особенно в 2026 году, когда дизайнеры всё чаще думают, что ИИ сделает за них всю работу, а вёрстку вообще можно не трогать.
Увы и ах. Вёрстка — это не просто «разложить прямоугольники на макете». Это мост между дизайном и кодом.
И — спойлер: ИИ тоже нужно учить, и учить на правильных примерах, но сначала стоило бы научиться вёрстке самому. Про ИИ в этой статье не будет — но зато будет много про православную ручную вёрстку: расскажу, почему считаю важным обращать на неё внимание при создании макетов и заранее закладывать правила, по которым она формируется. Особенно в эпоху, когда конкуренция высока, а ИИ кажется волшебной таблеткой.