Привет!

Мы — студия продуктового дизайна и разработки red cat. Разрабатываем продукты, меняющие мир вокруг. С кем мы уже работали и продолжаем работать: РЖД-медицина, Free Age, ВДНХ, Росмолодёжь, FishStat. Мы сейчас ищем дизайнера на проект. Растёт объём задач и расширяется сам продукт. Поэтому в помощь нашему ведущему дизайнеру теперь нужен молодой, талантливый и амбициозный спец, который готов развиваться и вырасти в своих скиллах и грейде на реальных задачах. Чем предстоит заниматься: • Отрабатывать в макетах правки от стейкхолдеров и разработки • Помогать делать адаптив под мобилку • Другие задачи, возникающие по ходу работы над продуктом и беклогом Что нужно уметь: • Работать с дизайн-системой • Знать и уметь в компоненты, варианты, переменные И, конечно: • Базовые навыки — композиция, сетки, пропорции, типографика, колористика • Уверенное владение Figma • Отличная насмотренность • Способность самостоятельно организовать свою работу, четко оценивать задачи и укладываться в сроки • Умение уважительно давать и получать фидбек, открытость к изменениям и готовность учитывать чужую точку зрения • Продуктовое мышление и ориентированность на бизнес-цели клиента, сфокусированность на конечном результате и продукте Особенно важно: • Уметь работать быстро • Быть на связи • Коммуникабельность • Ответственность • Желание и стремление расти и развиваться в профессии В плане вывода на проект у нас всё чётко. С онбордингом, поддержкой от старшего диза и арт-дира. Если вдруг нужно будет чему-то дообучить — научим. Что предлагаем: • Удалёнка Работай из любой точки мира • Гибкий график Можешь выбирать удобное время начала • Работа в продукте • Комфортные условия Работаем в Телемосте, Figma, Telegram и Notion • Менторство и рост внутри студии • Молодой и амбициозный коллектив, комфортный арт-дирекшн У нас все на одной волне и нет начальников • Интересные проекты Сможешь с гордостью взять их к себе в портфолио • Зарплата в рынке Что дальше: Сперва, нам важно встретиться с человеком. Понять, сходимся ли мы по вайбу и подходу к работе. Поэтому сначала нам нужно будет познакомиться на небольшом интервью. ОТКЛИК Чтобы откликнуться на вакнсию, напишите @evmfadeeva Она поставит встречу

Миша Шамин сделал бесплатный курс о проектировании дизайн-систем, но не про базовые вещи вроде теней и сеток. Он сразу предупреждает, что не будет учить создавать компоненты или настраивать цвета. Вместо этого курс раскрывает закулисье: какая работа скрывается за красивыми кнопочками и тенюшками. Курс построен на цитате инженера Дейва Акина о том, что необходимое количество итераций всегда на одну больше, чем уже сделано. Развитие дизайн-системы это бесконечный процесс, поэтому курс закладывает фундамент из принципов и учит самостоятельно развивать проект дальше. Научитесь вайб-кодить, использовать GitHub, Cursor и Docusaurus, перелинкуют Storybook с Figma и бэклогом, узнают про библиотеки pre-commit и lint-staged. Внутри: – Как настроить окружение и сформулировать первые задачи в бэклоге; – Зачем нужно экономическое обоснование дизайн-системы; – Как контролировать входящие изменения и версионирование; – Что такое линтинг документации через markdownlint и cspell; – Почему важны бэкапы и автоматизация деплоя; – Как работать с фичреквестами и метриками. ➡️ Пройти курс ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

PROSTOR создает уникальные дизайн-системы и сайты для крупных компаний. Из статьи вы узнаете, как агентство совместило традиции и инновации, работая с крупным клиентом Читать на дизайнерс | #статья

PROSTOR создает уникальные дизайн-системы и сайты для крупных компаний. Из статьи вы узнаете, как агентство совместило традиции и инновации, работая с крупным клиентом Читать на дизайнерс | #статья

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

Юлия Емельянова, руководитель юнита в Додо Пицце, рассказала о редизайне приложения и сайта компании. За 10 лет она прошла путь от маркетинга до лидера IT-юнита, отвечающего за приложение во всех 25+ странах присутствия сети. Главная проблема редизайна была в отсутствии единой стратегии и устаревшей дизайн-системе. В 2023 году приложение уже не давало «вау-опыта», а конкуренты предлагали более интересные решения. Команда выбрала путь создания уникального продукта вместо инвестиций в маркетинг из-за ограниченности ресурсов. После года работы MAU вырос на 25-28%, а NPS держится на уровне 78-79%. Ключевой урок: нельзя просто взять и изменить продукт, не понимая причин его текущего состояния. Внутри: – Почему метафора продакта это тренер из фильма «Джентльмены»; – Как запустили кофе «ноль четыре» без разработки через адаптацию системы учёта; – Зачем на презентации концепта использовали шлемы и шутки; – Почему четыре команды объединили в один юнит «Дип Эксперимент»; – Как фрейм «интересно/не страшно» помогает принимать смелые решения; – Почему метанавыки важнее фреймворков и CJM. ➡️ Смотреть видео ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Статья о создании дизайн-системы ITECO UI. Продуктовый дизайнер Наталия Луценко делится техническими деталями создания фундамента системы на базе атомов Читать на дизайнерс | #статья

Саша рассказала о своём пути от графического дизайнера до продуктового, работая над ERP-платформой. Будучи единственным дизайнером на проекте без опыта работы с большими продуктами, она столкнулась с хаосом из сотен экранов без консистентности и структуры. Главной проблемой стало отсутствие базовых инструментов: переменных, системы отступов, методологии. Она самостоятельно освоила современные возможности Figma через YouTube-ролики и эксперименты, создав Systematic Color Workflow с 400+ токенами. Правда, позже поняла, что можно было ограничиться только реально используемыми стилями и не усложнять работу фронтенда. Внутри: – Как создать Color Mixer для формирования консистентной палитры; – Почему текстовый компонент может перегружать макеты при сотнях экранов; – Зачем сразу определять правила отступов и брейкпоинты; – Как Variants, Boolean и Auto Layout ускоряют работу; – Почему пришлось аргументировать переход на платную версию Figma; – Какие ошибки можно было избежать с опытным ментором. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Мы в Rojo создаем сайты любой сложности, делаем брендинг, айдентику и графический дизайн. Задачи: — проектировать интерфейсы и продуктовые странницы — продумывать пользовательские сценарии, флоу и навигацию — создавать дизайн-концепции — проводить базовые UX-исследования: опросы, количественные проверки гипотез, анализ метрик — работать с дизайн-системами: собирать, документировать, развивать — участвовать в создании UX-документации: CJM, user flows, UI киты — делать микроанимации и прототипы, чтобы интерфейсы ощущались живыми Ожидания: — применяешь AI-инструменты в работе — опыт работы в дизайне от 3 лет — на связи в рабочее время без внезапных пропаданий — глубокое понимание UX-логики и пользовательского поведения — портфолио с кейсами именно продуктовых интерфейсов, не только лендингов Условия: — фулл-тайм или парт-тайм — удаленная работа — на связи с 10 до 19 по МСК — зарплата в рынке, обсуждаем индивидуально → Почитать подробнее и откликнуться #дизайн

Чем нужно будет заниматься — проектировать пользовательский опыт и новые фичи в интерфейсах Почты и Облака — понимать технические ограничения и специфику платформ — сопровождать разработку и тестирование до релиза фичи — генерировать идеи, которые помогут достигнуть цели команды — формулировать гипотезы и проверять решения на ux-исследованиях  — пополнять новыми инициативами продуктовый беклог команды Кого мы ищем — Ведущего дизайнера, у которого есть опыт в продуктовом дизайне от 3 лет (уровень senior) — умение принимать интерфейсные решения, исходя из потребностей бизнеса и пользователей — понимание особенностей целевых аудиторий — внимание к деталям, хорошие аналитические способности и гибкость мышления — знание Figma, инструменты прототипирования и создания анимаций в Jitter, Adobe After Effects, Principle — понимание базовых принципов разработки — умение работать, поддерживать и развивать дизайн-систему — опыт уверенной презентации дизайна, аргументированной защиты решений, готовность доработки решений по итогам фидбека Если заинтересовала вакансия, переходи по ссылке

• Иконки, кнопки и многое другое #UIK Открыть в Figma Источник

Вот что мы подготовили на этой неделе: • Цитаты из книги Коул Нассбаумер Нафлик «Данные: визуализируй, расскажи, используй» • Математические алгоритмы для симуляций органических структур • Как Liquid Glass ухудшает читаемость и предсказуемость интерфейса • Под какими предлогами компании отказываются от проведения исследований и чем крыть • Как разработать главный экран лендинга с высокой конверсией • Как использовать функции OpenType в шрифтах • Метод 10/10/10 для контроля эмоциональных решений • Как журналисты сводят обсуждение ИИ к крайностям и кому это выгодно • Формула идеального промпта для Sora 2 от OpenAI • Обзор нового человекоподобного робота Figure 03 • Бесплатный курс по организации и ведению дизайн-системы • Эффектный проморолик наушников

Вот что мы подготовили на этой неделе: • Цитаты из книги Коул Нассбаумер Нафлик «Данные: визуализируй, расскажи, используй» • Математические алгоритмы для симуляций органических структур • Как Liquid Glass ухудшает читаемость и предсказуемость интерфейса • Под какими предлогами компании отказываются от проведения исследований и чем крыть • Как разработать главный экран лендинга с высокой конверсией • Как использовать функции OpenType в шрифтах • Метод 10/10/10 для контроля эмоциональных решений • Как журналисты сводят обсуждение ИИ к крайностям и кому это выгодно • Формула идеального промпта для Sora 2 от OpenAI • Обзор нового человекоподобного робота Figure 03 • Бесплатный курс по организации и ведению дизайн-системы • Эффектный проморолик наушников

UX/UI-дизайнер Уже более трех лет занимаюсь сайтами и приложениями в разных сферах: тревел, отели, B2B-сервисы. Люблю продумывать логику, исследовать сценарии и собирать дизайн-системы, чтобы продукт был удобным и живым. Работала над корпоративными сайтами, сервисами и приложениями — от аналитики и прототипов до финальной реализации вместе с командой. Открыта к full-time и part-time форматам, интересны агентства, продукты и стартапы. → Портфолио Контакт для связи: @alina_webdesign #портфолио

Света, дизайнер интерфейсов DNS, рассказала о трансформации внутреннего продукта DNS REDACTOR. На одной странице насчитывалось 6 типов кнопок, каждый дизайнер рисовал страницы по-своему, а разработчики верстали как считали нужным. За 6 месяцев команда создала полноценную дизайн-систему, которая изменила не только интерфейсы, но и процессы работы. Самым сложным компонентом оказался Select, который пришлось переделывать 4 раза. Зато благодаря ему появились подробные гайды использования с описанием всех возможных сценариев. А новый компонент Aside-header освободил пространство сверху экрана, что критично для продукта, где основа интерфейса — таблицы. Внутри: – Почему внутренние продукты — это лицо компании внутри неё; – Как семантические цвета с альфа-каналом решили проблему 50 оттенков серого; – Зачем фильтры переместили в шапку таблицы; – Какие требования к макетам стали обязательными; – Почему визуальное тестирование добавили в процесс QA; – Как система статусов помогает управлять компонентами. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Начинается серия статей о Material Design 2: философия и глубокие знания основ интерфейсов для создания лучших продуктов Читать на дизайнерс | #статья

Начинается серия статей о Material Design 2: философия и глубокие знания основ интерфейсов для создания лучших продуктов Читать на дизайнерс | #статья

Проголосовать за проект можно по ссылке ⚡️⚡️⚡️

Китайские исследователи показали SpecifyUI — система, которая помогает в итеративном проектировании пользовательских интерфейсов с использованием структурированных спецификаций и генеративного искусственного интеллекта. Сердце системы — SPEC — структурированное, параметризованное, иерархическое промежуточное представление, в котором элементы пользовательского интерфейса представлены в виде управляемых параметров. Да, звучит сложно. Но это может помочь с генеративным дизайном в будущем. Так что давайте разбираться. Как устроен генеративный дизайн сейчас (и что с ним не так) – Текстовые подсказки рулят сценарием: большинство инструментов просят «объяснить словами» замысел, а потом пытаются угадать структуру макета и компоненты. Итерации линейные: мелкая правка часто «расползается» по макету. – Болезненная точечная правка: без формальной структуры сложно поменять один блок, не тронув остальные. Нужна адресная правка по узлу и атрибуту, а не перегенерация целой страницы. Это и закрывает SPEC: правки вида <операция, путь, значение> — например, заменить палитру только у шапки или превратить таблицу конкретной секции в карточки. – Нет мостика к коду: обычная генерация выдает «картинку вдохновения». SPEC строит мост до инженерии: RAG по базе примеров, агент кода и отладчик доводят результат до исполнимого состояния. Чем SPEC нам полезен? – Контроль: намерение фиксируется как SPEC — структурная запись про сетку, палитру, «язык форм», сценарий и иерархию Страница → Секции → Компоненты. Правки вносятся адресно по пути в структуре, не ломая остальное. – Сборка из референсов: система режет референсы на регионы, достает из них структуру и стиль, склеивает в единый SPEC. Можно брать сетку из А, палитру из В, компоненты из С. – Повторяемость и передача в разработку: SPEC конвертируется в рабочий интерфейс и код (React + библиотека компонентов + графики); есть цикл «сгенерировать — отловить ошибку — починить». Почему это не пустая болтовня На корпусе из ~2000 экранов: меньше визуальных ошибок, выше семантическое сходство, стабильнее структура. В тесте с 16 дизайнерами участники отметили лучшее чувство контроля по сравнению с Google Stitch Где это реально заходит – Продуктовые экраны, каталоги, дашборды, лендинги с повторяющимися блоками. – Когда важно держать стиль и логику дизайн-системы. – Когда итераций много и их нужно фиксировать правилами, а не папкой картинок. Когда можно пройти мимо – Разовый визуальный эксперимент ради идеи. – Очень маленькие страницы, где быстрее нарисовать, чем описывать. – Когда нет ресурса сформулировать правила — SPEC требует дисциплины. Итог Это начало пути, но направление правильное: итеративный дизайн с ИИ под контролем структуры. Меньше случайностей, больше повторяемости.

Александр Щеблыкин рассказал, как команда 2ГИС разработала мультиязычную дизайн-систему для рынков Ближнего Востока. Оказалось, что арабский интерфейс — это не просто перевод текста, а полная смена логики: всё читается справа налево, иконки отражаются, а знак вопроса пишется зеркально. Саша обнаружил множество неочевидных нюансов. Например, арабский текст визуально меньше латиницы, поэтому его нужно увеличивать на 10%. Цифры при этом читаются слева направо, даже внутри арабского текста. А слово «Назад» в ОАЭ и Саудовской Аравии пишется по-разному, хотя это один язык. Внутри: – Почему арабский текст нужно увеличивать на 10% для визуальной компенсации; – Какие иконки отражать, а какие оставить как есть; – Как переменные позволяют переключать интерфейс одним кликом; – Почему запятая в арабском повёрнута хвостиком вверх; – Как организовать словарь переводов для всех проектов; – Зачем нужны отдельные коллекции иконок для LTR и RTL. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы