Скоро
Скоро
Давайте работать!
Написать
Давайте работать!
Давайте работать!
Написать
Написать
Корпоративный HRM портал
Jobtron
Клиент
Категории
Сотрудничество
Экспресс аудит
Дизайн интерфейса
Апр. 2024
Давайте работать!
Давайте работать!
Написать
Написать
О проекте
География присутствия
Что делали и делаем на проекте
Jobtron.org — это веб-сервис, который полезен для сотрудников и руководителей.
В нём есть множество инструментов, дающих понимание целей сотрудникам
для достижения продуктивности, которую они должны давать компании.
Россия
Казахстан
Клиент пришел с 2 задачами - улучшить флоу авторизации и страницы оплаты тарифов. На данный момент задачи решены и мы ожидаем новых.
Как правило, пользователи переходят в Jobtron из Notion, потому что там есть необходимые им функции. При этом, они ожидают видеть привычный интерфейс.
Предпроектная аналитика
В первую очередь мы провели экспресс аудит, чтобы обозначить основные проблемы флоу и подсветить точки роста для заказчика.
Мы изменили акцентный цвет на более контрастный, чем улучшили читаемость текста на элементах почти в 3 раза. Выстроили градацию нейтралей.
Дизайн сервиса
Базовые токены
Изменили используемый шрифт на inter. Он является более сбалансированным интерфейсным гротеском, поддерживает 877 языков и бесплатен для использования. Выстроили с нуля новую типографическую систему.
Иконки заменили на новые, с единой стилистикой. Символы валют перевели в вектор, чтобы не возникало проблем с их отображением в браузере.
Phosphor icon v2.1
Currency SVG
Решили оставить идею с изображением на фоне, но сделали его менее активным, чтобы не отвлекало от процесса регистрации. Уменьшили количество полей, оставили только ключевую информацию, которая необходима для создания пространства. Добавили переключатель языка и кнопку поддержки.
Авторизация / 1 итерация макетов
Новый дизайн регистрации
Старый дизайн регистрации
Также проработали все возможные состояния и сценарии, многие из которых отсутствовали на исходном проде
После завершения работы над задачей пришли новые предложения от клиента: Потребовалось подсветить преимущества сервиса прямо на этапе регистрации, а также выяснилось, что быструю авторизацию на сервисе оставить не получится в виду особенности сбора данных на бэке.
Авторизация / 2 итерация макетов
Убрали изображение из 1 итерации, т.к. с текущим наполнением страница воспринималась бы сильно перегруженной, решили оставить визуальные решения с цветовыми пятнами, как на главной странице сервиса
Учитывая новые данные мы модернизировали флоу в короткие сроки
От этой страницы зависит, как быстро пользователь сравнит тарифы и примет решение о покупке, поэтому очень важно было донести ключевые различия между тарифами и сделать флоу покупки максимально быстрым и бесшовным.
Страница оплаты тарифов
Старая версия таблицы сравнения тарифов
В старой версии сравнение проводилось по опциям, которые были включены во все тарифы, что делало его бессмысленным. Чтобы вызвать окно оплаты необходимо было догадаться нажать на ссылку с ценой в таблице. Валюта не отображалась, хотя оплата возможна в 3 валютах и можно было запутаться.
Мы сделали новую версию таблицы, где в 5 строк разложили ключевые отличия и выделили целевое действие, а также подсветили скидки и выгоду для клиента
Помимо таблицы выбора тарифов, для повышения конверсии, на страницу были добавлены блоки связи с поддержкой и частозадаваемые вопросы, а также баннер с предложением оформить пробный период.
Новая версия таблицы сравнения тарифов
«Мне нечего добавить, кроме как сказать, что вы реально молодцы, когда вы командой работаете, это что-то продуманное до мелочей, поэтому тут только похвала и благодарность за развертывание…»
Адиль Каримов
Founder Jobtron
Понравился кейс?
Можем реализовать такой проект и для вас — нужно только форму заполнить ну или написать нашему администратору в тг @PavelSerS
Версия сайта 1.0
© 2024
Делаем продукты удобнее с 2021