Разбор живого проекта

Homerun.co – помощник hr'а в отборе кандидатов.

Тестовые задания и портфолио начинающих это хорошо, но на плохих примерах много скилла не прокачаешь. Я регулярно просматриваю новинки скринов реальных проектов на Mobbin (да, у меня даже платная подписка). И я давно хотел сделать разбор клевого проекта. Формат простой — я просматриваю экраны и отмечаю для себя что-то интересное, крутое и то, что может пригодиться.

Сегодня у нас будет Homerun.co — сервис, который помогает управлять наймом (публиковать вакансии, обрабатывать отклики и так далее).

Скрины на mobbin тут

1. Цветовая гамма — домашний ламповый балдеж

Первое, за что хочется похвалить — это теплая бежевая цветовая палитра. От интерфейса веет человечностью и уютом.

Загрузил скриншот и сгенерировал палитру с помощью https://coolors.co/

2. Работа с палитрой в мелочах

При регистрации ребята показывают отзывы реальных людей. С точки зрения UX — хороший ход. Я сам такое люблю и, по возможности, вставляю во все свои проекты. Но обратите внимание на портреты людей. Заметно, что дизайнер поработал с цветокоррекцией.

Теплая палитра везде, в каждой фоточке

3. Изящная подписка на почтовую информационную рассылку

После отправки email появляется экран, где сервис просит еще немножко информации (телефон, название компании) и поставть галочку согласия с правилами сервиса. Это вроде стандартная процедура.

Обратите внимание как ребята продвигают свою рекламную рассылку.

Она именная (The Art of Work) и можно перейти по ссылке и посмотреть, о чем там вообще пишут;
Сразу говорят, как часто будут присылать письма – bi-weelky;
Говорят о ценности для клиента — ..about hiring and company culture..

Хочешь круто работать с кадрами — подпишись. Хорошее решение.

Посмотрим, что внутри :)

4. Иконки. Пропорция толщины и шрифта

Что тут сказать — очень изящно, сделано с любовью.

5. Жирные заголовки

Впервые я такой прием увидел у basecamp'а. Кажется лет 5 назад. Тут прием используется более дозированно. Но, работает одинаково — добавляет "души".

6. Левый верхний угол для клиента, а не лого сервиса. Новый стандарт.

Видел такое уже у нескольких сервисов. Тут лого самого проекта в левом нижнем углу. Человекоцентричность +50. И похоже это на новый стандарт в интерфейсах SaaS платформ.

Начинаем просматривать остальные страницы и вот, что стоит отметить.

7. Персонифицированные сообщения онбордингов

Онбординг от имени разработчика — восторг.

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

Если вы в дизайне дольше 5 лет, вы должны знать, кто это :)

Всегда, когда вижу такое, вспоминаю Кларка из Инвижн :)) Скучаю по нему.

P.S. О, пошел искать его фотку, а нашел целый сайт %))) https://clarkfrominvision.com/

8. Иконки пустых страниц — и стильно, и точно по смыслу и эмоциям.

Это мило, и это не Notion стайл.

Календарик, который смотрит на себя в зеркало и грустит от того, что мероприятий нет. +50 к милоте :)

9. Перечеркнутое имя для "отсеянного" кандидата.

Все понятно без всяких плашек. Человечка вычеркиваем.

Не стоит бояться перечеркнутых текстов. Этот прием хорошо работает и ясно передает смысл.

10. Поле поиска в фокусе.

Поле поиска превращается в инпут только по клику. А в остальное время живет жизнью обычного пункта меню.

⌘ + K для вызова поиска — это тоже уже стандарт в отрасли. А еще круто, что при фокусе на поиск затемняется весь фон. Фокус +50.

11. Иконка про процесс найма

Я говорил, что иконки симпатичные. Но вот одна — в самое сердечко. Бейсбольный мяч для "Hiring process". Мяч на вашей стороне. Чистый восторг.

Это все внутряшки, но и лендос у Homerun заслуживает внимания.

12. Use Cases

Клевое решение, показать для кого сервис. Пользователю будет легко определиться, как именно он может использовать продукт.

Ценник на эту красоту — мое почтение.

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

Итого.

Homerun – rлевый специфический продукт с незаезженным синеньким корпоративным UI, очень душевный и "про людей". Уверен, те кто в теме софта для HR'ов найдут там еще UX фишечки. Я отметил то, что заметил на cкринах и отметил для себя полезным.