Веб-дизайнер продукта

Что предстоит делать

**Контекст роли** Мы ищем веб-дизайнера, ориентированного на продукт, для работы в команде IT-отдела — человека, который понимает разработку, умеет работать с дизайн-системами, прототипами и анимацией интерфейсов, и будет полноценной частью IT-команды, а не маркетинга. Основная задача — проектирование продуктовых интерфейсов в тесном сотрудничестве с разработчиками, с фокусом на юзабилити, масштабируемость и простоту реализации. Требуется готовность быстро вносить изменения в макеты. **Обязанности** * Проектирование продуктовых интерфейсов (веб-приложение, мобильное приложение, CRM). * Предложение улучшений существующих дизайн-решений. * Системный дизайн: разработка, внедрение и поддержка дизайн-системы (UI Kit) в Figma, включая компоненты, токены (цвета, типографика, отступы, тени) и четкие правила их использования. * Актуализация дизайнов: постоянная синхронизация макетов в Figma с реализованным функционалом продукта. Дизайнер отвечает за то, чтобы разработчики всегда работали с актуальными и детализированными макетами. * Темная/светлая тема: проектирование и внедрение полной поддержки обеих тем на уровне дизайн-системы. * Создание интерфейсов, которые удобны, понятны и масштабируемы. * Проектирование интуитивно понятных интерфейсов для сложных функциональных блоков продукта с учетом всех состояний элементов (включая ошибки, состояния загрузки и пустые состояния). * Техническая реализуемость: создание анимации и микро-взаимодействий, которые улучшают UX, не усложняя разработку. Готовность обсуждать и упрощать решения, исходя из технических ограничений. **Требования и обязанности** 1. **Продуктовый дизайн:** * Опыт работы с продуктовым UI (включая мобильные приложения). * Опыт проектирования интерфейсов для веб-приложений или SaaS-продуктов. * Умение проектировать сложные интерфейсы с учетом всех состояний компонентов. * Разработка пользовательских сценариев (user flows) и краевых случаев (edge cases). * Фокус на юзабилити и понятности без излишних визуальных эффектов. 2. **Сотрудничество с разработчиками:** * Постоянное взаимодействие с командой разработки. * Обсуждение решений до начала разработки и в процессе реализации. * Умение: * объяснять дизайн-решения; * принимать технические ограничения; * адаптировать дизайн-решения под технические ограничения. * Умение подготавливать дизайны для передачи в разработку: * продуманные пользовательские сценарии, * спецификации, * экспортируемые ресурсы, * множественные состояния элементов. * Понимание базовых принципов фронтенд-разработки: * HTML / CSS; * ограничения браузеров и CSS. * Умение оценивать сложность реализации решений. * Знание ограничений браузеров. * **Сильный плюс:** глубокое понимание принципов фронтенд-разработки. Знание Flexbox/Grid, DOM, ограничений CSS и умение оценивать сложность реализации конкретной анимации. 3. **Дизайн-система:** * Опыт создания и поддержки дизайн-системы: * компоненты; * токены (цвета, типографика, отступы); * состояния (hover / active / disabled / loading). * Опыт работы с компонентным подходом. * Понимание того, как дизайн-система ускоряет разработку и обеспечивает консистентность. * Практический опыт создания или значительного обновления дизайн-системы в Figma (Auto Layout, Variants, Component Properties, Tokens). * Уверенное владение Figma: * компоненты; * варианты (variants); * авто-лейаут (auto layout); * свойства компонентов (component properties). * Чистые и хорошо структурированные макеты. * Адаптивность: * десктоп; * мобильные устройства; * адаптивные макеты; * понимание брейкпоинтов и поведения интерфейса на разных размерах экрана. 4. **Анимация и взаимодействие:** * Дизайн простой и понятной анимации: * переходы (transitions); * Lottie-анимация; * микро-взаимодействия. * Понимание основ UI-анимации: * тайминг, * easing, * принципы Material Motion или их аналоги. * Анимация должна быть: * полезной; * легковесной; * реалистичной для внедрения. * Умение создавать функциональные прототипы (в Figma, ProtoPie, Framer) для демонстрации логики переходов и микро-взаимодействий. 5. **Темная / Светлая тема:** * Проектирование интерфейсов с поддержкой темной и светлой темы. * Работа с темами на уровне дизайн-системы, а не на отдельных экранах. **Будет плюсом:** * Опыт верстки (HTML/CSS). * Технический бэкграунд или опыт тесной работы с разработкой. * Опыт работы в продуктовой среде: * Jira / YouTrack; * Slack. **Важно:** полноценный фронтенд-разработчик не требуется, но опыт верстки значительно упрощает коммуникацию. **Требования к языку** * Английский — B1-B2 (рабочий уровень): * чтение и понимание технических требований; * базовая письменная коммуникация; * участие в рабочих звонках при необходимости. **Не требуется:** * Брендинг и айдентика. * Баннеры, рекламные креативы и SMM. * Иллюстрации, 3D, сложная анимация.