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

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

Клиент

BestStocks

Платформа

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

версия

Наша роль

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

Ссылка

Сайт ↗

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

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

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

Цвета

Шрифты

Иконки

За месяц создали новую визуальную концепцию на примере главной и страницы акции. В процессе поняли, что придется поменять активный цвет и оттенок логотипа — старая схема плохо работала с новым дизайном.
Стало
Было
Специфика сайта подразумевает массу разных таблиц и графиков, для которых мы разработали универсальный стиль отображения.
Не менее важно было настроить стиль графика с Trading View, чтобы он органично вписался в разработанный нами дизайн. И мы справились!
Тщательно проработали CJM и подготовили финальные макеты уже через две итерации.
Мы сделали сервис,
которым с удовольствием пользуемся сами.
И конверсия выросла!
Алескандр Селезнев,
CPO
Кроме главной страницы мы проработали еще 11 разделов и заглушки для пустых страниц.
Экспериментировали с видом и наполнением карточек, чтобы информация по акциям была понятна даже новичку.
Разбили меню на логические блоки и добавили иконки, чтобы было легче воспринимать разделы. Добавили CTA.
Придумали, как показать пользователю ценность подписки на «Премиум» и как вовлечь его в использование сервиса.
Вынесли главное наверх и доработали подробные описания тарифов, чтобы они были понятны даже начинающему инвестору.
Разработали страницу, на которой пользователь может задать бюджет и параметры, чтобы алгоритм сервиса автоматически собрал для него портфель акций по рекомендациям аналитиков.
Подготовили отдельный лендинг, где наглядно показали все преимущества подписки на «Премиум». Отрисовали 3D-иконоки
и элементы, которые используем и в других разделах сервиса.
Собрали библиотеку шрифтов и цветов. Для базовых компонентов обозначили все состояния и прописали правила взаимодействия.

Результаты

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

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

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

Команда

Арт-директор
Антон Черногоров
Дизайнеры
Анна Глухих
Алина Шапошникова
UX-писатель
Ольга Азовская
Редактор
Анна Афанасьева
Яндекс.Метрика