RPC Fast Case Study: UX дизайн для SaaS продукта

В этой статье рассказываем о нюансах и особенностях UI/UX для SaaS, с которыми нам пришлось столкнуться при создании digital-упаковки для продукта RPC Fast.

Предыстория проекта RPC Fast: Разработка продукта SaaS с нуля

В нашу студию обратилась компания Dysnix, которая уже более 8 лет работает в сфере DevOps, Kubernetes и блокчейна. Dysnix разработала собственный SaaS продукт — RPC Fast, которому требовалась цифровая упаковка.

RPC Fast — это готовый к использованию продукт для развертывания blockchain-узлов, который помогает погрузиться в Web3 с помощью самого быстрого высокоэффективного API Blockchain с географическим распределением.

Это достаточно сложный продукт и его дизайн должен был быть не только визуально приятным, но и функциональным, а также демонстрировать все преимущества, учитывая особенности целевой аудитории. Ведь ЦА также сложная и достаточно разнообразна, это и blockchain-разработчики, и стартапы, и крупные компании, которые нуждаются в развертывании нод блокчейна.

Задача: Разработать лаконичный, простой и понятный сайт для запуска на рынок нового SaaS-продукта.

Стилистика сайта SaaS-продукта: Особенности и функции

Прежде чем приступить к созданию дизайна, крайне важно разобраться в продукте, изучить целевую аудиторию, проанализировать рынок и т.д. Что мы и сделали. На основе полученных данных, мы разработали концепцию сайта с использованием 2D дизайна для того, чтобы отстроиться от конкурентов. Помимо этого, создали большое количество кастомных элементов с дополнительным смыслом. Например:

• Сейф.

При посещении сайта открывается дверь сейфа, где хранятся ноды. Это своеобразный портал, который ведет пользователей в мир технологий Web3 и Blockchain. Также сейф ассоциируется с безопасностью и подчеркивает, что компания заботится о сохранности данных пользователей. Что является одним из главных преимуществ RPC Fast.

• Кролик.

Кролик символизирует:

• Кроличью нору — основная ассоциация с Алисой в стране чудес;
• Скорость обслуживания — ведь он будто вылетает из портала и все эти ноды несутся за ним.

• Замок.

Замок используется для того, чтобы еще раз подчеркнуть безопасность, предоставляемую системой Enterprise-grade security для обеспечения конфиденциальности всех пользовательских данных.

• Глаз.

Глаз является символом PredictKube — технологии искусственного интеллекта, который автоматически масштабируется и используется для прогнозирования нагрузки и обеспечения стабильной работы сервиса.

Страницы веб-сайта: UX/UI решения для SaaS, которые помогли подчеркнуть сильные стороны продукта

Главная страница: акцент на трастовость и надежность

Начали с дизайна главной страницы, руководствуясь прототипами и требованиями предоставленными маркетологом и SEO специалистом проекта.На первом экране разместили основную идею, чтобы заинтересовать пользователя листать страницу дальше. Перечислили блокчейн технологии, на базе которых работает RPC Fast, чтобы продемонстрировать все возможные опции. Далее подчеркнули, что это "node-as-a-service" без необходимости самостоятельного развертывания, поддержки и обслуживания блокчейна. И перечислили основные преимущества, которые отличают RPC Fast от других подобных продуктов.

Кроме того, разместили логотипы компаний-клиентов Dysnix, поскольку компания-разработчик уже имеет определенную репутацию. Это повышает уровень доверия к ее продуктам. Продемонстрировали преимущества как юзабилити самого продукта, так и возможных блокчейн технологий, которые доступны, подчеркивая, что список постоянно расширяется и пополняется.

Для повышения трастовости и надежности продукта создали блок с отзывами. А для реализации SEO требований — разместили блок FAQ.

Страница с тарифами: прозрачная система расчета стоимости

Было крайне важно выделить проект на фоне конкурентов. Для этого мы разработали максимально прозрачную систему расчета стоимости услуг.

Пользователю предлагается 3 варианта тарифных планов, которые отличаются количеством Compute Units. В процессе работы мы поняли, что не все понимают, что такое Compute Units, так как пользователи привыкли к расчетам по количеству запросов на сервер (requests). Именно поэтому был создан калькулятор, который помогает быстро рассчитать приблизительную стоимость использования продукта и увидеть выгоду для компании.

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

Продуктовые страницы: основные метрики и примеры использования

На страницах, посвященных блокчейн-технологиям, собрали все необходимые для технически подкованных пользователей цифры и данные, а также предоставили примеры использования продукта. Тем самым объяснили, для кого предназначен этот SaaS-продукт и как он может быть применен. Подчеркнули такие преимущества, как официальная клиентская поддержка каждого блокчейна с официальной документацией и тому подобное.

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

Блог: дополнительная ценность для пользователей

Была определенная сложность из-за большого количества разнообразного контента — статьи, гайды, документация, use cases, и многое другое. Но мы все структурировали, добавили фильтрацию, а также позаботились об удобстве пользователя, добавив возможность скопировать код. Для этого разместили кнопки CTA в конце каждой страницы и еще перелинковали между собой контент блога, чтобы стимулировать пользователя углубиться на сайт или совершить покупку.

Результаты работы над проектом

Качественный UI/UX очень важен в SaaS и включает в себя множество аспектов и нюансов, которые следует учитывать. Создание digital оформления SaaS-продукта требует тщательных исследований. Лишь проанализировав сам продукт, рынок и основных конкурентов, нам удалось построить концепцию, которая подчеркивает преимущества и особенности RPC Fast.

В результате мы получили простой и понятный сайт для сложного продукта. С помощью дизайна нам удалось подчеркнуть преимущества продукта, учитывая как SEO, так и маркетинговые требования. В сентябре 2022 года продукт был выведен на рынок.