Сделали новый дизайн сайта BestStocks

Простой дизайн для сложной
платформы

Клиент

BestStocks

Платформа

Веб, мобильная

версия

Наша роль

Проектирование, дизайн интерфейсов, UI-кит, тексты

Ссылка

Сайт ↗

BestStocks — сайт с рекомендациями по акциям от аналитиков, инсайдеров, менеджеров хедж-фондов. Работает на технологии сбора и анализа финансовых данных TipRanks.

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

Мы решили сохранить структуру старого сайта, а при разработке новых функций ориентироваться на TipRanks. Исследования запланировали проводить уже в обновленном дизайне.

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

Цвета

Шрифты

Иконки

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

Стало

Было

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

Не менее важно было настроить стиль графика с Trading View, чтобы он органично вписался в разработанный нами дизайн. И мы справились!

Тщательно проработали CJM и подготовили финальные макеты уже через две итерации.

Мы сделали сервис,
которым с удовольствием пользуемся сами.
И конверсия выросла!

Алескандр Селезнев,

CPO

Кроме главной страницы мы проработали еще 11 разделов и заглушки для пустых страниц.

Экспериментировали с видом и наполнением карточек, чтобы информация по акциям была понятна даже новичку.

Разбили меню на логические блоки и добавили иконки, чтобы было легче воспринимать разделы. Добавили CTA.

Придумали, как показать пользователю ценность подписки на «Премиум» и как вовлечь его в использование сервиса.

Вынесли главное наверх и доработали подробные описания тарифов, чтобы они были понятны даже начинающему инвестору.

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

Подготовили отдельный лендинг, где наглядно показали все преимущества подписки на «Премиум». Отрисовали 3D-иконоки
и элементы, которые используем и в других разделах сервиса.

Собрали библиотеку шрифтов и цветов. Для базовых компонентов обозначили все состояния и прописали правила взаимодействия.

Результаты

В два раза выросла конверсия в покупку тарифа «Премиум»

Отзыв клиента

Самые теплые слова в адрес всей вашей команды! Вы поняли, что нужно нашим пользователям, и выдали результат, которого мы ждали. Всё крайне профессионально: оперативная обратная связь, макеты, созданные перфекционистами, проработанные пользовательские пути и визуальный восторг. А главное — конверсия выросла в два раза! Мы обязательно продолжим работать с вами.

Артем Климов, CEO BestStocks