← Вернуться Связаться
Мобильные экраны Навигатора Карьеры

Навигатор Карьеры

Навигатор Карьеры — региональная карьерная платформа для Сахалинской области, инструмент сопровождения профессионального развития: от стажировки до построения карьерного трека внутри региона.

Пришёл на проект в самом начале, когда не было ни продуктовой модели, ни готовых пользовательских сценариев. Продукт рос вместе со мной: за 3 года я прошёл путь от единственного дизайнера в команде из 5 человек до лида дизайна в команде из 16.

КомпанияАРЧК
РольLead Designer
Период2020 — 2024

Контекст

О чём продукт

Региональная карьерная платформа, направленная не только на поиск вакансий, а на построение полного карьерного трека внутри Сахалинской области.

Контекст

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

В процессе работы продукт несколько раз масштабировался, что привело к необходимости переосмысления архитектуры и запросам на полный редизайн системы.

Проблемы, которые я решал

Ежедневные обязанности

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

Помогал структурировать видение продукта при отсутствии стратегии

Балансировал между ожиданиями проджект-менеджера и владельцев продукта, сложностью реализации у разработчиков и реальными болями клиентов

Переводил абстрактные идеи в конкретные пользовательские сценарии и интерфейсные решения

Что в итоге сделал

Результаты

Интерфейсы для разных ролей: пользователь, панель работодателя и админ-часть

Провёл 2 полных редизайна сайта

Создал масштабируемый UI-кит (система отступов, светлая/тёмная тема, Storybook)

Процесс работы

Гипотеза

Работа началась с идеи «Заявка на специалиста», в которой работодатель формулирует портрет нужных специалистов через их:

Направления→Компетенции→Навыки

А организация уже получала готовый план обучения.

Интерфейс «Заявка на специалиста»

Далее заказчики приняли решение расширить продукт и превратить его в MVP job-сервиса. В рамках этого этапа спроектировал базовый функционал платформы с двумя ключевыми ролями — работодатель и соискатель — и их основными сценариями:

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

Бенчмарк

Изучил hh.ru, rabota.ru, Работа в России, SuperJob, HabrCareer, а также локальные доски объявлений Сахалина. Построили сравнительную таблицу функционала по ключевым пользовательским сценариям.

Логотипы изученных сервисов: hh.ru, rabota.ru, Работа в России, SuperJob, HabrCareer

Расширение продукта

Расширение продукта привело к выходу за пределы локального решения и сотрудничеству с АРЧК, где проект начал формироваться как инструмент развития карьерного трека в Сахалинской области.

Появилось понимание целевой аудитории и идеологии продукта: сервис должен не просто агрегировать вакансии с разных сайтов, а сопровождать будущего клиента на разных этапах профессионального развития.

Карта павильонов и таблица образовательных программ

С переходом проекта к новой организации процесс стал более продуктовым: вместо точечных решений мы начали формировать гипотезы и системно исследовать пользовательский опыт.

CJM: путь соискателя в сервисе и полный путь до внешних источников карьерного трека

Административная панель

Параллельно с расширением пользовательской части продукта я начал проектирование админ-панели для управления всеми ключевыми сущностями платформы:

ПользователиКомпанииАнкетыВакансииСтатьиСферыАктивностиСобытияКурсы

Это позволило намного легче управлять системой и масштабировать контент без участия разработки.

Одной из сложных задач стало проектирование универсального конструктора форм. Требование заключалось в том, чтобы администраторы могли размещать кастомные опросы и формы на любой странице без разработки новых интерфейсов.

Я спроектировал систему, которая позволяла:

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

Редизайн системы

После смены руководства всем проджект-менеджерам пришлось следовать новым указаниям и вектору развития проекта: теперь мы охватывали выстраивание карьерной траектории не только у взрослой аудитории с образованием, но и у студентов и школьников.

Мы стали предлагать разные государственные программы, обучение и, конечно же, новый редизайн системы, который был бы более «современным» и откликался нашей новой молодой аудитории. Я сделал несколько концептов первого экрана, и руководство выбрало стилистику дальнейшего сайта.

Три варианта концепта первого экрана

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

На тот момент у меня в подчинении уже было 3 джуна, которых я обучил на этом проекте, и они помогли с созданием UI-кита. Параллельно собрали Storybook, что позволило синхронизировать дизайн и фронт.

Интерактивные карты для ВДНХ

К моменту завершения редизайна появилась новая задача — сделать интерактивную карту. Руководство открыло несколько павильонов на ВДНХ, и важно было отразить их на сайте.

Интерактивная карта павильонов ВДНХ на ноутбуке

Мы запустили отдельный раздел с интерактивной картой павильонов, где пользователи могли увидеть представленные компании и проходящие события. Параллельно адаптировали ряд страниц и регистрацию под сенсорные экраны, установленные в самих павильонах.

Результат

Построил продукт в условиях роста и неопределённости

Проект развивался постепенно: функциональность расширялась, аудитория росла, появлялись новые роли и сценарии. Мне пришлось не просто проектировать интерфейсы, а пересобирать их дважды, адаптируя UX под реальное поведение пользователей и масштабирование платформы.

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

20 000+ пользователей
зарегистрировано на платформе

с начала работы

500+ компаний

разместили 2000+ вакансий

3 junior-дизайнера

обучил на проекте

300+ уникальных страницспроектировано в Figma
AutoLayout Components