Мы сделали понятную авторизацию и красивые тарифы, где подружили доллар, рубль, тенге и ноушен

Всем привет! На связи команда Итерация и это наша первая статья на vc, в которой мы расскажем об одном из наших кейсов

Мы контора, которая любит наваливать стиль и делать это с продуктовым подходом) Любим метрики, дизайн и котиков, про нас можете почитать тут

Мы сами из Омска и любим наших зарубежных партнеров из Казахстана, и часто бываем в гостях у них, не редко принимаем у себя, хотелось бы чаще)

Так, к нам пришел Адиль, фаундер сервиса Jobtron.org

Jobtron — это веб-сервис, который полезен для сотрудников и руководителей. В нём есть множество инструментов, дающих понимание целей сотрудникам для достижения продуктивности, которую они должны давать компании.

Клиент на основе опросов аудитории понял, откуда она идет и какой месседж доносит. Пользователи переходили в Jobtron из Notion и ожидали видеть привычный интерфейс, что являлось ключевым пунктом при проектировании, а мы должны дать эту возможность)

В первую очередь мы провели экспресс-аудит, чтобы обозначить основные проблемы флоу и подсветить точки роста для заказчика.

Кстати, до 1 ноября 2024 вы тоже можете получить бесплатный юзабилити аудит своего продукта от нашей команды. Подробности можно узнать по ссылке ниже

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

Мы изменили акцентный цвет на более контрастный, благодаря чему улучшили читаемость текста на элементах почти в 300% (где-то едет счастливый тракторист, но он пока не знает об инфляции). Выстроили градацию нейтралей.

Изменили используемый шрифт на Inter. Он является более сбалансированным интерфейсным гротеском (просто понятный и приятный), поддерживает 877 языков и бесплатен для использования. Выстроили новую типографическую систему, так сказать)

Иконки заменили на новые, с единой стилистикой. Символы валют перевели в вектор, чтобы не возникало проблем с их отображением в браузере, думаем на два шага вперед)

Итерация номер раз

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

Также проработали все возможные состояния и сценарии, многие из которых отсутствовали на исходном проде

Итерация номер двас

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

Клиент хотел, чтобы сравнение тарифов было быстрым и понятным, без лишних вопросов и лишних кликов. Проблема старой версии была в том, что все похожие друг на друга опции тарифов больше дезориентировали, чем помогали. Плюс догадайся ещё, как оплатить: функция оплаты спрятана за ссылкой! (Обратите внимание на скрин)

Наша команда разложила ключевые отличия тарифов в 5 строк — никаких вопросов. Сразу понятно, за что платишь и сколько можно сэкономить.

Добавили поддержку, часто задаваемые вопросы и возможность активировать пробный период — этот блок превращает потенциальных пользователей в реальных клиентов быстрее, чем вы успеете сказать «conversion rate».

Cпасибо всем, кто дочитал статью до конца! А если вы хотите тоже преобразить свой IT-продукт, свяжитесь с нами через наш сайт, будем рады поработать и над вашим продуктом!

А также ссылка на продукт нашего клиента:

Всем пока! Команда скелеторов вернется позже с ещё одной статьей!