Макет (Figma) лендинга HR CRM Service
Предстоит сделать лендинг, который в дальнейшем будет развиваться пока не вырастет в корпоративный сайт… Итак, HR CRM Service (название условно) - система автоматизации подбора кандидатов на вакансию…
Описание задачи
В прошлом рекрутеры тратили много времени на оценку резюме и первичные собеседования. Однако это могло привести к упущению талантливых кандидатов с плохо составленными резюме.
В HR CRM Service мы упростили этот процесс. Рекрутер просто вводит описание вакансии, а наша нейросеть генерирует все необходимые вопросы и ситуации для интервью. Кандидат проводит интервью в чате с нейросетью, которая задает вопросы, а кандидат отвечает.
После интервью кандидат получает оценки по каждому навыку, а рекрутер видит отчет с оценками всех кандидатов. Мы сделали автоматизацию настолько простой, что Вам не нужно придумывать тесты или вопросы.
Цели сайта
Показать новый способ эффективной оценки кандидатов
Объяснить, что можно оценивать вообще всех кандидатов и находить идеальных кандидатов
Объяснить, чем наш формат оценки лучше других способов
Показать, как просто устроен и работает сервис
Вызвать доверие и желание попробовать сервис
Работа над заданием
Изучаю задачу (В кои то веки люди прислали нормально сформулированное Техзадание…ссылкой на «Миро»), просматриваю сайты конкурентов и возможное окружение.
Вначале готовлю сценарий страницы, для чего определяю последовательность экранов, готовлю текстовое и пр. содержимое основных блоков и их расположение внутри экранов, готовлю прототип (вайфрейм). Сразу формирую правильные названия слоев, чтобы не путаться, делаю основные мастер-компоненты и все блоки формирую с применением правил autolayout
Иллюстрация 1. Варфрейм будущего сайта
Далее делаю дизайн страницы – решил что стоит выбрать достаточно нестандартный общий цветовой фон, который будет выделять лендинг из числа подобных. На ярком активном фоне одинаково выигрышно смотрятся и более светлые и более темные акценты. Основные блоки, содержащие иллюстрации выделяются за счет содержания белого цвета в своем составе. Иллюстрации на этом этапе согласования пока ставлю в формате png… В окончательном – возможно, стоит применить векторную графику svg, что даст выигрыш в загрузке страницы
Иллюстрация 2. Дизайн лендинга
В последний момент захотелось, как вариант, попробовать дерзкую яркую обложку, делаю коллаж…
Иллюстрация 3. Коллаж для «обложки» сайта
Просмотров:
