Дизайн-інженерія для AI-платформи кар’єри
Платформа кар’єрного орієнтування для німецькомовного ринку. AI-порадник веде розмову з людиною, визначає її профіль навичок і закінчує конкретним наступним кроком: курсом перекваліфікації, який закриває розрив, або вакансіями, під які людина вже підходить.
Моя частина — увесь інтерфейс: продуктові рішення, дизайн-система і фронтенд, який я збираю й викочую сама. Проєкт під NDA, тому екранів тут немає.
- Моя роль
- Design Engineer, UX/UI і фронтенд
- Період
- З липня 2026, триває
- Стек
- Next.js, React, TypeScript, Tailwind, Base UI, next-intl, Motion
- Інструменти
- Claude Code, Claude in Chrome, GitHub, Vercel, Figma
Огляд
Продукт працює за моделлю freemium. Діагностика і повний результат безкоштовні. Платний рівень додає зверху інструменти для подачі: макети резюме, супровідні листи, помічник для відгуку поштою.
Команда — чотири людини: клієнт, бекенд-розробник, бізнес-аналітик і я. Бізнес-модель і план бекенду вже були узгоджені. Мені дістався згенерований прототип. 103 файли, близько 30 000 рядків, 21 екран, які виглядали приблизно як треба. Під капотом вони не мали майже нічого спільного. Кнопки й поля переоголошувались від сторінки до сторінки, у стилях не було жодного токена, а порушень доступності ніхто не рахував.
Тут нічого не проходить через передачу. Я вирішую, як екран має працювати, і сама його збираю, тож дизайнерські питання закриваються в коді. Бекенд належить розробнику, тому мій бік працює на мок-даних.
Аудиторія
Німецькі користувачі ставляться до AI зі скепсисом, і найбільше їх турбує, що станеться з їхніми персональними даними. Заспокійливий текст тут не працює. Довіра має йти з того, що продукт видимо робить.
Аудиторія широка, професійна, і люди приходять у момент, коли вирішують, що робити з кар’єрою далі. Тому інтерфейс має читатися з першого погляду: без жаргону, без припущення, що людина вже знайома з такими інструментами, і спокійним тоном усюди. Тут розбірливий шрифт, великі зони натискання і проста мова самі по собі дають конкурентну перевагу.
Результат
Що змінилось
- Читабельно для більшої кількості людей. Основний текст не проходив AA за контрастом у 191 місці, а решту ніхто не міряв. Виправлено одним токеном, плюс нижня межа 16px у полях форм, щоб телефон перестав зумити. Доказ: датований базовий звіт WCAG 2.1 AA і відкриті знахідки, які ведуться відносно нього
- Структура, яку можна втримати в голові. Налаштування, тарифи й вихід переїхали в меню, а екран результатів згорнувся в дашборд. Доказ: визначення навігації, до і після
- Немає передачі — немає що втратити в ній. Дизайн і збірка в одних руках, тож немає специфікації, від якої код міг би відійти, а рішення доїжджає того самого дня. Доказ: 58 комітів за чотири тижні
Що це мало змінити
- Конверсію в платний рівень. Безкоштовним користувачам казали, що адаптація резюме існує, але вони жодного разу не бачили, як вона працює. Тепер перша адаптація під кожну вакансію безкоштовна, а повторна платна
- Менше руйнівних помилок. Вихід з акаунта і видалення акаунта були одним кліком кожен. Тепер обидва перепитують, а видалення просить набрати слово
Проєкт ще в розробці.