Промо-сайт по услугам подбора и аутстаффинга специалистов
О клиенте
Американский сервис «ArcHHunter» оказывает услуги по найму, подбору и аутстаффингу специалистов в сфере дизайна, проектирования и архитектуры. Их молодые специалисты могут предоставлять услуги на условиях частичной или полной занятости. Также они готовы консультировать, разрабатывать и реализовывать проекты как онлайн, так и оффлайн.
«ArcHHunter» впервые обратились в нашу компанию за разработкой сайта. Учитывая направление их деятельности и клиентуру, к сайту были предъявлены следующие пожелания: сдержанность, легкость, простота, сбалансированность текста и изображений. Также важны были возможности дальнейшего масштабирования сервиса — разработки на его основе личных кабинетов соискателя и специалиста, каталога профессионалов и т.д.
Задача
В начале работы над проектом в нашем распоряжении были только ориентировочные пожелания по цвету и дизайну: помимо базовой лёгкости и простоты, клиент хотел, чтобы сайт был выполнен в серых тонах. Также было озвучено пожелание о внедрении опросника в процессе регистрации заявки, который интерактивно помогал бы лучше понять потребности заказчика.
Решение
В качестве примера дизайна был принят предложенный клиентом набросок на Wixsite.
Wixsite — это конструктор сайтов. Он позволяет любому, даже не обладающему знаниями в области программирования человеку, создать собственный сайт.
На основе примера от заказчика наши специалисты разработали собственный дизайн сайта, выполненный преимущественно в серых тонах. Клиенту были предложены прототипы и согласован конечный результат.
Промо-сайт для сервиса «ArcHHunter» состоит из главной страницы, портфолио и страницы каждого реализованного проекта.Также мы интегрировали краткий и лаконичный опросник для лучшего понимания потребностей заказчика.
Реализация проекта
Сайт выполнен на последней версии PHP фреймворка Laravel.
Laravel представляет собой PHP-фреймворк — набор инструментов и шаблонов, которые существенно облегчают и ускоряют разработку продукта. Существенная часть наших проектов была написана на Laravel.
Преимущества Laravel:
- позволяет создать любой без ограничений проект;
- функциональность подстраивается под конкретные задачи;
- позволяет реализовать проекты любой сложности, онлайн-сервисы, внедрить нестандартную функциональность;
- многочисленные готовые пакеты способствуют быстрому наполнению сайта нужными функциями и возможностями;
- в сам фреймворк заложены способы защиты от двух самых распространенных в сети опасностей: XSS-атаки и SQL-инъекции;
- управление кэшированием помогает серьезно экономить время загрузки страниц.
В реализации была использована база данных MySql и подключена библиотека vue.js для динамического отображения контента. В числе прочего такой комплекс решений со стороны фронтенда и бэкенда — это отсутствие каких-либо компромиссов в плане производительности.
Иначе говоря, сайт будет работать максимально быстро — как сейчас, так и под высокими нагрузками в будущем. Этим же не могут похвастаться проекты, реализованные на CMS (например, WordPress).
Библиотека Vue.js — это прогрессивный фреймворк для создания пользовательских интерфейсов. В отличие от фреймворков-монолитов, она пригодна для постепенного внедрения. Vue полностью подходит и для создания сложных одностраничных приложений, если использовать его совместно с современными инструментами и дополнительными библиотеками.
К особому пожеланию заказчика также относится детальная панель администратора, в которой можно менять все части лендинга, создавать и редактировать проекты в портфолио на сайте.
Блоки и дизайн промо-сайта
Традиционно такой продукт состоит из нескольких смысловых блоков. Они проводят посетителей по заранее продуманному сценарию, побуждая заполнить опросник в процессе регистрации заявки.
Блок «Наша команда»
В этой части промо-сайта делается особый акцент на молодых и талантливых специалистах «ArcHHunter». Все фотографии дизайнеров, конструкторов и архитекторов выполнены в стиле компании и гармонично вписываются в общий контент. Карточка каждого специалиста несёт информацию, дающую возможность заочно определиться с выбором.
«Портфолио»
В этом блоке уделяется особое внимание выполненным проектам. Ведь для будущих клиентов компании очень важно увидеть визуальное воплощение работ дизайнеров и архитекторов компании, которая прямо или косвенно занимается архитектурным дизайном.
Блок сформирован таким образом, чтобы будущим заказчикам было легко ориентироваться в типе проектов: архитектура, ландшафт, интерьер, графический дизайн или дизайн продукта. В портфолио отображаются уже реализованные проекты компании.
Галерея
Карточки в портфолио при прокрутке выводятся плавной анимацией. На странице каждого проекта размещается детальная информация и галерея. И как обычно, мы уделили максимум внимания удобству сайта для использования на мобильных устройствах и не только.
Кроме этого, администратор сайта имеет возможность самостоятельно добавлять категории проектов и проекты. У каждого проекта редактируются метаданные для настройки SEO.
Блок опросника
Форма опросника интерактивно помогает лучше понять потребности клиента. После отправки заявки с контактами, клиенту предлагается пройти небольшой динамический опросник. Он позволяет точнее выявить клиентские потребности и подготовить к первому контакту коммерческое предложение.
После прохождения ступени с контактами, в панели администратора появляются ответы на наводящие вопросы, которые привязываются к контактам клиента.
Опросник состоит из 5 пунктов и в зависимости от предыдущего выбора клиенту предлагаются различные варианты ответов. Для администратора оставлена возможность менять текст, картинки и количество вариантов ответов.
Реализация квиза выполнена в виде модального окна, где контент внутри динамически меняется с помощью подключенной библиотеки Vue.js.
Дизайн
Весь дизайн выполнен в достаточно сдержанных и ненавязчивых серых тонах, которые так или иначе наводят посетителя на мысли о современной лаконичной архитектуре и дизайне. Все основные элементы: иконки, изображения и кнопки выполнены в одном стиле и поддерживают общее настроение сайта — простоту и элегантность.
Результат
После работ, проведенных командой специалистов Webnauts, наш клиент получил недорогой, но при этом очень стильный, логичный и работающий продукт. Мы разработали и реализовали не только надежный и безопасный сайт, но и фирменный дизайн, дополненный качественным текстом и удобной формой опросника в процессе регистрации заявки для найма специалистов в сфере дизайна, проектирования и архитектуры.
Мы уверены, что этот проект имеет большое будущее, и уже сейчас совместно клиентом мы работаем над тем, чтобы двигаться дальше — от промо-сайта к крупному технологическому онлайн-сервису для молодых специалистов и работодателей в сфере архитектурного дизайна.
