Competenz Lab

Онлайн-платформа, которая помогает людям изменить свою карьеру, повысить квалификацию и улучшить свои навыки.

Экспертиза Проектирование, UI-kit
Год март — июнь, 2021
Платформа Веб
Competenz Lab

О проекте

Человек в 35 лет понимает, что его работа — это тупик. Или разработчик, который хочет освоить React, но не знает, с чего начать. Competenzlab — это онлайн-платформа, где люди меняют траекторию карьеры, прокачивают навыки и находят менторов. Я спроектировал интерфейс, который делает обучение понятным, персональным.

Спроектировать интерфейс, в котором пользователь обучается и изучает определённые навыки, курсы, литературу, связывается и работает с ментором.

Проблема и целевая аудитория

Многие застревают в карьере: ~40% опрошенных (на основе предоставленной информации и анкет) хотят радикально сменить профессию — из продаж в IT, из офиса в фриланс. Другие жаждут апгрейда: изучить новые скиллы, не бросая текущую работу.

Вместе с клиентом выявили два типа пользователей:

  • Пользователь с перезапуском: Ищут полный рестарт, но пугаются неопределённости. Им нужен чёткий план и поддержка.
  • Пользователь-апгрейд: Хотят точечный буст — изучить фреймворк, стратегию или After Effects.

Дизайн-решение: интерфейс с онбордингом, где платформа «слушает» пользователя через опросы, тесты и общение с ментором.

Ключевой флоу: От теста к трансформации

Всё начинается с вводного теста — 10-минутного квиза с вопросами вроде «Что вас бесит в текущей работе?» и чеклистом навыков. Результат — персонализированный дашборд с графовым анализом: визуальная карта «откуда вы сейчас» к «куда идёте».

Сценарий 1: Смена карьеры

Пользователь видит ветвящийся граф: "Вы — менеджер, цель — data analyst. Вот пробелы: Python, SQL".

  • Выбор ментора из профиля (фильтры: опыт, отзывы, цена).
  • Индивидуальный план: еженедельные таскы, видео-уроки, чат с ментором.
  • Трекинг прогресса в дашборде — прогресс-бары, уведомления "Вы на 60% к цели!".
  • Финал: ментор помогает с резюме, алерты вакансий, симулятор собеседований с фидбеком.

Сценарий 2: Повышение квалификации

После теста — каталог курсов: бесплатные (Coursera, YouTube) и платные (Udemy, наши эксклюзивы). Рекомендации по литературе: "Начните с 'Clean Code' + 5-часовой курс по React".

  • Опциональный ментор: «Хотите 1:1 с разработчиком? Вот 3 варианта».
  • Прогресс в одном дашборде: чеклисты, заметки, интеграция с календарем.

Дизайн-фишка: "Смарт-лента" — бесконечный скролл с микрозадачами, чтобы не бросить на полпути.

Карьерный хаб: От зарплат до вакансий

Это сердце платформы — граф карьеры. Выберите профессию (Разработчик), и увидите:

  • Средняя зарплата по странам (LinkedIn, интеграция Glassdoor).
  • Дорожная карта навыков: junior → middle → senior.
  • Трекинг вакансий: фильтры по странам/компаниям, отзывы, анализ ЗП.