1. Поставленные задачи
Миссия проекта: Создать современный, удобный и быстрый карьерный портал для компании «Силовые машины», который эффективно конвертирует посетителей в кандидатов, устраняя барьеры на пути к отклику на вакансию.
Также нам необходимо было разработать мобильную версию сайта, так как большинство пользователей ищут работу с телефонов.
2. Проблемы предыдущей версии
Прежняя версия сайта имела ряд критических недостатков. Основная проблема заключалась в избытке текстовой информации и отсутствии быстрого пути к актуальным вакансиям. Сайт был перегружен второстепенным контентом, что требовало долгой прокрутки страниц.
С технической стороны наблюдалась низкая скорость загрузки и отсутствие качественной адаптации под мобильные устройства. Эти факторы приводили к снижению конверсии: многие кандидаты покидали ресурс, не завершив сценарий отклика.
3. Ключевой акцент на деятельности: роли и решения
Для реализации проекта наша команда четко распределила обязанности, чтобы закрыть все этапы создания продукта:
Лиза: провела глубокий анализ исходного сайта, выявив проблемы потери пользователей из-за сложного текста и долгой прокрутки. Разработала основу нового дизайна портала.
Маша: выполнила анализ конкурентов, определив ключевые точки роста. Собрала итоговую презентацию для защиты.
Лена: отвечала за разработку дизайна мобильной версии, сделав портал удобным для использования «на ходу». Собрала единую дизайн-систему, чтобы привести все страницы к одной логике.
Руфина: занималась прототипированием макета, спроектировав быстрый и понятный сценарий отклика с акцентными кнопками. Успешно представила и защитила проект на конкурсе.
4. Анализ конкурентов
Также при разработке новой концепции мы проанализировали сайты крупных компаний отрасли, таких как сибУр, Татнефть и Норникель. Мы выделили четыре принципа, которые обеспечивают эффективность их карьерных порталов:
Вывод: У лидеров отрасли сайт карьеры, содержит максимум релевантной информации о проектах, производственных площадках, преимуществах, карьерных треках.
Важна человечность бренда: личные успехи сотрудников, культура безопасности и развития, а также упоминание DMC, возможности обучения, удобного графика и прочих льгот в одном месте.
5. UI-кит
Также мы разработали UI кит, где учитывали все особенности и брендбук «Силовых Машин» и на его основе начали работу.
5. Достигнутые результаты, польза и значимость
Мы полностью пересобрали структуру карьерного портала и заново выстроили путь пользователя. Сайт читается быстрее, выглядит современно и уверенно. Внедрена интуитивно понятная навигация, позволяющая соискателям быстро находить нужные вакансии, команды и требования.
Главная ценность нашей работы — устранение барьеров для тех кандидатов, которые приходят «просто посмотреть вакансии и быстро откликнуться». Благодаря мобильной оптимизации, четкой корпоративной стилистике и интеграции историй реальных сотрудников, портал не только вызывает больше доверия, но и ведет человека к отклику без лишних препятствий, напрямую повышая конверсию в найм.
6. Десктопная версия
Главная страница: Поисковая строка и фильтры сразу под заголовком. Сокращаем путь до вакансии.
Визуальная чистота: Строгая сетка, много воздуха и контрастные шрифты. Интерфейс не перегружен графикой и выглядит современно и технологично, и лёгкий для вёрстки.
Структурированная подача: Информация упакована в блоки с иконками и списки, чтобы сканировать контент взглядом не вчитываясь.
Удержание фокуса и контекста: Фильтр всегда виден сбоку, кандидату не нужно листать вверх для изменения параметров. Список позволяет считывать вакансии в 2 раза быстрее.
Бесшовный отклик: Убрали лишние шаги. При выборе вакансии форма заявки заполняется сама. Это снижает процент отказов на этапе отклика.
География: Переработали интерфейс карты, акцентируя внимания на широкой географии компании. Переключатели мгновенно делит производства и офисы продаж.
Вход в профессию: Новички не понимают терминологию. Поэтому заменили список на блоки с фото и описанием работы, чтобы кандидат за 2 сек понял, что предстоит делать.
Масштабируемая модульная сетка: Универсальный шаблон для любого объема. Визуальная иерархия структурирует текст акцентными блоками. CTA делает статью элементом воронки найма.
7. Мобильная адаптация
Интерфейс для базового смартфона: Крупные тач-зоны, контрастные шрифты, отсутствие наведений в мобильной версии.
Понятная каждому навигация: Фильтры вынесены на первый экран. Сварщик находит вакансию сразу, без лишних кликов и блужданий по меню.
Структура данных: В карточках вакансий убраны абстракции, добавлены факты.
Итоговый результат:
В рамках проекта мы полностью пересобрали карьерный портал «Силовых машин» — убрали перегруз текстом и лишние шаги, выстроили единый понятный путь пользователя и адаптировали его под мобильные сценарии, опираясь на лучшие практики отрасли. Благодаря дизайн-системе, визуальной чистоте, быстрой навигации и ключевым CTA («Быстрый отклик» / «Подробно о вакансии») портал стал быстрее, современнее и доступнее: кандидат за секунды находит нужную вакансию и без барьеров переходит к отклику, что напрямую повышает конверсию в найм и доверие к бренду.
