Отримайте наш безкоштовий FinTech 📘 гайд з 30 прийомами для конверсії з найкращих сайтів світу 👈
Отримайте наш безкоштовий FinTech 📘 гайд з 30 прийомами для конверсії з найкращих сайтів світу 👈
Отримайте наш безкоштовий FinTech 📘 гайд з 30 прийомами для конверсії з найкращих сайтів світу 👈

Ping ProxiesNEW - goodface.agency

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

Індустрія

  • IT
  • SaaS

Експертиза

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

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

2024

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

Про клієнта

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

Виклик

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

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

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

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

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

Склад команди

Управління

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

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

Дизайн

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

UX/UI дизайнер

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

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

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

Дизайн лід

Розробка

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

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

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

QA

Рішення

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

Дослідження

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

Дизайн

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Результат

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

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

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

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

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

Посилання

Відгук клієнта

5.0
Star - goodface.agency
Quality 5.0Schedule 5.0Cost 5.0Willing to refer 5.0

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

Перехід бізнесу 
на
 новий рівень
в одній простій дії

Написати Goodface

Arrow - goodface.agency
Close
Checkmark - goodface.agency

Заповніть простий бриф

Ми відповімо найближчим часом на email

Close

ПОЛІТИКА КОНФІДЕНЦІЙНОСТІ

Ласкаво просимо до Повідомлення про конфіденційність Goodface.

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

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

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

ІНФОРМАЦІЯ, ЯКУ МИ ЗБИРАЄМО

Коли ви відвідуєте наш веб-сайт, наші сервери можуть автоматично реєструвати стандартні дані, надані вашим веб-браузером. Ці дані вважаються "неідентифікуючою інформацією", оскільки вони не ідентифікують Вас особисто. Він може включати:

  • Адреса Інтернету (IP) вашого комп’ютера;
  • Тип і версія браузера;
  • Сторінки, які ви відвідуєте;
  • Час та дата вашого візиту;
  • Час, проведений на кожній сторінці;

ІНШІ ДЕТАЛІ

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

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

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

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

2. Виконання контракту

3. Де ми маємо законний інтерес для зв’язку з вами стосовно наших продуктів та послуг

ВИКОРИСТАННЯ ІНФОРМАЦІЇ

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

Права та вибір:

  • Подивіться, які дані ми маємо про вас, якщо такі є;
  • Змінюйте / виправляйте будь-які дані, які ми маємо про вас;
  • Попросіть нас видалити будь-які дані про вас;
  • Подивіться, які заходи безпеки ми застосовуємо до ваших даних;
  • Висловіть будь-яке занепокоєння щодо використання нами ваших даних;

Ви можете будь-коли відмовитися від будь-яких майбутніх контактів від нас за адресою електронної пошти, вказаної на нашому веб-сайті: goodface.agency

smile