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