Услуги

  • Сайты

  • Контент

  • Продвижение

  • Битрикс24

  • Приложения

Все услуги Оплата
Все услуги Оплата

Поиск

  • Разработка интернет-магазина под ключ
  • Разработка сайтов
  • Разработка леднигов
  • Разработка на битрикс24
  • Разработка на Вордпресс

Промо-сайт по услугам подбора и аутстаффинга специалистов

О клиенте

Американский сервис «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, наш клиент получил недорогой, но при этом очень стильный, логичный и работающий продукт. Мы разработали и реализовали не только надежный и безопасный сайт, но и фирменный дизайн, дополненный качественным текстом и удобной формой опросника в процессе регистрации заявки для найма специалистов в сфере дизайна, проектирования и архитектуры.

Мы уверены, что этот проект имеет большое будущее, и уже сейчас совместно клиентом мы работаем над тем, чтобы двигаться дальше — от промо-сайта к крупному технологическому онлайн-сервису для молодых специалистов и работодателей в сфере архитектурного дизайна.

Хотите обсудить проект?

Оставьте ваш номер телефона и наш менеджер свяжется с вами в ближайшее время

Над проектом работали

  • Сергей Дяченко

    Сергей Дяченко

    Back-end разработчик. Преподаватель курса «Web разработка для подростков»