В этой статье рассказываем о нюансах и особенностях 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.

Первый экран главной страницы сайта RPC Fast. Реализация сейфа прошла несколько итераций, но сама идея была принята с самого начала
  • Кролик.

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

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

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

Символ Замка привлекает внимание и подчеркивает высокий уровень безопасности, который обеспечивает компания
  • Глаз.

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

Иконка "Глаз" отражает технологию прогнозирования на основе искусственного интеллекта, используемого в работе

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

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

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

Главная страница сайта RPC Fast

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

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

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

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

Дизайн карточек актуальных тарифных планов

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

Калькулятор для расчета стоимости использования продукта

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

Сравнительная таблица планов для удобства пользователей

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

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

Так выглядит страница продукта на проекте RPC Fast
Блок Дополнительных преимуществ и перелинковка на блог со статьями компании предоставляют пользователю быстрый доступ к подробной информации или некоторых советов по использованию и настройке RPC Fast Blockchain API.

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

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

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

Страница Блога на сайте RPC Fast

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

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

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

Поделиться постом в:

Также читайте

1
/
1

Больше кейсов от турум-бурум?

Ознакомьтесь с нашим портфолио из различных сфер бизнеса.

Смотреть портфолио

Оставьте заявку и наш UX−специалист свяжется с вами

Ваше сообщение было отправлено! Мы свяжемся с вами как можно скорее

Отправить ещё одну заявку
Doublecheck your form data please