🗺 Как Яндекс Карты сделали самое крупное обновление дизайна за последние годы

Наткнулся на статейку от диза Яндекс Карт о том, как ребята полностью пересобрали дизайн главной части своего сервиса — карты. Тема, конечно, супер узкая,но интересно было узнать, как работает UX такого продукта и понять логику изменений. По итогу — крутой кейс по поиску и принятию дизайн-решений.

Внутри:
– Почему дороги больше не жёлтые, а серые — и как это связано с бумажными атласами
– Как дизы постоянно балансируют между высокой детализацией и «шумом»
– К чему движется дизайн современных карт во всем мире
– Как в новом решении переработали типографику, цвета и миллион других объектов на карте, чтобы все выглядело консистентно и лучше читалось
– Немного про метрики и приёмку нового дизайна

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

———

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

✨ Переменные в Фигме

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

Внутри:
– Что такое переменные в Figma и какие типы бывают
– Как создавать коллекции и настраивать алиасы
– Как переключать темы, адаптивы, языки и состояния через переменные
– Примеры использования: цвета, размеры, тексты, логические переключатели
– Как публиковать переменные в библиотеке и управлять их применением

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

———

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

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

Не знаю как вы, а меня прям увлекает писать каждую новую часть. Я тут сидел и перечитывал все посты, начиная с первого (а это было 7 апреля) и прям ностальгия, как я прохожу этот путь 😁

Итак, что за недельку нового, отчёт. Не ровно каждую неделю, но тут поднакопилось и решил написать:

❤️ Яндекс
Мой хороший друг позвал меня выступить у них в команде Яндекс Плюс и рассказать, как я всё это делаю. Зовут – соглашаюсь. Получилось немного спонтанно, но ребята остались довольны.

🗣️ Блог
Написано 9 статей. Пишу я их тоже с помощью аишки целыми агентами. С помощью агента я сделал полноценный гайд по SEO для моего сайта конкретно с ключевиками. Он же составил мне 60 тем (!) на которые можно написать статьи и он же мне и написал 9 статей, учитывая свой же гайд. Подожду и посмотрю даст ли это выхлоп в будущем. Пока потихоньку)

✔️ SEO
Вчера 50 минуток общался с аишкой и улучшали SEO. Прошлись по всем страницам и я допытывал, что можем улучшить ещё. Оказалось таких пунктов почти 20 штук. Все 20 сделал и отправил на прод. Теперь буду наблюдать в разрезе месяца даст ли это буст на переходы из поисковых систем. Кстати, график переходов из поиска растёт с момента старта и это прям очень радует. То есть, я показываюсь и ко мне заходят люди, которые меня не знают вообще. А там, возможно, конвертятся в подписчиков канала, например)

🌐 Описание вакансий
Флоу был такой: нахожу вакансию >загоняю по очереди в chatgpt описание, требования и условия > получаю тот формат что мне нужен > завожу в админку > публикую. Чат был сделан с нуля под мои нужды.

Как сейчас: я сделал с помощью аишки страницу, куда я просто вставляю ссылку на вакансию, а дальше магия. Скрипт парсит страницу > вычленяет из неё текст > делает его в верном формате > отправляет в deepseek новый (самый свежий), который подключен по апишке > он обрабатывает это в тот формат что мне надо (сокращает тексты, переписывает условия и требования в норм вид), пишет грейд, зарплату считает > выдает мне итоговый вариант. Мне остается только вставить в админку. Сильно сократил путь публикации вакансии. И шок, что это работает)

🔍 Умный поиск
Как работало до обновы: пишешь Авито > находит Авито, пишешь Avito > не находит ничего.
Как сейчас: пишешь Авито, Avito, Fdbnj, Фмшещ и он найдет Авито)

С вакансиями также. Теперь можно написать ПХП, и он найдет php. Стало сильно удобнее и теперь можно не бояться напечатать название вакансии или компании не в той раскладке. С вероятностью 99% он найдёт то, что нужно.

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

И по традиции. Если есть вопросы, пишите в комменты или мне в ЛС, а если нет – приходите на сайт и получайте удовольствие)))

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

ч.8 | ч.10

———

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

🔔 Inspiration #137

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

– apossible.com
– mynucleus.com
– near.foundation
– ambrook.com
– un.ms/research

———

– slash.com
– cash.app
– bedintentions.com
– sandisk.com
– itdog.agima.ru

———

– schooluniversity.ru
– muzbitva.ru
– superhi.cv
– resore.com
– onboxcreative.com

———

– superpower.com
– superhi.com
– danielsun.space
– shuttle.zip
– absport.ru

———

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

👑 Грейды

Игорь Готт написал небольшую заметку про уровни дизайнера. Он работал хэдом в Ростелеком, Альфе и Рамблере. Игорь, какие скиллы нужны на каждом уровне, что реально важно уметь делать, где зона роста и как двигаться вверх. Это прям полезно и тем, кто только начинает, и тем, кто уже работает и хочет понять: а я вообще на каком уровне? (это не прям 100% шпаргалка, но понимание даст)

Понравилось, что нет заумных таблиц и перегруза, как это обычно бывает в таких статьях

Внутри:
– Какие задачи, навыки и качества нужны на уровнях: стажёр, джун, миддл, сеньор
– Чем отличается ведущий дизайнер от дизайн-лида и арт-директора
– Какие управленческие задачи стоят у дизайн-директора
– Как определить, что тебе пора на следующий уровень
– На что обращать внимание, если строишь или развиваешь команду

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

———

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

Редизайн деталей стратегии в Т-Инвестициях

Алена, лид команды пассивных инструментов в Т‑Инвестициях. и команда заметили, что люди, выбирая стратегию автоследования много гадают, а не уверенно инвестируют. Клиенты не видели основные цифры: доход, сумму входа, прогноз.

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

Внутри:
– Изначально неудобный экран, клиенты как «сыщики, а не инвесторы»
– Исследования для выявления ключевых критериев
– Падение метрик на 2 п.п. после первого А/Б теста
– Возвращение виджета и прирост на 0,8 п.п. во втором тесте
– Вывод: не удалять бездумно, нужен тщательный анализ

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

———

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

🎮 Порядок в Figma: секреты дизайнеров t2

Альбина из команды t2 поделилась, как они навели порядок в Фигме. Вместе с командой придумали простые правила: один файл на проект, понятные обложки, архивные сценарии подписаны, всё разбито по страницам и сценариям. Добавили карточки задач с коротким описанием изменений. Макеты стали чище, а работать с ними удобнее.

Внутри:
– Аккуратные обложки для проектов
– Убрали архивные сценарии
– Четкое разделение по страницам и задачам
– Оформление макетов: группировка, соблюдение стилей, есть карточки и история изменений
– Полезные шаблоны: блок с инфой, контекст, библиотека экранов, блок с вопросами
– Шаблон презентации с навигацией и QR‑кодом для просмотра

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

———

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

💡 DevTools для дизайн-ревью и не только

Если вы хотя бы раз страдали от того, что что-то «не так выглядит» на проде, но не могли объяснить, почему, то эта статья для вас. Автор показывает, как с помощью обычных DevTools можно быстро проверить, что не так с версткой, адаптивом или стилями. И не нужно быть кодером. Всё объясняется на пальцах.

Внутри:
– Как вытащить SVG и вставить в Figma
– Изменение стили прямо в браузере
– Провека CSS через Styles и Computed
– Дублирование элементы для тестов
– Проверка адаптива на лету
– Что такое Shadow DOM
– Просмотр состояний: hover, active и др.
– Поиск картинок и шрифтов
– Проверка обрезки текста
– Дизайн-ревью с DevTools

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

———

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

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

Когда интерфейс мешает работать, а не помогает это беда. В Forecast NOW! это поняли и взялись за редизайн. Всё по уму: поговорили с пользователями, посмотрели, как те работают, и решили, что надо сделать проще, удобнее и… в стиле Excel. Да, так пользователи быстрее поняли, что к чему. В статье подробно рассказывается, как прошли через все этапы — от проблем до успеха, а главное, как сократили обращения в поддержку на треть.

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

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

———

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

📞Как слиться с созвонов

Ребята из Кинжал рассказали, как сливаться с созвонов так, чтобы коллеги не возненавидели вас. Конечно, это не гарантия, но если вы просыпаетесь, вспоминаете о том, что сегодня 5 встреч подряд, и хотите уволиться — попробуйте.

Внутри:
– Как понять, что встреча ни о чём
– Как отказаться и что сказать
– Как не поссориться с коллегами
– Почему «на всякий случай» плохая причина
– Главное правило: если пользы ноль, то лучше не приходить

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

———

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

Разводняк

Вроде уже из всех щелей говорят про мошенников, чуть ли не ежедневно кто-то попадает, но все равно есть те, кто ведётся и я периодически такие посты встречаю (шок)

Я этим постом коротко напомню, что скам есть даже при НАЙМЕ. Если вы, вдруг, в бункере и об этом не слышали – слушайте)

1. Никогда на собесе, если вдруг просят под любым предлогом не выходите из своей учетки iCloud. Если разговор об этом заходит – сразу уходите с собеса и в чс.

2. Ни при каких обстоятельствах не говорите данные от всего, где у вас деньги. Никакие коды и прочее.

3. Могут начать просить оплатить какие-то медкнижни, спец ПО, технику и прочее – сразу лесом

4. Есть куча фальшивых рекрутеров (идеальных), которые будут сюси-муси, чтобы выманить с вас какие-либо даныне под любым предлогом на собесе. Таких компаний иногда не существует, либо это липа и реального рекрутера в такой компании нет

5. Установить на собесе какое-то ПО на ваш телефон (иногда могут петь так красиво, что люди реально ставят, а потом лишаются всех денег с банковских аккаунтов). Тоже сразу в чс.

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

Короче, будьте бдительными. Сейчас такое частенько. Никогда никому ничего не передавайте, перепровряйте инфу. Бейте компанию в инете, сотрудников и так далее. Если что-то вызывает подозрение — прощайтесь. Ваша работа вас обязательно найдёт, а вот потерять деньги, учетки и быть обманутым оч легко)

Если знаете ещё какие-то истории развода, пишите в комменты, обсудим

p.s. картинка взята с просторов Линкедин

———

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

🔔 Inspiration #138

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

– aesso.com
– cryptopayment.com
– jimo.ai/product/product-tours
– nativepet.com
– guideprotection.com

———

– l-ab.eu
– poweredbypeople.com
– hyperionla.com
– eduardbodak.com
– flipsidecrypto.xyz

———

– rainmaker.com
– relesys.ai
– wunderpower.com
– capital-four.com
– nsave.com

———

– awenetwork.ai
– artu.works
– twofiftyk.com
– x.ai
– rojkind.com.mx/es

———

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

🧱 Редизайн шапки в сложной системе

Команда Экзона делится, как перезапускала шапку в интерфейсе для управления стройкой. Продукт разросся, всё стало перегруженным, особенно навигация. Пользователи жаловались, интерфейс трещал по швам. Ребята собрали 37 версий шапки, проанализировали каждую, выкатили новый вариант и показали, как это выглядело в реальности: с тестами, факапами и выдохом на финише.

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

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

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

———

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

🧠 Чем отличается джун от мидла

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

Без волшебных чек-листов и оценок по грейдам. На что смотреть, если хочешь расти, и как не остаться в позиции «делаю, что сказали».

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

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

———

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

Как я пилю свой продукт. Часть 10 (юбилейная)

Последние 1.5 недели выдались неожиданно продуктивные на написание кода. Сам от себя не ожидал, что получится сделать столько. Релиз 1.7 уже в проде и вот что получилось:

👀 Индексация Google и Яндекс
Оказывается, есть Апишки, которые позволяют при каждом появлении новой страницы на сайте автоматически пинать поисковики и говорить о том, что появилась страница. Не ждать, пока они найдут эти страницы, а прямо сказать. День пришлось повозиться, зато теперь все автоматически и странциы попадают в индекс сильно раньше и не ждут, пока их найдут

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

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

⭐️ Самое главное: авторизация
Я долго к этому подступался, решался, и вот наконец на сайте появилась авторизация! Через гугл почту или magic-link. Быстро, удобно. Пока что это маленький шаг на пути к большим. Но уже сейчас можно заиметь учетку, к которой потом, я надеюсь, будет появляться функционал. Безумно рад, что это получилось реализовать.

🔍3 новые статьи в блоге
Продолжаю эксперименты с блогом и SEO статьями. Результат буду смотреть через 1-2 месяца, после того как все статьи проиндексируются. И буду добавлять по 1-2 в неделю новых. План уже написан)

Дальше в планах:
– Написать статью саммари, как я все это делаю, всё-таки уже 10 частей. С копирайтером это зафиналить и раскинуть по хабрам, виси и прочим. Пусть висит.
– Сделать страницу кандидатов, куда можно будет повесить свой профиль, а вас будут искать рекрутеры
– Страница компаний с вакансиями в них. Для этого все есть, надо толкьо фронт нормальный нарисовать
– Ачивки в профиль (скидки на курс да и просто по приколу)
– АИ анализ резюмехи и рекомендации. Я уже подступался к этому, пора возвращаться
– Интеграции апишек с площадками, у кого есть, чтобы откликаться напрямую через сайт и смотреть историю откликов
– Добавить вакансии QA

Такие дела) По традиции: если есть вопросы – пишите в комменты или в ЛС, а если нет, приходите на сайтик

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

ч.9 | ч.11

———

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

🗂 Как дизайнерам не сгореть в задачах

Филипп Лях рассказал, как выстраивал процессы в дизайн-команде, чтобы не утонуть в задачах и не сгореть. Когда запросов от продуктов становилось слишком много, команда завела доски, прописала статусы, ввела планирование и начала считать загрузку.

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

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

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

———

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

🛍 Почему модные приложения бесят

Команда дизайнеров из Surf проверила, как устроены популярные fashion-приложения: скачали 10 штук, прошли весь путь как обычные пользователи: от поиска до оформления заказа. Результаты оказались болезненными даже для тех, кто привык к UX-хаосу.

Разобрали четыре приложения: ЦУМ, ТВОЕ, Shein и Farfetch. Показали, где пользователю неудобно, что бесит и что наоборот радует. В статье много живых примеров, советов и скринов. Полезно всем, кто делает e-commerce и хочет не отпугивать клиентов, а удерживать.

Внутри:
– Почему даже люксовый ЦУМ может довести до слёз;
– Как баги в ТВОЕ мешают купить одежду ребёнку;
– За что Shein проваливается в онбординге и рекомендациях;
– Почему Farfetch пугает скрытыми платежами и локализацией;
– Какие фичи реально работают в этих приложениях;
– Что можно забрать себе в продукт из лучших решений.

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

———

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

📦 Карточки товара: блочные vs строчные

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

Нравится, что тут не продвигают универсальное решение. Всё зависит от данных и задач. Ещё есть классное наблюдение про кнопку Купить. За рубежом она всё компактнее и лаконичнее, а у нас всё ещё любят крупную и снизу.

Внутри:
– Как уложить контент в карточку и не сломать вёрстку
– Плюсы и минусы двух подходов
– Рефакторинг с примерами
– Что делать с разными состояниями карточек
– Немного про эволюцию кнопки Купить

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

———

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

💸 Как Telegram обошёл биржи при выводе TON

Раньше криптой пользовались в основном те, кто готов был копаться в кнопках и схемах. Сейчас всё поменялось – людям надо просто и быстро. В Markswebb прошли путь вывода TON в евро через Telegram и Bybit и сравнили, где проще. Оказалось, Telegram выигрывает почти по всем пунктам: меньше шагов, понятнее интерфейс, меньше затрат времени и сил.

Bybit предлагает кучу функций, но это только путает. Чтобы продать TON, сначала надо его обменять, потом найти нужное объявление, разобраться с условиями. А Telegram делает это за пару тапов. Исследование показывает, что удобство это не про кнопок побольше, а про то, чтобы не мешать человеку решать свою задачу.

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

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

———

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

🧿 Физичность как новая эра интерфейсов

Себастьян де Вит из Lux рассказал, почему мы устаём от плоского дизайна и что может прийти ему на смену. Он вспоминает, как реалистичные текстуры помогали понимать интерфейс в первых версиях iOS, как потом всё упростили до предела и как теперь снова появляется интерес к глубине, свету и материалу.

Он называет это физичностью. Когда интерфейс не просто картинка на экране, а ощущается как часть устройства. Объём, стекло, свет, тень, всё это помогает сделать интерфейс живым и понятным. Такой подход уже можно увидеть в новой айос от Эпол (эффект стекла, я кстати поставил, полёт ок).

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

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

———

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