Останні роки стали для Freelancehunt часом великої трансформації. Ми переросли формат локальної платформи та стали частиною глобальної екосистеми, де українські спеціалісти активно працюють із замовниками з усього світу.

Вихід на європейський ринок задав нам нову планку. В Європі якісний UI — це не питання естетики, а базовий сигнал надійності. Запит західного замовника максимально конкретний: йому потрібен зрозумілий інтерфейс, де можна за лічені хвилини знайти спеціаліста та комфортно працювати як з комп’ютеру, так і з телефону, а також прозора інфраструктура для легальних розрахунків. Це включає звичну європейську логіку оплат та можливість отримувати VAT-інвойси від європейської компанії.

Щоб відповідати цим вимогам не лише на рівні процесів, а й на рівні продукту, ми розпочали масштабну трансформацію сервісу. Її втіленням став повний редизайн Freelancehunt. Це оновлення — логічний наслідок нашого зростання. Ми змінили не просто фон і шрифти, а й архітектуру взаємодії, щоб платформа була зручною та багатофункціональною.

Повністю оновили технічний фундамент, впровадивши Single Page Application (SPA). Більшість ключових операцій виконуються на одній сторінці через бокові панелі, без зайвих переходів і перезавантажень браузера. Це не просто пришвидшує роботу, а створює відчуття безшовного інтерфейсу: ви не втрачаєте контекст поточного завдання, навіть коли паралельно відкриваєте листування або вивчаєте профіль виконавця. Платформа працює як єдиний живий організм, де дані оновлюються динамічно, зберігаючи ваш час і фокус.

Радикально реконструювали мобільну версію сайту, перетворивши її на повноцінний інструмент керування проєктами. Тепер її функціонал та зручність нічим не поступаються десктопу: ви можете з однаковим комфортом проводити глибокий аналіз фрилансерів, відповідати в діалогах та контролювати кожен етап проєкту. Це самостійний, швидкий та інтуїтивно зрозумілий інтерфейс, адаптований під динамічний темп роботи зі смартфона.

У цій статті ми детально розберемо, як ці оновлення допоможуть вам ефективніше керувати проєктами та швидше знаходити професіоналів, зберігаючи фокус на головному.

Навігація та структура сервісу: як усе знайти без зайвих кліків

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

Нова архітектура Freelancehunt побудована за принципом візуальної чистоти та логічної послідовності. Ми оптимізували структуру меню, щоб шлях до будь-якої ключової дії став максимально коротким, а кожна операція — передбачуваною та інтуїтивною. Це дозволяє вам зберігати високий темп роботи та фокусуватися на результатах, а не на пошуку потрібних кнопок.

Легше орієнтуватися та швидше знаходити потрібне

Коли ми розпочинали редизайн, перед нами стояв виклик: як розвантажити інтерфейс, не втративши його функціональності? Ми розуміли, що для замовника час — найдорожчий ресурс. Кожна зайва секунда на пошук кнопки чи зчитування інформації — це відкладений старт проєкту.

Ми хотіли прибрати візуальний шум, який заважає прийняттю рішень, і залишити лише чисту функціональність.

Що ми змінили та чому це важливо:

  • «Чистий аркуш» для вашої продуктивності. В основі нового візуального стилю лежить філософія мінімалізму. Ми обрали поєднання спокійного білого та м’якого сірого кольорів, щоб створити комфортне середовище для тривалої роботи. Ця палітра допомагає природно розставити акценти: коли інтерфейс не відволікає зайвими деталями, ваша увага фокусується на ключовій інформації.
  • Зелений — колір дії. Яскравий зелений колір виконує роль навігатора, виділяючи лише ключові цільові дії. Ми зберегли цей акцент для найважливіших моментів: вибору виконавця, підтвердження оплати чи запуску нового проєкту. Завдяки цьому ви на рівні інтуїції бачите наступний крок, що робить шлях від ідеї до результату максимально швидким і безпомилковим.
  • Повітря між елементами. Додали більше простору між елементами та блоками. Таке оновлення полегшує візуальне сприйняття: око миттєво сканує сторінку й чітко фіксує найважливіші деталі.

Що це дає вам: інтерфейс став непомітним помічником. Керувати проєктами та обирати виконавців можна швидше й без зайвої напруги, концентруючись виключно на розвитку вашого бізнесу.

Оновили темну тему, щоб довше працювати комфортно

Ми знаємо, як багато користувачів чекали на оновлення темної теми. Вона стала не просто візуально приємнішою, а й доступною для кожного користувача сервісу.

Що змінилося:

  • Доступність для всіх. Відтепер темна тема — це частина стандартного функціоналу всіх користувачів. Ви можете працювати в комфортному для очей режимі в будь-який час.
  • Глибоке опрацювання деталей. Ми не просто змінили кольори, а повністю переробили контрастність та читабельність елементів. Інтерфейс у темному режимі виглядає цілісно, допомагаючи очам менше втомлюватися під час тривалої роботи, особливо у вечірній час.
  • Швидкий доступ. Увімкнути комфортний режим можна за одну секунду: просто натисніть на свою аватарку у верхньому правому куті та перемкніть тумблер «Темна тема» на висувній панелі.

Що це дає вам: ви самостійно обираєте комфортний режим роботи без жодних обмежень. Оновлена темна тема дозволяє довше залишатися сфокусованим і продуктивним та водночас зберігає візуальну легкість інтерфейсу.

Сторінки проєктів: менше зайвого — більше фокусу

Коли ви публікуєте завдання та отримуєте десятки відгуків, важливо швидко аналізувати кандидатів, не витрачаючи час на нескінченне прокручування сторінки. Ми спростили процес, об’єднавши опис завдання та всі робочі розділи в єдину панель вкладок. Тепер уся інформація знаходиться на одному рівні, а перемикання між тематичними вкладками відбувається миттєво.

Структурований підхід до кожного формату

Інформація на сторінках розділена на логічні блоки, що дозволяє відразу знаходити потрібне:

Проєкти:

  • Опис — тут зафіксовані деталі завдання та можливість його оновлення, вимоги до виконавця.
  • Ставки — перелік усіх пропозицій від фрилансерів для швидкого порівняння.
  • Відкликані — ставки фрилансерів, які вони відкликали.
  • Відхилені — ставки фрилансерів, відхилені замовником, якщо їм з якихось причин не підходить пропозиція.
  • Обговорення — простір для запитань та уточнень щодо проєкту.

Конкурси:

  • Бриф — вичерпна інформація про завдання та ваші очікування від результату.
  • Роботи — усі надіслані варіанти від учасників в одному місці.
  • Відкликані — роботи фрилансерів, які вони відкликали з якихось причин.
  • Відхилені — роботи, які відхилив замовник.
  • Обговорення — комунікація з та питання щодо конкурсу.

Вакансії:

  • Інформація — повний опис умов роботи, вимог та переваг вашої компанії.
  • Відгуки — список кандидатів, які зацікавлені у постійній співпраці.
  • Відхилені — пропозиції кандидатів, які роботодавець відхилив.
  • Відкликані — пропозиції, які шукачі відкликали самі.

Що це дає вам: ви швидко перемикаєтеся між умовами завдання та списком кандидатів чи робіт. Сторінки не виглядають перевантаженими, а перехід між вкладками відбувається миттєво, що зберігає ваш час при кожній операції.

Компактний статус проєкту: фокус на головному

Раніше верхню частину сторінки займав великий Stepper з усіма етапами проєкту. Він був корисним, але поглинав багато корисного простору. Ми зробили цей елемент більш лаконічним.

Як це працює зараз:

  • Жодного нагромадження. Статус проєкту — це один компактний елемент справа.
  • Деталі в один клік. Якщо вам потрібно побачити весь шлях проєкту та поточний етап, просто натисніть на статус. Ви побачите всі деталі, які більше не забирають дорогоцінне місце вгорі екрана.

Що це дає вам: на сторінці проєкту з’явилося більше повітря. Ви отримуєте максимум простору для роботи зі ставками, а технічна інформація з’являється лише тоді, коли вона вам дійсно потрібна.

Вбудований калькулятор платежів

Після вибору бюджету та способу оплати як фізична чи юридична особа під полем суми автоматично з’являється калькулятор. Ви одразу бачите повну картину: скільки коштів резервуєте (з урахуванням комісій та податків) і яку саме суму отримає фрилансер «на руки». Це прибирає будь-які фінансові питання ще до моменту публікації.

Приклади робіт у ставках стали зручнішими для перегляду

Для замовника важливо побачити реальний скіл виконавця ще до початку діалогу. Тому ми оновили демонстрацію прикріплених робіт у ставках фрилансерів, щоб ви могли оцінити рівень майстерності без зайвих рухів.

Що змінилося:

  • Більше візуального фокусу. Картка з прикладом роботи стала значно більшою, а саме зображення — виразнішим. Раніше це було маленьке прев’ю, тепер — повноцінна презентація результату просто у ставці.
  • Зручне розташування. Картка з роботою розміщується праворуч, що дозволяє зчитувати візуальний досвід кандидата під час скролінгу.
  • Детальний перегляд роботи. За кліком на роботу у правій частині екрана відкривається велике зображення, яке можна детально розглянути. Ми структурували це вікно: сама картинка розміщена зверху для максимального занурення, а її опис чи теги — знизу.

Що це дає вам: ви бачите реальний рівень майстерності кандидатів одразу у великому форматі. Це дозволяє порівнювати приклади робіт різних фрилансерів без зайвих кліків, що прискорює вибір ідеального виконавця для вашого завдання.

Мобільна версія як повноцінний робочий інструмент

Вивели взаємодію з мобільного пристрою на новий рівень. Тепер це повноцінний робочий інструмент, де кожен елемент керування розташований саме там, де він найбільш потрібен для швидкої роботи. Керувати ставками, відповідати в чатах та стежити за статусом проєктів стало так само зручно, як і в десктопній версії.

Нова логіка навігації: від складних меню до мобільних стандартів

Раніше ліве меню було перевантажене пунктами, що інколи ускладнювало перегляд з мобільного. Ми повністю змінили цей підхід, наблизивши досвід використання сайту до комфорту мобільного застосунку.

Функціональне бургер-меню

Верхня навігація з десктопної версії перейшла у зручний «бургер» зліва. Тут зосереджені головні дії: можливість швидко опублікувати проєкт, створити вакансію чи відкрити конкурс, знайти фрилансера або шукача.

Нижній таббар — швидкий доступ до головного

Впровадили нижнє меню на головній сторінці кабінету, яке замінило старе ліве меню. Кабінет, Проєкти, Конкурси та Вакансії знаходяться під великим пальцем для вашої зручності.

Розділи, які використовуються рідше (фінанси, налаштування, корисні сервіси, статистика), зібрані в окремій вкладці «Інше».

Коли ви обираєте будь-який пункт у таббарі, він підсвічується зеленим для кращого візуального орієнтування.

Акцент на термінових діях

Якщо у вас є активні завдання, які потребують уваги, вони автоматично з’являються у віджеті зверху стрічки. Наприклад, ви побачите нагадування про необхідність оплатити публікацію вакансії або зарезервувати оплату за проєкт. Ці блоки завжди перед очима, що мінімізує ризик затримок у робочих процесах.

Розумна нижня панель: все керування проєктом в одному місці

Одна з найбільш значущих змін у мобільній версії — це перенесення допоміжної інформації у висувну нижню панель. Вам не потрібно гортати в самий низ сторінки або шукати бічні колонки.

На нижній панелі доступні:

  • Компактні статуси проєкту. Поточний стан проєкту показується максимально лаконічно. Відкрити та перевірити етап роботи можна одним рухом.
  • Інформація про проєкт. Технічна інформація (дата публікації, кількість переглядів фрилансерами), яка в десктопній версії була праворуч, тепер схована внизу.
  • Управління проєктом. Кнопки для ключових дій (перехід до Робочої області, листування щодо проєкту, обмежити видимість) також згруповані на цій панелі. Це робить процес керування замовленням інтуїтивним і зручним для роботи однією рукою.

Що це дає вам: ви отримуєте повний контроль над проєктом без візуального хаосу. Вся аналітика та інструменти управління приховані до моменту, поки вони вам не знадобляться, що дозволяє сфокусуватися на головному — виборі найкращого виконавця.

Еволюція листування: спілкуватися та керувати проєктами значно зручніше

Ми знаємо, що успіх проєкту на 90% залежить від якісної комунікації, тому перетворили процес спілкування на легку та продуктивну взаємодію. Нашою метою було створити простір, де ви спілкуєтеся з фрилансерами так само легко, як у звичному месенджері, але зі збереженням усієї робочої структури Freelancehunt.

Новий стандарт робочих діалогів: усе необхідне для співпраці — в одному вікні

Нова архітектура чатів спроєктована за стандартами месенджерів, що робить комунікацію максимально динамічною. Ми створили єдиний робочий простір, де кожне повідомлення та кожен контакт завжди під рукою. Це дозволяє перемикатися між діалогами та зберігати високу швидкість взаємодії, фокусуючись виключно на обговоренні проєктів та прийнятті важливих рішень.

Як це працює: листування організовано максимально інтуїтивно: зліва доступний список усіх ваших контактів, а справа — вікно активного діалогу. Ви можете перемикатися між різними виконавцями та паралельно вести переговори з кількома кандидатами в один клік, не залишаючи сторінку.

Також згрупували всю історію листування з кожним фрилансером: натиснувши на ім'я, ви відразу бачите список усіх спільних проєктів та діалогів, зберігаючи повний контекст спілкування. Тут показано тільки останні гілки листування з користувачем, решта приховано за кнопкою «Показати ще».

Ось як це виглядає на десктопі:

І в мобільній версії:

Що це дає вам: комунікація стала зручною та швидкою. Ви не губитеся в повідомленнях і маєте повний контроль над обговоренням усіх робочих процесів в одному вікні, без зайвих завантажень сторінок.

Листування в Робочій області проєкту: усі деталі перед очима просто в чаті

Ми інтегрували Робочі області безпосередньо в структуру чату, створивши чітку вертикаль у ваших комунікаціях. Тепер замість простої хронології повідомлень ви отримуєте систему, де листування структуроване за виконавцями. Це покращує досвід керування: усі діалоги та активні проєкти з конкретним спеціалістом зібрані в одному місці, що дозволяє миттєво знайти потрібний контекст.

Така організація простору допомагає легко тримати у фокусі десятки різних завдань, перетворюючи роботу над проєктами на злагоджений та зрозумілий процес.

  • Групування за виконавцем. Усі гілки листування з одним фрилансером згруповані. Натискаючи на ім’я виконавця, ви бачите всі ваші спільні діалоги за останній час. Кожне листування має тематику: за проєктом, вакансією, конкурсом, Робоча область, звичайне листування.
  • Умови проєкту перед очима. Бюджет та терміни закріплені у верхній частині чату. Більше не потрібно скролити сторінку вниз, щоб згадати ключові домовленості.
  • Інтерактивна бічна панель. Під час роботи над проєктом справа з’являється панель, яка збирає весь контекст в одному місці. Вона показує статус завдання, список учасників та всі передані файли. Вам не потрібно шукати документи у стрічці, вони завжди зібрані в одному місці.

Що це дає вам: Робочі області не губляться серед інших чатів, а умови та файли проєкту завжди перед очима. Ви керуєте процесом, не виходячи з вікна листування, що робить роботу швидкою, прозорою та професійною.

Щоб не пропускати відповіді: фільтр і позначки непрочитаного

Швидкість реакції в бізнесі часто є вирішальним фактором. Подбали про те, щоб ви могли швидко реагувати на відповіді виконавців і не пропустили жодного важливого повідомлення. Навіть якщо комунікуєте з багатьма фрилансерами одночасно, оновлена система індикації та фільтрації допоможе вам завжди тримати руку на пульсі кожного діалогу.

Інструменти для швидкої навігації:

  • Фільтр «Непрочитані» — фокус на важливому. Не треба гортати весь список чатів у пошуках нових відповідей. Один клік на фільтр — і перед вами лише користувачі та діалоги з ними.
  • Червоний індикатор уваги. Якщо у діалозі є нове повідомлення, ви помітите його завдяки червоній позначці. Це простий спосіб візуального контролю, який не дозволить жодному питанню від фрилансера залишитися непоміченим.
  • Пошук за чатами. Пам'ятаєте, що обговорювали якусь деталь, але не пам'ятаєте з ким саме? Розумний пошук допоможе знайти потрібний діалог за лічені секунди.
  • Фокус на активному листуванні. У списку чатів показано лише останні діалоги. Старе листування приховано в списку під кнопкою «Показати ще».

Що це дає вам: ви завжди залишаєтеся на зв'язку, не витрачаючи сили на пошук. Листування перетворюється на ваш мобільний офіс, доступний у будь-який момент, а система індикації гарантує, що кожна важлива відповідь буде прочитана вчасно.

Редактор повідомлень став компактнішим

У чатах оновили панель форматування, зробивши її мінімалістичною. Основна зміна — інструменти не займають зайвого місця:

  • Панель прихована під кнопкою «Аа»: вона з’являється лише тоді, коли вам потрібно стилізувати текст.
  • Базовий набір функцій: залишили лише найнеобхідніше — жирний шрифт, курсив, списки, посилання, емодзі та стікери.
  • Керування вкладеннями: файли додаємо через звичну іконку скріпки.

Що це дає вам: більше вільного простору для листування та менше зайвих елементів на екрані, які не потрібні для швидких відповідей.

Перший крок до співпраці: миттєві діалоги з профілю

Ми максимально спростили процес початку спілкування з новим виконавцем, з яким у вас ще не було діалогів.

Як це працює:

  • Прямий доступ з профілю. Зайдіть на сторінку фрилансера, який вас зацікавив, і натисніть кнопку «Написати» у правій частині екрана.
  • Бічна панель замість нових вкладок. Завдяки SPA після натискання кнопки справа з’являється виїзна панель для створення нового повідомлення.
  • Зручне оформлення запиту. Ви можете одразу вказати тему звернення та описати вашу пропозицію у полі повідомлення. Все необхідне для старту діалогу перед очима, поки ви переглядаєте навички та досвід виконавця.

Що це дає вам: ви економите час на навігації сайтом та швидше переходите від етапу пошуку до конкретного обговорення умов.

Каталог фрилансерів: більше інформації до відкриття профілю

Ми прагнули зробити так, щоб каталог став не просто списком імен, а повноцінною вітриною талантів. Головна зміна — ви отримуєте максимум важливих даних про фрилансера ще до того, як натиснете на його профіль. Це дозволяє відразу оцінити рівень виконавця та його релевантність вашому завданню.

Нові картки фрилансерів: від перегляду до дії в один клік

Картки в каталозі отримали новий дизайн та змінений функціонал, що перетворює звичайний перегляд на ефективний відбір виконавців для ваших завдань:

  • Коротке резюме фрилансера — знайомство з першого погляду. Просто в картці показано важливі дані: стислий опис резюме, спеціалізації, кількість виконаних проєктів, оцінка, рейтинг. Ви одразу бачите головну цінність виконавця, що допомагає відсіяти невідповідні варіанти без зайвих рухів.
  • Інтерактивне портфоліо просто в списку. Вам доступні для свайпу до 5 топових робіт фрилансера. Гортайте їх, не виходячи з каталогу, щоб оцінити стиль та якість виконання.
  • Розгляд деталей роботи у повному розмірі. Вам не потрібно переходити у профіль фрилансера, щоб якісно оцінити його роботу. Натисніть на прев'ю в каталозі, і робота відкриється у великому форматі. Це дозволяє побачити реальний рівень майстерності одразу.
  • Швидкий перехід до співпраці. Прибрали зайві кроки між «мені подобається ця робота» та «я хочу замовити». У вікні перегляду роботи з'явилися функціональні кнопки. Запропонуйте фрилансеру Персональний проєкт або напишіть, щоб уточнити деталі.

Що це дає вам: ви отримуєте концентровану інформацію про кожного спеціаліста в єдиному вікні. Більше змісту в картках означає, що ви швидше знаходите тих, хто ідеально підходить під ваші критерії, і можете розпочати обговорення проєкту в один клік.

Як легко знайти потрібні дані в профілі фрилансера, не витрачаючи час на скролінг

Раніше профіль фрилансера був одним довгим полотном, через що сторінка могла довго завантажуватись. Нове рішення — чітка структура замість нескінченної стрічки — позитивно вплинуло на цей показник.

Повністю змінили архітектуру профілю, зробивши його компактним і логічним. Тепер вся інформація поділена на тематичні вкладки. Це дозволяє оперативно перемикатися між різними аспектами експертизи фрилансера:

  • Вкладка «Інформація» — тут зібрано все про досвід, навички та спеціалізацію виконавця. Ідеально для першого знайомства та оцінки компетенцій.
  • Вкладка «Портфоліо» — зосередьтеся виключно на результатах, щоб нічого не відволікало вас від оцінки досвіду виконавця.
  • Вкладка «Відгуки» — швидкий доступ до підтвердження якості роботи та надійності фрилансера від інших замовників.

Зверніть увагу, що ми перейшли від 10-бальної системи оцінки до 5-бальної, оскільки вона є більш звичною та зрозумілою в міжнародній практиці.

Перегляд детальних оцінок став ще зручнішим завдяки SPA: натисніть на відгук, і справа з’явиться панель з деталізацією за критеріями та зустрічний відгук виконавця — і все це без перезавантаження сторінки.

  • Вкладка «Активність» — тут ви бачите поточну завантаженість і активність фрилансера. Це допомагає зрозуміти, наскільки спеціаліст зайнятий та чи є він активним на сервісі.

Що це дає вам: завдяки вкладкам профіль став структурованим робочим інструментом. Ви не витрачаєте сили на пошук, а просто натискаєте на потрібний розділ та отримуєте відповідь на своє запитання.

Гнучкий перегляд портфоліо: від загального стилю до конкретних кейсів

Часто у фрилансера в портфоліо зібрані сотні робіт з різних напрямків. Наприклад, дизайнер може займатися логотипами, вебдизайном, ілюстрацією. Щоб ви не витрачали час на гортання робіт, які не стосуються завдання, ми додали зручну систему фільтрації всередині профілю.

  • Повне занурення в досвід. Якщо вам важливо оцінити загальний рівень майстерності, креативність та авторський стиль фрилансера, ви можете переглянути всі роботи одним списком. Це дає цілісне розуміння того, над якими проєктами працював спеціаліст та як він розвивався.
  • Точне влучання через фільтр. Коли ваше завдання має специфічний напрямок, не витрачайте час на зайвий скролінг. Роботи фрилансерів можна відфільтрувати за спеціалізацією. Наприклад, у профілі дизайнера-універсала ви можете в один клік вибрати «Логотипи» або «Дизайн сайтів».

Що це дає вам: ви самі керуєте фокусом своєї уваги. Потрібен загальний огляд — дивіться все портфоліо. Потрібен конкретний досвід у вашій ніші — використовуйте фільтри. Це дозволяє за лічені секунди знайти саме ті приклади робіт, які максимально відповідають вашому поточному запиту.

Майбутнє Freelancehunt: дизайн, що працює на ваш результат

Редизайн Freelancehunt — це не просто зміна кольорів чи шрифтів. Насамперед ми зосередилися на фундаментальному «підкапотному» оновленні технологій, щоб забезпечити платформі новий рівень швидкості та зручності. Перехід на архітектуру SPA став тією базою, яка дозволила нам паралельно впровадити сучасні стандарти UX та адаптувати мобільну версію до рівня найкращих застосунків. Тепер кожна деталь інтерфейсу — від миттєвого відгуку сторінок до безшовної навігації — працює на ваш результат.

Підіб'ємо підсумки: що ви отримуєте вже сьогодні

  • Технологічність: оновлене ядро системи забезпечує миттєвий відгук сторінок без зайвих перезавантажень.
  • Фокус: нова колірна логіка та система вкладок допомагають бачити лише те, що важливо в цей момент.
  • Мобільність: керування проєктами, фінансами та комунікаціями завжди у вашій кишені — так само зручно, як і на десктопі.
  • Комфорт: темна тема, розумні калькулятори та інтуїтивна навігація роблять роботу з платформою легкою та приємною.

Ці оновлення — лише частина нашого шляху. Ми продовжуємо вдосконалювати кожен піксель і кожен рядок коду, щоб Freelancehunt залишався місцем, де ідеї стають проєктами, а проєкти — успішним бізнесом.