Upwork

Ping ProxiesNEW - goodface.agency

Британський технологічний стартап із SaaS-рішеннями
для управління проксі-серверами

Індустрія

  • IT
  • SaaS

Експертиза

UX/UI дизайн, розробка дашборду та вебсайту для продуктової компанії

Період розробки

2025

UX/UI дизайн та розробка вебсайту для SaaS – Ping Proxies - goodface.works

Про клієнта

Ping Proxies — це технологічний стартап із Великобританії, що надає SaaS-рішення для управління проксі-серверами.

Виклик

Британський стартап Ping Proxies звернувся до нас із вже функціонуючим SaaS продуктом, але він потребував суттєвого оновлення, щоб візуально відповідати сучасним вимогам. Нашою метою було повністю оновити дизайн і зробити його актуальним та влучним. Ми прагнули покращити користувацький досвід (UX), оскільки старий інтерфейс був складним для розуміння користувачів. 
Ще один критичний аспект — це представлення серверної статистики. Для клієнтів було важливо бачити, як ефективно проксі-сервіси допомагають їхньому бізнесу, тож ми зосередилися на створенні інформативного та захоплюючого відображення цих даних. 

У процесі роботи ми розбили проєкт на три чіткі етапи: редизайн веб-застосунку, сайту та бренд-айдентики. 

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

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

UX/UI дизайн та розробка вебсайту для SaaS – Ping Proxies - goodface.works

Команда проєкту

Управління

Проєктний менеджер

Дизайн

UX/UI дизайнер

UX/UI дизайн та розробка вебсайту для SaaS – Ping Proxies - goodface.works

Графічний дизайнер

UX/UI дизайн та розробка вебсайту для SaaS – Ping Proxies - goodface.works

Дизайн лід

Розробка

UX/UI дизайн та розробка вебсайту для SaaS – Ping Proxies - goodface.works

Фронтенд-розробник

UX/UI дизайн та розробка вебсайту для SaaS – Ping Proxies - goodface.works

QA

Рішення

Ми вирішили паралельно працювати над трьома напрямками редизайну: оновленням веб-застосунку, сайту та бренд-айдентики.

Дослідження

Почали з фази відкриття, на якій запускали дослідження, створювали cхематичні макети (wireframes), для продукту та сайту, шукали візуальний стиль та робили детальний сценарій взаємодії користувача (user flow).

Дизайн

Дизайн лого та бренд айдентики

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

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

UX/UI дизайн та розробка вебсайту для SaaS – Ping Proxies - goodface.works
UX/UI дизайн та розробка вебсайту для SaaS – Ping Proxies - goodface.works
UX/UI дизайн та розробка вебсайту для SaaS – Ping Proxies - goodface.works

Редизайн SaaS та дашборду

Нашим пріоритетом було забезпечити єдину візуальну мову між сайтом і внутрішнім кабінетом, щоб користувачі відчували цілісність візуального стилю Ping Proxies, переходячи з одного продукту до іншого.
UX/UI дизайн та розробка вебсайту для SaaS – Ping Proxies - goodface.works
UX/UI дизайн та розробка вебсайту для SaaS – Ping Proxies - goodface.works
UX/UI дизайн та розробка вебсайту для SaaS – Ping Proxies - goodface.works
UX/UI дизайн та розробка вебсайту для SaaS – Ping Proxies - goodface.works
UX/UI дизайн та розробка вебсайту для SaaS – Ping Proxies - goodface.works
UX/UI дизайн та розробка вебсайту для SaaS – Ping Proxies - goodface.works
UX/UI дизайн та розробка вебсайту для SaaS – Ping Proxies - goodface.works

Редизайн сайту

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

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

UX/UI дизайн та розробка вебсайту для SaaS – Ping Proxies - goodface.works
UX/UI дизайн та розробка вебсайту для SaaS – Ping Proxies - goodface.works
UX/UI дизайн та розробка вебсайту для SaaS – Ping Proxies - goodface.works

Розробка сайту та SaaS

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

При роботі на Фронтенді ми використовували Strapi на базі Node.js. За Бекенд частину відповідала команда клієнта.

UX/UI дизайн та розробка вебсайту для SaaS – Ping Proxies - goodface.works
Діма УшаковHead of delivery
На цій стадії ми плідно взаємодіяли з технічною командою клієнта. Тобто працювали не тільки над візуалом, а й допомагали вирішувати функціональні завдання. Спілкування було швидким, чесним та чітким — всі мали єдину мету та глибоку залученість, а отже отримали неперевершений результат вкінці.

Після завершення тестування на реальних даних ми передали SaaS-продукт клієнту. 

Для сайту ми розробили зручну систему контент-менеджменту (CMS) та додаткові маркетингові матеріали, які команда Ping Proxies може використовувати в зовнішніх комунікаціях.

UX/UI дизайн та розробка вебсайту для SaaS – Ping Proxies - goodface.works
UX/UI дизайн та розробка вебсайту для SaaS – Ping Proxies - goodface.works
UX/UI дизайн та розробка вебсайту для SaaS – Ping Proxies - goodface.works
UX/UI дизайн та розробка вебсайту для SaaS – Ping Proxies - goodface.works
UX/UI дизайн та розробка вебсайту для SaaS – Ping Proxies - goodface.works

Результат

Зараз клієнт має потужний SaaS-продукт, із плавним та інтуїтивним інтерфейсом та надійним функціоналом. 

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

І все з'єднує в цілісну дизайн-систему нова айдентика. Вона про сучасні інтерфейси та максимальну ергономічність. 

В планах маємо розвиток нових, навіть зручніших рішень для керування проксі-серверами.

UX/UI дизайн та розробка вебсайту для SaaS – Ping Proxies - goodface.works
UX/UI дизайн та розробка вебсайту для SaaS – Ping Proxies - goodface.works
UX/UI дизайн та розробка вебсайту для SaaS – Ping Proxies - goodface.works
Макс ЯкубовичCEO & Head of design
Процес проходив швидко й гладко завдяки класній взаємодії з клієнтом. Він був активно залучений та прагнув створити справді крутий продукт. Ми дуже раді, що він врешті вийшов саме таким.

Посилання

Інші проєкти

PayAtlas - goodface.agency

PayAtlas

  • фінтех

Інтерфейс платформи, розробка сайту та логотип для глобального каталогу платіжних провайдерів

Переглянути проєктArrow - goodface.agency
  • фінтех
Arrow - goodface.agencyArrow - goodface.agency
BinGo - goodface.agency

BinGo

  • подорожі
  • lifestyle

Дослідження, UX/UI дизайн для глобального туристичного сервісу

Переглянути проєктArrow - goodface.agency
  • подорожі
  • lifestyle
Arrow - goodface.agencyArrow - goodface.agency
Omni - goodface.agency

Omni

  • SaaS

UX/UI дизайн і розробка SaaS рішення для Discord

Переглянути проєктArrow - goodface.agency
  • SaaS
КейсArrow - goodface.agencyArrow - goodface.agency
Let’s create
the best experience for your business together
go to Upwork