Брендинг, UX/UI дизайн вебзастосунку та розробка вебсайту для платформи управління проксі-серверами — Ping Proxies

Виклик

Ping Proxies вже мав SaaS-продукт, який функціонував, але потребував оновлення, аби відповідати сучасним візуальним тенденціям. Старий дизайн був складним та не дуже зручним, тож ми прагнули зробити новий актуальним та максимально якісним з точки зору користувацького досвіду (UX).

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

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

Рішення

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

Дослідження

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

Дизайн

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

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

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

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

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

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

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

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

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

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

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

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

Діма Ушаков, Head of delivery at Goodface

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

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

Результат

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

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

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

А попереду ще більше: ми плануємо нові, ще зручніші рішення для керування проксі-серверами.

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

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

Тимур Гок, Managing Director

Посилання 🔗

Вебсайт: pingproxies.com | Більше наших робіт: goodface.agency/uk/work