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