🌐 Единая ДС вместо трёх библиотек

Лена Шевченко и Артур Арсёнов рассказали, как команда Garage Eight устала каждый релиз перекраивать макеты под web, iOS и Android и провела аудит, который вскрыл десятки расхождений в цветах и шрифтах. После этого начали собирать токены и компоненты в одну кросс-платформенную библиотеку, чтобы любой экран выглядел одинаково на всех устройствах и не терял бренд-узнаваемость.

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

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

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

———

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

🧩 Порядок в интерфейсах ЮМoney

Борис Рябов описал путь команды от разрозненных компонентов к единому монорепозиторию. 70 микросервисов росли по своим правилам, поэтому интерфейсы расползались цветами и шрифтами. Ревизия всего фронтенда показала, что без общей библиотеки и чёткой документации платформа перестанет масштабироваться.

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

Внутри:
– Ревизия семидесяти микросервисов;
– Создание монорепозитория и документации;
– Инструмент для подсчёта использования компонентов;
– Планирование задач вместе с продуктами;
– Баланс контроля и свободы команд.

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

———

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

🔔 Inspiration #141

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

– risecalendar.com
– lynq.ai
– library.relume.io
– saybriefly.com
– github.com/features/copilot

———

– seline.so
– 3dstack.dev/coming-soon
– chargetrip.com
– headers.club
– forthepeople.agency

———

– linear.app/agents
– kota.io
– data.to.design
– dreamcut.ai/home
– porttanger.com

———

– public.work
– listenup.ai
– musesoftware.ai
– matvoyce.tv
– distributional.com

———

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

🛍️ Мегамаркет стал ближе к пользователю

Antro рассказали, как Мегамаркет обновил интерфейс, сделал меню компактным, добавил бесконечную ленту рекомендаций и фильтр по сроку доставки, чтобы покупки занимали меньше времени.

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

Внутри:
– Компактное меню и лента рекомендаций;
– Быстрый вход по Сбер ID;
– Фильтр по сроку доставки;
– Поиск по фото и динамические фильтры;
– Сравнение цен и витрина экспресс.

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

———

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

♿ Новый способ оценивать доступность

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

Метод вводит уровни Bronze / Silver / Gold и особые «критические ошибки» которые сразу роняют итоговую метку если человек не сможет завершить задачу. А также, предупредил о рисках субъективных оценок и опасности довольствоваться минимальной планкой, но посоветовал уже сейчас думать категориями задач пользователя а не чек-листов.

Внутри:
– Переход от бинарных проверок к системе баллов;
– Структура Guidelines Outcomes Methods;
– Уровни Bronze / Silver / Gold;
– Понятие критических ошибок;
– Риски субъективности и «минимальной доступности».

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

———

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

🪟 Как команда Microsoft переделала меню «Пуск»

Дизайнеры из Windows рассказали, как обновляли меню «Пуск». Они опросили тысячи людей, сделали простые макеты и проверили их на пользователях. Важно было оставить меню привычным и простым, чтобы все нужные приложения были сразу перед глазами.

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

Внутри:
– Что важно пользователям в меню;
– Как тестировали идеи;
– Полезные рекомендации;
– Удобный список приложений;
– Простая настройка меню под себя.

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

———

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

🤝 Как дизайнеры и аналитики улучшили фильтры

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

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

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

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

———

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

💡 Product Mind: мыслить как продуктовый дизайнер

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

Ксения Толокнова — продуктовый дизайнер и дизайн-лид с 12+ годами опыта. За плечами Альфа-Банк, Ростелеком, Рамблер, Иви, Мос.ру и десятки сложных проектов, запускает интенсив по продуктовому мышлению, чтобы помочь дизайнерам перейти от интерфейсов к настоящему продукту.

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

🔥 Что будет на интенсиве?
– Понимание, как мыслить от задачи, а не от экрана;
– Практика обоснования решений и подготовки к интервью;
– Разбор примеров, которые помогут прокачать портфолио;
– Живые кейсы без скучной теории.

⏰ Когда и где
10 и 11 июля в 19:00 по Москве. Онлайн-формат — участвуйте хоть откуда. И да, это бесплатно.

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

Если хочется больше уверенности в работе и на собеседованиях, то это must have. Приходите!

➡️ Зарегистрироваться
➡️ Зарегистрироваться
➡️ Зарегистрироваться

🎤 Ошибки дизайнеров на презе своих работ

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

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

Внутри:
– Почему макеты сами не говорят за себя;
– Как рассказать о пользе работы;
– Как чётко вести рассказ и не путаться;
– Работа с отзывами и вопросами бизнеса;
– Почему важен контекст проекта;
– Зачем репетировать презентацию заранее.

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

———

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

💥 Встречайте HireHi 2.0 (часть 12)

Последние 2 недельки пришлось плотненько засесть и сделать то, что я так давно откладывал) Получилось продуктивно и, главное, всё работает) Мой шок в шоке. Вот что получилось сделать:

🟡 Проверка CV (резюме)
Новый и красивый раздел в хедере с переливающимся градиентом, это он. Теперь вы можете загрузить своё CV и проверить его бесплатно по 18 пунктам. Нейронка всё проанализирует и напишет вердикт в плане оценки и того, что можно улучшить, а с чем всё ок. Там есть два режима: обычный и для ATS-систем. И да, возможно будет так, что в режиме для ATS балл будет высокий, но резюме проверку не проходит в атсках, потому что они настроены индивидуально и понять почему очень сложно.

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

Из забавного, на ранних тестах я закинул функционал знакомым и один написал, что заплатил за такие рекомендации 10к рекрутеру (думайте) 🙂

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

🟣 Страница компаний
Это больше SEO история пока, но с будущим заделом на полноценную страницу компаниИ. Сейчас выводится общий список всех компаний и вакансии, которые у них есть. По нажатию перекинет на страницу вакансий с поиском по этой компании. Это я откладывал недели две, а сделал за 20 минут (не откладывайте никогда то, что кажется сложным, иногда это легко)

Ну и как обычно фиксы багов и ошибок, но их уже сильно меньше, что радует. Все работает более менее стабильно. Кайф!

Что по цифрам:
– На сайте уже 580 регистраций, хотя сейчас по факту вход не нужен ни для какого функционала, но люди авторизуются, приятно
– Ретеншн немного не нравится, но в целом ок, каждый 3 человек возвращается, кто заходит первый раз. Нужно, чтобы возвращались все :D
– Переходы из поисковых систем растут от месяца к месяцу, в июне 7000 просмотров было из поиска, а в мае для сравнения было 2400. А за 11 дней июля уже 5421, что точно перегонит июнь в конце. SEO работает и не зря я проделал работу над ним, но можно ещё лучше, я уверен
– Среднее время на сайте 2 минуты
– Также растут и внутренние переходы, что говорит о том, что переликновка работает и тоже ок

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

Фух, как-то так, релиз 2.0 уже в проде. Можно смотреть и пробовать фичи) Если будут какие-то баги, пожелания, пишите мне в личку, я прислушиваюсь к каждому фидбеку.

И всё-таки мне нужен спец по SEO, чтобы пообщаться и понять, куда двигать и что улучшать) Если вы такой или у вас есть знакомые, дайте знать.

Если вы дизайнер с прекрасным UI, то вы мне тоже нужны. Задач не много, но прикольное порисовать можно. Можем для кайфа, можем с оплатой, но платить пока нечем :D (договоримся). Тоже пишите)

Ну и приходите на сайт и рекомендуйте друзьям и знакомым, мне это очень поможет 😍

ч.11 | ч.13

➡️ Перейти на сайт
➡️ Перейти на сайт
➡️ Перейти на сайт

🔔 Inspiration #142

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

– artpower.io/tortoise
– crumb.tv
– figma.com/sites
– joinhandshake.com/employers
– telescope.fyi

———

– appliedlabs.ai
– roachcap.com
– fey.com/features/finder
– craft.do
– orchestra.org

———

– camber.health
– buildcover.com
– missiveapp.com
– shavkero.com
– owner.com

———

– tryholo.com
– stripe.com/en-nl/startups
– cloud.laravel.com
– santos.fyi
– timmadeit.com/home

———

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

📸 Фотореализм с Midjourney и Leonardo

Саша из ТБанка поделилась, как настроила процесс генерации фотореалистичных креативов: Midjourney отвечал за создание, Leonardo за апскейл. Шаги включили сбор мудборда, выбор референсов, персонализацию, продуманную работу с промптами и точную настройку параметров, чтобы получить цельный стиль без лишних попыток.

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

Внутри:
– Рабочий процесс Midjourney и Leonardo;
– Сбор референсов и мудборд;
– Настройка промптов и параметров;
– Доработка Inpaint и Photoshop;
– Советы по композитингу и ретуши.

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

———

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

📊 Product Score: один балл для всего опыта

Света из Сравни придумала метрику Product Score, чтобы одним числом показать здоровье продукта. Система проходила весь путь клиента, брала интервью, взвешивала найденные ошибки и сразу указывала слабые места.

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

Внутри:
– Зачем продукту одна метрика;
– Как проверяли путь клиента;
– Чеклист коллег для интерфейса;
– Вес критериев в общем счёте;
– Примеры улучшений.

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

———

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

🛒 Фабрика A/B тестов ВкусВилл

Ира Лисицына описала, как команда сайта ВкусВилл стала регулярно собирать идеи, выбирать важный участок пути пользователя, генерировать гипотезы и запускать короткие A/B тесты через сервис Varioqub. Каждый тест получал чёткие метрики, после чего решение оставляли либо откатывали, полагаясь только на поведение людей.

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

Внутри:
– Встречи для генерации идей;
– Короткие A/B тесты через Varioqub;
– Чёткие метрики успеха;
– Редизайн страницы вакансий;
– Рост конверсии после теста.

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

———

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