Компания «Правильный выбор»

rabotaipodrabotka.ru
Компания «Правильный выбор» осуществляет подбор и аутсорсинг персонала.

1С-Битрикс
Интеграция 1С
Личный кабинет
Адаптивный
дизайн
Изображение
Изображение
Изображение

Проектирование

Более 15 лет «Правильный выбор» успешно решает задачи управления персоналом для ведущих компаний. Среди ключевых партнеров такие гиганты, как Фикспрайс, Лента, ДНС, Реми и другие.

Задача

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

Платформа «Правильный выбор»
icon
Обеспечит
возможность размещать заявки
Обеспечит работодателям возможность быстро и удобно размещать заявки на подбор исполнителей.
icon
Предоставит соискателям доступ к заявкам
Предоставит соискателям доступ к релевантным заявкам с возможностью поиска и фильтрации.
icon
Обеспечит
управление пользователями
Исключит хаотичную саморегистрацию и обеспечит управление пользователями через административный контур.
icon
Реализует прозрачный процесс работы с заявками
Реализует прозрачный процесс работы с заявками (создание, назначение, выполнение, закрытие).
icon
Повысит скорость и качество подбора исполнителей
Повысит скорость и качество подбора исполнителей за счёт структурированных данных и автоматизации.

Ключевые сценарии

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

Ключевой сценарий исполнителя
Исполнитель
icon
Авторизация
icon
Cписок заявок
icon
Просмотр карточки
icon
Взятие заявки
Ключевой сценарий партнёра 
Партнер
icon
Авторизация
icon
Форма создания заявки
icon
Подтверждение
icon
Отслеживание статуса

Решение

Работа над проектом включала в себя несколько этапов:

Ноябрь
Декабрь
Январь
III неделя
IV неделя
I неделя
II неделя
III неделя
IV неделя
II неделя
III неделя
icon
Создание ТЗ
icon
Создание логотипа
icon
Анализ
конкурентов
icon
UI UX Дизайн
icon
Верстка
icon
Программирование
icon
Тестирование
проекта

Подбор цветовой схемы

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

#262B43
#FF6327
#E6835D
#E9D9C3
#F4ECE1
Цветовая схема

Концепции

Концепт 1
Концепт 1
01
Современная концепция в теплых тонах. Для оформления блоков использована оригинальная тематическая графика.
02
В концепции использованы яркие оранжевые акценты, дизайн легкий и минималистичный с небольшой анимацией. Главной фигурой является круг, в который можно вписать любую фотографию и логотип.
Концепт 2
Изображение
Изображение
Изображение
Изображение
Изображение
Изображение
Изображение
Изображение
Изображение
Изображение
Изображение
Изображение
Изображение
Изображение
Изображение
Изображение
Изображение
Изображение
Изображение
Изображение
Изображение
Изображение
Изображение
Изображение
Изображение
Изображение
Изображение
Изображение
Концепт 3
Концепт 3
03
Лаконичная концепция с эффектной типографикой и дружелюбными фотографиями. Основное внимание уделено интуитивной работе с контентом и формами.

Дизайн

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

Десктоп
Мобильный
1
Преимущества в стиле логотипа
2
Современные карточки услуг
3
Интересное оформление новостей

Личный кабинет

Функционал личных кабинетов исполнителя и партнёра представляет собой центральную составляющую портала «Правильный выбор».

Личный кабинет исполнителя

1

В личном кабинете исполнитель может:

  • Просматривать заявки.
  • Брать заявки в работу.
  • Завершать заявки с вводом комментария.
Телефон
Телефон
Телефон
2

Заявки имеют два варианта отображения — в виде карточек и в виде таблицы.

Таблица
Карточки
3

В разделе «Персональные данные» пользователь может просматривать привязанных партнёров, редактировать свои данные и управлять настройками безопасности.

Страница ЛК
Шапка сайта
Превью ЛК

Личный кабинет партнёра (работодателя)

1

В личном кабинете партнёр может:

Просмотреть заявки
Создать заявку
Просмотреть историю заявок
2

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

Личный кабинет 1
Личный кабинет 2
Шапка сайта
Личный кабинет 3

Фильтры

Для оптимизации поиска вакансий создана интуитивно понятная система фильтров. Её полная и стабильная работоспособность обеспечена на всех платформах: от десктопов до мобильных устройств.

Фильтры
Фильтры

Внутренние страницы

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

Изображение
Изображение
Изображение
Изображение
Изображение
Изображение
Изображение
Изображение
Изображение
Изображение
Изображение
Изображение
Изображение
Изображение
Изображение
Изображение
Изображение

UI-KIT

Шрифт
Montserrat
#262B43
#FF6327
#E6835D
#E9D9C3
#F4ECE1

Особенности реализации

Интеграция с RedSMS

Для упрощения и автоматизации авторизации используется внешний сервис RedSMS, он отправляет на телефон пользователя уведомления и коды проверки для двухфакторной аутентификации.
image
01
Вход в личный
кабинет
image
02
Ввод кода из смс
image
03
Подтверждение
по СМС
image
Готово
Авторизация

Push-уведомления

Настроены push-уведомления — веб-сайт может отправлять короткие всплывающие сообщения прямо на экран мобильного устройства или компьютера, даже когда он не активен.

Push Уведомления
Колокольчик
1

Работа с картографическим сервисом (Yandex Maps API)

В рамках функционала личного кабинета партнёра и исполнителя реализована работа с картой на базе Yandex Maps API.

1

Картографический функционал используется для:

  • Отображения адресов исполнителей;
  • Отображения точек выполнения работ партнёров;  
  • Визуализации заявок на карте;
  • Упрощения выбора и контроля мест выполнения работ.
Карта
Карта
Карта
Яндекс Карты
2

Все картографические данные хранятся в системе в виде:

  • Текстового адреса;
  • Географических координат (широта / долгота).

1С-Битрикс

Сайт разработан на базе CMS «1С-Битрикс», которая позволяет клиенту легко редактировать контент.

Панель администратора