Дизайн веб приложения, уникальный стиль, сайт и дизайн-система для остальных цифровых продуктов бренда
Дизайн сервиса Heddo.io
Платформа
Web
Ссылка
heddo.io
Моя роль
UX/UI Designer
Проектирование, UI, разработка и верстка посадочных страниц, дизайн рассылок, презентаций, постов для социальных сетей
Проектирование, UI, разработка и верстка посадочных страниц, дизайн рассылок, презентаций, постов для социальных сетей
Heddo– это умный сервис по подбору IT-специалистов. Heddo подбирает кандидатов, которые подходят по стеку, зарплате и локации. Остается только поставить лайки и назначить интервью!
Проблемы
1
2
3
Разработчик часто получает предложения от рекрутера с предложением «познакомиться», большинство из них задают одни и те же вопросы и при этом сами не разбираются в тонкостях требований, не могут ответить на вопросы потенциального кандидата, что раздражает разработчиков
Кандидаты негативно
относятся к рекрутерам
относятся к рекрутерам
В процессе подбора разработчика около 70% времени уходит на сбор базы, скрининг, отсев нерелевантных CV, отправку welcome message, разбор откликов, написание и отправка отказов, согласование и проведение телефонного интервью.
Долгий процесс поиска кандидатов
На крупных платформах качество анкет никем не проверяется, как и отмеченные в резюме скилы. По факту не все полностью отвечает своему же описанию в резюме.
Не проверенные кандидаты
Задачи
Чтобы презентовать сервис на ежегодной конференции IT-рекрутеров TechRec
*
*
За 3 месяца разработать внутренний интерфейс сервиса
Спроектировать дизайн сайта и посадочных страниц
Создать дизайн для остальных цифровых продуктов
За 3 месяца разработать внутренний интерфейс сервиса
*
Создать дизайн для остальных цифровых продуктов
Спроектировать дизайн сайта и посадочных страниц
Над проектом я работала в команде:
Аня
Graphic Designer
Graphic Designer
Команда разработчиков
Юля
Product Designer
Product Designer
Фадеева Ольга
UX/UI Designer /
No-code developer
UX/UI Designer /
No-code developer
Моя роль:
Я совместно с продуктовым дизайнером занималась проектированием, отрисовкой экранов интерфейса.
Самостоятельно разработала макеты посадочных страниц для разных категорий пользователей (рекрутер IT-компании, кандидат), сверстала страницы на Tilda. А так же занималась дизайном рассылок, презентаций, постов для социальных сетей.
Самостоятельно разработала макеты посадочных страниц для разных категорий пользователей (рекрутер IT-компании, кандидат), сверстала страницы на Tilda. А так же занималась дизайном рассылок, презентаций, постов для социальных сетей.
Проектирование
и дизайн
и дизайн
1
Начали с отрисовки User Flow и прототипов
Для ускорения процесса проектировали только основные сложные экраны сервиса.
Максимально вовлекали CEO проекта (по совместительству профессионального IT-рекрутера). Обсуждали структуру каждой страницы. Благодаря опыту и высокой насмотренности основателей вместе быстро находили подходящие решения.
Максимально вовлекали CEO проекта (по совместительству профессионального IT-рекрутера). Обсуждали структуру каждой страницы. Благодаря опыту и высокой насмотренности основателей вместе быстро находили подходящие решения.
2
Moodboard
Важно было создать уникальный стиль, чтобы выделить платформу среди конкурентов, а так же подчеркнуть технологичность и IT-специфику платформы.
Мы вдохновились стилистикой Apple Macintosh System 1 (System 0.97) 1984 года. В дизайне использовали смелые контуры, рамки и пиксельную графику. Подобрали соответсвующие шрифты.
Мы вдохновились стилистикой Apple Macintosh System 1 (System 0.97) 1984 года. В дизайне использовали смелые контуры, рамки и пиксельную графику. Подобрали соответсвующие шрифты.
3
Дизайн внутренних страниц сервиса
Конструктор резюме:
Добавили возможность упрошенного заполнения резюме: по ссылке на LinkedIn, GitHub, CV. Данные в резюме таким способом подтянутся автоматически
Для решения проблемы непроверенных кандидатов мы добавили тестирование на соответствие навыков. После успешного завершения кандидат получите маркер-значок
Компании видят обезличенные резюме и лайкают, если кандидат им нравится.
Это решает проблему «спама» со стороны рекрутеров
Это решает проблему «спама» со стороны рекрутеров
В отдельную вкладку кандидату может посмотреть компании, которые лайкнули его и которые лайкнул он сам.
Интерфейс личного кабинета кандидата: показывает вакансии релевантные твоему опыту, сетку и зарплатной вилке
Регистрация IT-компании:
Создали очень подробную анкету компании. Добавили возможность загрузить фотографии офиса, видео-приглашение или презентацию, показать как устроен процесс по найму, указать все бонусы. Это поможет привлечь больше кандидатов и повысить их лояльность
Придумали информативный онбординг по регистрации
Размещения вакансии:
В процессе размещения вакансии оставили только стандартные поля: опыт, требуемые скилы и уровень владения ими, описание и знание языка.
Так же информативный онбординг для заполнения требований вакансии и публикации
Рабочий стол
IT-компании:
IT-компании:
Создали удобный интерфейс личного кабинета компании, чтобы работодатель легко мог встретиться с подходящим кандидатом.
Рекрутер компании видит обезличенные анкеты и лайкает, если кандидат ему нравится. В первоначальном варианте интереса было две кнопки: «Да» и «Нет», но в результате тестов выяснилось, что не всегда сразу можно принять однозначное решение, поэтому добавили еще и кнопку «Может быть». В таком случае анкета добавляется в своеобразное избранное и видно на вкладке в кабинете: к ней рекрутер может вернуться позднее.
Рекрутер компании видит обезличенные анкеты и лайкает, если кандидат ему нравится. В первоначальном варианте интереса было две кнопки: «Да» и «Нет», но в результате тестов выяснилось, что не всегда сразу можно принять однозначное решение, поэтому добавили еще и кнопку «Может быть». В таком случае анкета добавляется в своеобразное избранное и видно на вкладке в кабинете: к ней рекрутер может вернуться позднее.
Добавили интерфейс для отслеживания статистики
Когда интерес взаимен кандидату и компании приходит уведомдение. Обе стороны смогут узнать, кто есть кто, и договориться о собеседовании.
Реализовали
внутренний чат:
внутренний чат:
Все общение происходит на платформе в чате.
Для удобства добавили фразы-подсказки
Для удобства добавили фразы-подсказки
4
Посадочные страницы
Спроектировали главную страницу с рекламой новых коллекций, блоком сториз, редакторской подборкой товаров и переходом в соцсети бренда
Все страницы я сверстала на Tilda, адаптировала под мобильные устройства, анимировала некоторые элементы. Настроила формы и сбора заявок.
Что получилось можно посмотреть по ссылке:
heddo.io
Что получилось можно посмотреть по ссылке:
heddo.io
Главная страница. Спрашиваем пользователя – кто он: кандидат или работодатель
Основная посадочная страница для рекрутеров и ИТ-компаний
Посадочная страница для рекрутеров и ИТ-компаний (с разясненяими о цене)
Посадочная страница для разработчиков
Дизайн рассылок
Спроектирован дизайн всех внутренних рассылок сервиса при различных событиях: аккаунт активирован, резюме или вакансия опубликованы, новый лайк, совпадения или сообщение, e-mail с ошибками в заполнении профиля, письма с подборками вакансий и новых кандидатов.
5
А также шаблоны-блоки коммерческих писем, чтобы из них легко можно было собирать новые рассылки.
6
UI-кит
Включили все компоненты, карточки и элементы, семантические цвета и шрифты.
7
Дизайн прочих цифровых продуктов
Презентаций, коммерческого предложения, постов для социальных сетей и рекламы
Результаты
У спели задидайнить и запусти сервис в срок. Получили много положительных отзывов на дизайн. А уже в первые два месяцы работы в сервисе зарегистрировалось более 300 разработчиков и более 100 IT-компаний.
А еще после запуска Heddo.io привлекли более полумиллиона долларов инвестиций!
А еще после запуска Heddo.io привлекли более полумиллиона долларов инвестиций!
If you are need a such specialist as I’m or you have a project that I can help you with,
let’s chat!
let’s chat!
Fadeeva.Design 2022
