🎮 Таблицы для производственных интерфейсов

Дизайнеры НЛМК переработали старые интерфейсы для металлургии. Вместо Excel и Oracle сделали современные таблицы, удобные для работы прямо в цехе. Учитывали всё: тусклый свет, шум, минимум времени на действия.

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

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

———

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

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

Эти 9 дней, думаю, были самыми «потными» в моём проекте. Я наконец-то зарелизил БЛОГ. И это не просто блог, а я под него сделал полноценную админку, через которую могу заливать статьи и вообще делать всё, что угодно. Это не какая-то интеграция с готовыми инструментами. Я не хотел этого и сделал полностью своё. Статьи ещё не все написаны, но я в процессе.

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

Блог это мой небольшой эксперимент. Я хочу попробовать выйти на стабильный органический SEO трафик на сайт. Я все ещё иду к цели 30.000 человек в месяц и я почти к ней подобрался. О цифрах чуть ниже.

Плюсом к блогу я сделал микро улучшение в инпуте поиска, но мне очень нравится и стало приятнее. Оно подсказывает что туда можно писать) Я завёл несколько вариантов и оно по очереди их пишет и стирает. Если ещё не видели, посмотрите. Я кайфую! И да, это улучшение заняло примерно 2 минуты кодинга и деплоя. В большом продукте такое пришлось бы тащить полгода или несколько спринтов 🥲

📊 Что по цифрам за всё время:
– 24 780 уников
– 43 600 просмотров
– 1 280 000+ запросов обработал сервис за последние 30 дней
– 369 кликов и 9650 просмотров из Google. Растёт довольно стабильно, что радует.
– 8148 показов и 248 кликов в Яндексе.
– 1100+ вакансий было опубликовано

Я почти близко к 30.000 посещениям в месяц) Я ставил эту цель в первый день запуска (1000 в день). Сейчас я не дотягиваю 6000 человек ещё, но ничего)

💬 Дальше по планам:
– Сделать в блоге 12 статей и оставить его, подождать индексации и вв целом посмотреть спустя месяц сколько просмотров будет в целом страницы блога и статей
– Сделать раздел с реальными офферами анонимно
– Сделать раздел с вакансиями компаний (для SEO в том числе) и оставить задел под страницу компании дальше. Чтобы можно было оценить её, написать отзывы и так далее.
– Все ещё висит в воздухе интеграция с hh и хабром. Не знаю, когда к этому подступлюсь, это очень большая задача, поэтому пока делаю те, что попроще.

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

Если есть комментарии, фидбек, пожелания или хотите меня поругать — пишите в комменты или в ЛС

Ну и заглядывыйте ко мне на сайтик

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

ч.7 | ч.9

———

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

🔔 Inspiration #136

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

— fey.com/marketing/features/finder
— greenlock.io
— blackalgo.com
— debtfindr.com
— bizar.ro

———

— drinkunwell.com
— lue.studio
— plh.dk
— sarahandsebastian.com/en-eu
— lmigroupintl.com

———

— group-bss.com/en
— no-ra.art
— caso-patrimoine.fr
— vandstrom.com
— calebvandenboom.studio

———

— hebbia.com
— studioherrstrom.com
— acmecups.nz
— dreamsake.co
— typefive.com

———

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

🥸 Почему мы любим плохие продукты

И так цепляемся за старые, не всегда удобные, и почему нас бесят редизайны. Марк из EXANTE, рассказал, что за этим стоят не только привычки, но и глубинные штуки в нашей психике, вроде страха потерь и когнитивных искажений (ссылается на Канемана, кстати!).

Внутри:
– Почему нам тяжело даются изменения
– Как когнитивные искажения влияют на принятие нового
– Примеры из истории — Apple, Spotify, Humane
– Почему не все инновации нужны
– Принципы, как делать редизайны без стресса для пользователей

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

———

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

💎 Как делать тестовые задания

Вижу частую проблему того, что многие дизайнеры делают тестовые абы как, не могут защитить свои решения или в целом не понимают, как подойти к решению задачки. Наткнулся на статью, гда автор супер подробно описал процесс решения тестового. Получилось очень не плохо. Уверен, с таким тестовым пройти в Яндекс можно было бы без проблем)

Внутри:
– Как понять задачу и заложить метрики успеха
– Дискавери-фаза: инсайты, сегменты, интервью
– Бенчмарки и исследование конкурентов
– Прототипы и UX-тесты на базе реальных гипотез
– Идеи для роста retention, adoption и кросс-продаж
– Как оформлять фичи по JTBD-модели
– Итоги

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

Я написал Дане и он поделился со мной Фигмой этого тестового, забирайте, смотрите ❤️

———

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

дизайнерс

Мы же тут про дизайн и я иногда смотрю и беру статьи в том числе с дизайнерс. Ребята запустились давно и развивают свой сервис своими силами (я представляю как это тяжело, особенно когда делаю сейчас свой).

Буквально неделю назад они выкатили новый дизайн и стало очень приятно. Это первое медиа про дизайн в РФ (если есть ещё посдкажите), которое растёт за счёт UGC контента и туда хочется вернуться и что-то почитать.

Я лично знаком с основателем — Женей, и этим постом хочу просто его поддержать, а вам сказать, что если вы дизайнер и пишите какие-то статьи (например на медиум), то можете писать их и в дизайнерс. Лишним не будет точно, а вам охваты и узнаваемость в том числе.

За логотип, кстати, лайк. Не то, что мой на вакансиях :D И за кириллицу в названии тоже)

➡️ Почитать статьи

———

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

⚙️ Нейминг без боли: архитектура токенов в дизайн-системах через библиотечную структуру

Илья Сластен, продуктовый дизайнер в ПГК Диджитал рассказал, как грамотно выстраивать токены и библиотеки в Figma, чтобы и масштабировать систему было просто, и адаптироваться под разные продукты и темы. Очень советую тем, кто строит или улучшает свою дизайн-систему.

Если честно, никогда бы не подумал, что названия переменных это такая большая тема, но статья классно объясняет, почему без этого всё быстро превращается в хаос. Это не просто «чтобы было красиво», а архитектура, которая помогает дизайнерам и разработчикам работать быстрее и без лишней головной боли

Внутри:
– Что такое primitives и зачем нужны базовые значения
– Как собрать style guide с семантическими токенами
– Как строить универсальные базовые компоненты
– Как создавать продуктовые кастомизации без засорения библиотеки
– Почему нейминг это фундамент, а не просто имена
– Как грамотно организованная система экономит время и нервы всей команде

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

———

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

🔥 Стажировка CreativePeople x Humbleteam

Ребята зовут UX/UI-дизайнеров на летнюю стажировку. Это отличный шанс попасть под крыло крутых дизайн-директоров и остаться работать в одной из топовых команд. Особенно в текущем положении дел для джунов на рынке. Золото!

💬 Условия
Старт — 7 июля. Формат — полностью удаленный, так что можно участвовать хоть с пляжа, главное — быть не дальше трех часовых поясов от Москвы. Ночами работать не получится.

Стажировка оплачиваемая, идет 6 недель, фултайм: 5 дней в неделю по 8 часов. Совмещать с учебой или другой работой не выйдет — выполнять предстоит настоящие рабочие задачи и учиться дизайн-процессам внутри агентства.

Лучшие по итогу получат офферы и останутся в агентствах. В прошлом году из 8 стажеров 5 остались работать. Так что всё по-настоящему: сегодня стажер — завтра в команде.

😏 Кого ищут
UI/UX-дизайнеров уровня junior+, которые уже умеют доводить проект до результата.

Чтобы попасть на стажировку, нужно пройти отбор. 14 июня в статье появится фигма с тестовым заданием на 3–4 часа. Дедлайн — 22 июня в 23:55.

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

➡️ Подробности тут

Ребятам респект, что такое организуют в целом 👍

———

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

💵 Заработок дизайнера

Автор собрал все пути заработка для дизайнера: от нуля до CEO или своего стартапа. Разложил карьеру на ветки, уровни и роли, дал примеры, цифры, реальные истории (и даже шорткаты, как обойти длинный путь).

Внутри:
– Как пройти путь от «мамкиного художника» до мидла и сеньора
– Когда переходить на зарубежную удалёнку и сколько там платят
– Как совмещать несколько проектов и умножать доход
– Что ждёт тех, кто идёт в менеджмент: лиды, директора, CEO
– Как уйти в фриланс, построить личный бренд или продавать ассеты
– Какие бизнес-пути есть: студия, школа, стартап, медиа
– Какие шорткаты помогут срезать путь (реальные истории!)

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

———

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

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

Наткнулся на статейку от диза Яндекс Карт о том, как ребята полностью пересобрали дизайн главной части своего сервиса — карты. Тема, конечно, супер узкая,но интересно было узнать, как работает 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

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

———

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