Advantis — кадровое агентство, предоставляющее услуги по подбору сотрудников для компаний различного профиля. Основанное в Дубае, Advantis стремится укрепить свою позицию на международном рынке и продемонстрировать свои ключевые ценности: открытость, целеустремленность и ответственный подход к подбору персонала.
Компания обратилась к нам с запросом на создание корпоративного сайта, который бы стал их визитной карточкой в Интернете. Основной задачей было разработать многостраничный сайт, который не только представлял бы услуги агентства, но и формировал положительный имидж бренда, подчеркивая его профессионализм и ориентированность на долгосрочное сотрудничество.
Представить Advantis как надежного партнера на международной арене, демонстрируя профессионализм и экспертность компании.
Показать широкий спектр услуг, включая подбор сотрудников, партнерские программы и специализированные решения для бизнеса.
Разработать удобный интерфейс для поиска и подачи заявок на вакансии, чтобы соискатели могли быстро найти нужную информацию и отправить резюме.
Создать раздел, рассказывающий о компании, её истории, команде и ценностях, чтобы повысить доверие как со стороны клиентов, так и соискателей.
Использовать визуальный стиль, который передает минимализм и современность, что подчеркивает профессиональный подход Advantis к работе.
Для реализации этих целей мы сформировали структуру многостраничного сайта, которая охватывала ключевые разделы:Информация о компании и её команде.
Услуги агентства с подробным описанием каждого направления.
Раздел для соискателей с актуальными вакансиями и удобной формой подачи резюме.
Отдельный раздел для корпоративных клиентов, где подробно описаны условия партнерства и сотрудничества.
Мы взяли на себя полный цикл работы до этапа разработки, включая исследование, проектирование, создание прототипов и дизайн-макета сайта. Разработка сайта была передана в Advantis, и наша команда обеспечила передачу всех необходимых материалов и поддерживала клиента на этапе реализации. Результатом проекта должен был стать сайт, который обеспечивал бы удобство взаимодействия как для соискателей, так и для компаний, при этом подчеркивая ценности Advantis и её статус на рынке кадровых услуг.
Для начала мы собрали всю необходимую информацию о компании Advantis, её услугах, целевой аудитории и конкурентах. Определили ключевые цели проекта: создать удобный, информативный и функциональный сайт, который будет эффективно представлять услуги компании, вызывать доверие и привлекать как соискателей, так и корпоративных клиентов.
Анализ ниши
Мы провели исследование рынка HR-услуг, уделив особое внимание конкурентам, работающим как в Дубае, так и на международной арене. Это помогло нам понять ключевые особенности ниши, такие как:
Большой акцент на визуализации отзывов и кейсов успешного сотрудничества, что формирует доверие клиентов.
Наличие удобного поиска вакансий, фильтров и подачи заявки — это обязательный элемент сайтов HR-компаний.
Разделы о ценностях и миссии компании, чтобы подчеркнуть её открытость и подход к взаимодействию с клиентами и соискателями.
На основе анализа мы определили, что сайт должен включать блоки, которые акцентируют внимание на профессиональном опыте компании, её кейсах и удобстве для пользователей.
Мы выделили несколько ключевых сегментов целевой аудитории:
1. Соискатели:
Молодые специалисты, ищущие первую работу.
Опытные профессионалы, заинтересованные в переходе на более высокие должности.
Экспаты, которые ищут возможности для трудоустройства в Дубае.
2. Клиенты — компании:
Малый и средний бизнес, нуждающийся в подборе специалистов.
Крупные компании, ищущие долгосрочного партнёра для кадрового аутсорсинга.
Стартапы, которым важно быстро находить специалистов для масштабирования.
Для каждого сегмента были разработаны персоны, включающие их цели, болевые точки и ожидания от взаимодействия с Advantis. Эти данные мы структурировали в CJM (Customer Journey Map), чтобы понять, как пользователи будут взаимодействовать с сайтом.
На основе исследований мы сформулировали ключевые смыслы, которые нужно доносить до аудитории:
1. Для соискателей:
- Advantis поможет найти работу, которая соответствует их ожиданиям и профессиональному уровню.
- Прозрачный и понятный процесс подачи заявки.
- Поддержка на всех этапах трудоустройства.*(Скрин CJM соискателей можно вставить здесь.)*
2. Для корпоративных клиентов:
- Advantis — надёжный партнёр для подбора специалистов.
- Эффективные решения для бизнеса, которые помогут экономить время и ресурсы.
- Высокий уровень профессионализма и ответственность за результаты.*(Скрин таблицы 5W Марка Шерингтона можно добавить здесь.)*
Выводы:
На основе собранной информации мы выстроили основу для дальнейших этапов проектирования и создания сайта. Полученные данные позволили нам понять, какие аспекты необходимо учитывать в структуре, дизайне и наполнении, чтобы сайт был максимально эффективным и удобным как для клиентов, так и для соискателей.
На основании проведённых исследований и анализа я сформировал структуру сайта и каждой его страницы, учитывая цели проекта и ожидания целевой аудитории.
Задачи структуры:
Донести до пользователей всю информацию о компании Advantis, её услугах и вакансиях.
Создать удобную навигацию, чтобы пользователь легко находил нужные разделы.
Обеспечить интуитивно понятный интерфейс, который позволяет соискателям и компаниям быстро взаимодействовать с платформой.
Разработать отдельные страницы для вакансий, услуг, отзывов и кейсов компании, чтобы продемонстрировать её профессионализм.
Работа началась с эскизов, выполненных на бумаге, чтобы визуально отобразить базовую структуру сайта и ключевые элементы интерфейса.
Затем эскизы были перенесены в Figma, где я разработал низкодетализированную версию прототипа. Этот этап позволил проверить пользовательские сценарии и убедиться, что навигация удобна, а структура сайта логична.
После согласования с клиентом я перешёл к созданию высокодетализированного прототипа. В этой версии были учтены:
Сетка и композиция проекта, чтобы информация подавалась структурировано.
Визуальная иерархия контента, чтобы пользователь легко ориентировался в большом объёме данных.
На этапе дизайна я сосредоточился на том, чтобы передать строгость, серьёзность и профессионализм компании Advantis через визуальные элементы.
Цветовая палитра и акценты:
Основными цветами для сайта стали чёрный, серый и белый.
- Чёрный символизирует надёжность и профессионализм.
- Серый добавляет сдержанности и элегантности.
- Белый создаёт простор и визуальную лёгкость, помогая акцентировать внимание на ключевых элементах.
Визуальный акцент был сделан на качественных фотографиях, отображающих просторные офисы и корпоративную атмосферу. Это помогло подчеркнуть масштаб и серьёзный подход компании, а также вызвать доверие у потенциальных клиентов и партнёров.
Для проекта был выбран швейцарский стиль оформления, поскольку он идеально подходит для ниши HR:
Организация большого количества контента: стиль помогает визуально разделять информацию, что особенно важно для вакансий, услуг и материалов о компании.
Удобство восприятия: минималистичный подход с акцентом на типографику позволяет пользователям сосредоточиться на содержании, а не на отвлекающих элементах.
Премиальность и лаконичность: стиль создаёт ощущение профессионализма и доверия, что критически важно для HR-компании, работающей на международном рынке.
Выводы этапа:
На этапе проектирования и прототипирования были заложены основы для будущего дизайна и пользовательского опыта. Согласовав все детали с клиентом, мы обеспечили, что сайт будет интуитивным, функциональным и эстетически привлекательным для всех сегментов аудитории.
Для шрифтов я выбрал крупные и гротескные начертания, которые идеально сочетаются с минималистичным стилем сайта. Они обеспечивают лёгкое восприятие информации, сохраняя эстетику и современность.
Особое внимание было уделено ключевым страницам сайта:
Страница вакансий: реализована удобная структура, позволяющая быстро фильтровать и находить подходящие предложения.
Страницы услуг: каждая услуга представлена лаконично, с детальной информацией и акцентами на преимуществах для клиента.
Блог: контент структурирован таким образом, чтобы пользователи могли легко находить интересующие статьи и материалы, сохраняя общий стиль сайта.
На этапе дизайна мы также позаботились о полной адаптации сайта для различных устройств:
На мобильных устройствах упрощены визуальные элементы для удобной навигации.
На планшетах и больших экранах сохранена целостность дизайна с акцентом на типографику и фотографии.
Дизайн сайта получился лаконичным, функциональным и премиальным. Строгая цветовая палитра, продуманная типографика и акцент на визуальные материалы сделали сайт удобным для всех сегментов аудитории и полностью соответствующим запросам клиента.
