PromMe: экосистема карьерных возможностей в индустриальном секторе

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


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

Мы создали визуальную систему и цифровой интерфейс портала PromMe, который объединяет в себе карьерные и образовательные возможности.

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

2. Разработали пользовательские сценарии для разных ролей (поиск вакансий, размещение предложений, участие в образовательных программах).

3. Подготовили UX/UI-дизайн портала с акцентом на простоту, адаптивность и удобство взаимодействия.

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

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

Что сделали:

1. Составили карту портала с ключевыми разделами.

2. Задали иерархию и маршруты переходов, добавили перекрёстные связи между разделами для удобной навигации.

3. Расписали функционал по разделам и закрепили, какие блоки входят в каждую страницу.

4. Собрали черновые прототипы главной и внутренних экранов в Figma.

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

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

Цель: определить визуальный язык портала, который будет одинаково понятен и специалисту, и работодателю.


Что мы сделали:

1. Собрали moodboard с визуальными референсами.

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

3. Провели презентацию moodboard и визуальных ориентиров, объяснили выбор и обоснование стилистики.

4. На основе утверждённого стиля создали дизайн-концепцию из нескольких экранов. Это позволило клиенту увидеть, как визуальный язык работает в реальном интерфейсе.

5. Представили концепцию как единое решение, которое стало фундаментом для последующей отрисовки всех страниц сайта.

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


Что мы сделали:

1. На базе прототипа и выбранной концепции разработали полный макет главной страницы в разрешении 1920 px.

2. Выстроили композицию экрана: hero-блок с ключевым сообщением, разделы о возможностях портала, карточки вакансий и компаний, преимущества и навигация к внутренним разделам.

3. Настроили визуальную иерархию: доминантные заголовки, контрастные акценты, использование фото как эмоционального фона.

Что мы сделали:

1. На основе макета главной страницы подготовили дизайн внутренних экранов в разрешении 1920 px.

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

3. Для каждого раздела проработали интерфейсные элементы: фильтры, карточки вакансий и компаний, формы подачи заявок, всплывающие окна.

4. Сохранили единую сетку, типографику и яркие цветовые акценты, что обеспечило целостность интерфейса.

5. Проверили пользовательские сценарии: поиск, фильтрация, переходы к карточкам, заполнение форм.

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


Что мы сделали:

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

2. Упростили структуру блоков для маленьких экранов, адаптировали меню, фильтры и формы.

3. Проверили, чтобы все сценарии (поиск, отклик, отправка форм) были одинаково удобны на разных устройствах.

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

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

Таким образом, PromMe вышел за рамки классического карьерного сайта. Он превратился в отраслевой портал, который задаёт новые стандарты цифровых решений в индустрии: удобство, прозрачность, масштаб и интеграцию участников в единую экосистему.