Design Engineer

Также называют: UX Engineer, Design Technologist, Creative Developer, UI Engineer, Design Systems Engineer.

Кто такой Design Engineer и чем он занимается?

Design Engineer — это инженер на стыке дизайна и фронтенда, который сам принимает дизайн-решения прямо в коде и доводит интерфейс до production. Он не ждёт идеального макета: прототипирует, пробует варианты на живом интерфейсе и выпускает то, что ощущается правильно в руках пользователя. Роль бывает двух типов: продуктовая (интерфейс самого продукта) и брендовая или маркетинговая (сайт, лендинги, презентации продукта).

• Прототипирует новые интерфейсы в коде вместо статичных макетов.
• Делает взаимодействия, анимацию и переходы, которые сложно описать в макете.
• Развивает и поддерживает дизайн-систему: компоненты, токены, правила.
• Выпускает production-интерфейс вместе с фронтенд-командой.
• Помогает дизайнерам и разработчикам договориться, что реально сделать и как.

Когда компании нужен Design Engineer?

Design Engineer нужен, когда качество интерфейса становится конкурентным преимуществом: продукт выбирают за то, как он ощущается, дизайнеры и фронтенд-команда долго передают друг другу макеты, а детали теряются по дороге. Чаще всего это devtools, B2B SaaS для массового пользователя, потребительские приложения и компании, у которых сайт — главный канал продаж. Роль не сработает, если в компании нет человека, который отвечает за дизайн продукта и может принять работу Design Engineer: тогда сначала нужен сильный Product Designer.

Чем Design Engineer отличается от Frontend Developer?

Design Engineer отличается от Frontend Developer тем, кто принимает дизайн-решения: Frontend Developer реализует готовый макет, а Design Engineer сам решает, как интерфейс будет выглядеть и вести себя, и сразу делает это в коде. Frontend Developer отвечает за надёжность и производительность интерфейса, Design Engineer — за то, чтобы им было приятно пользоваться. От Product Engineer Design Engineer отличается вопросом, на который отвечает: «как это должно ощущаться», а не «что стоит строить».

Design Engineer и смежные роли: сравнение

Почему Design Engineer сложно нанять?

Design Engineer сложно нанять, потому что сильный вкус в дизайне и уверенное владение фронтендом редко встречаются у одного человека.

• Сильные кандидаты часто никогда не носили этот титул: в резюме они Frontend Developers, Creative Developers или дизайнеры, которые пишут код.
• В портфолио дизайнеров видны картинки, но не видно, кто и как довёл их до работающего интерфейса.
• Большинство Frontend Developers сильны в архитектуре и производительности, но не принимают дизайн-решений.
• Таких людей хорошо знают по их работам и личным сайтам, и им регулярно пишут напрямую.

Что выяснить до найма Design Engineer?

• Продуктовый интерфейс или бренд и маркетинговые страницы? Это разные навыки: сложные состояния интерфейса и выразительная анимация на сайте.
• Кто сейчас отвечает за дизайн-систему? Если никто, роль быстро превратится в её поддержку.
• Какая доля работы — дизайн, а какая — инженерия? От этого зависит, искать кандидата среди дизайнеров или среди разработчиков.
• Будет ли у Design Engineer право выпускать код в production? Без этого он останется автором прототипов, которые потом переписывают.

Где искать Design Engineer?

Design Engineers чаще всего приходят из продуктовых компаний, которые известны качеством интерфейса, из devtools и из студий, которые делают сложные интерактивные сайты. Сильный сигнал в профиле — личный сайт или open-source UI-библиотека, где видно, как человек думает о деталях и движении, и код, который он может показать. NEWHR ищет таких кандидатов по результатам работы, а не по откликам на вакансию.

Как проверить Design Engineer на интервью?

Design Engineer проверяют разбором портфолио в коде, а не только в картинках, и коротким оплачиваемым заданием: прототипом одного взаимодействия из продукта компании. Со стороны компании участвуют Head of Design и Lead Frontend Developer.

Сильные сигналы:

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

Красные флаги:

• портфолио только из статичных картинок, без работающего кода;
• анимация ради анимации, без пользы для пользователя;
• не может объяснить, как его код живёт после выпуска и кто его поддерживает.

Сколько длится поиск Design Engineer?

Первых кандидатов на роль Design Engineer показываем через 5–7 дней после брифа.

Смежные роли

• Product Engineer — тоже пишет production-код, но решает, что строить, а не как это ощущается.
• Founding Engineer — первый инженер в стартапе, который часто сам отвечает и за интерфейс.
• Content Engineer — соединяет творческую часть и код, но в контенте.
• QA Engineer — проверяет, что интерфейс работает так, как задумано, но не проектирует его.