Главное о кейсе
По сравнению со старой версией сайта, на новой среднее время нахождения пользователя на сайте увеличилось больше, чем в 3 раза. Глубина просмотра повысилась на 11%, а отказы снизились на 5,4%.
Compared to the old version of the website, the average time users spend on the website has increased more than 3 times. The average scroll depth has grown by 11% and the bounce rate dropped by 5.4%.
Бизнес-задача и ее решение
Задача
Разработать трейдинговый портал для физических лиц и сделать фронтенд-разработку, чтобы информировать их об услугах компании, предоставлять качественную аналитическую информацию и обеспечить удобное управление брокерским счетом.
Решение
Положили в основу концепции нестандартную сетку: воздух, крупные блоки и чистая типографика. Чтобы пользователь всегда оставался в курсе ситуации на бирже, перевели все сложные статистические данные в визуальные графики и заложили их автоматическое отображение.
Улучшили навигацию с помощью меню, которое меняется в соответствии с просматриваемым разделом. Настроили визуальный прогресс-бар. Применили разные решения, ориентируясь на объем контента и цели, которые он выполняет.
Выстроили GTA-кнопки в иерархию значимости для клиента, чтобы увеличить мотивацию пользователя открыть брокерский счет. Кнопки призыва к действию находятся и в верхнем блоке, в самом меню и в конце страницы — для удобного перехода к форме в любой точке сайта. Главная кнопка «Открыть счет» находится на всех страницах и является самым ярким его элементом, потому что направляет клиента к форме заполнения.
Сделали личный кабинет ключевым инструментом трейдера ВТБ, чтобы он мог самостоятельно управлять своим брокерским счетом: получать отчеты по сделкам, видеть календарь, выводить средства в нескольких валютах, общаться на форуме, следить за рейтингом трейдеров, регулировать юридические вопросы и оформлять справки 2-НДФЛ.
Помимо прочего, пользователь видит полную картину состояния рынка Форекс: аналитические обзоры, таблица национальных процентных ставок, анализ рынков, справочник по мировой экономике и экономический словарь и новости о движении валют.
Goal
To design a trading portal for physical persons. To develop the website on the front-end side to inform the clients of the bank’s services, provide analytical information of high quality, and enable comfortable broker account management.
Solution
As a basis, we’ve taken an irregular grid featuring white space, massive blocks, and clear typography. To help users keep up with the share market, we’ve translated all the complex statistics into visual graphs and made sure it displays automatically.
We’ve designed the personal account to be the key tool of a VTB trader so that they could manage their own brokerage account. This means receiving reports on transactions, seeing the calendar, making withdrawals in different currencies, conversing on forums, keeping an eye on trader rating, regulating legal issues, and procuring income tax certificates.
Прочая информация о кейсе
Сайт и личный кабинет для трейдингового портала. Совместили всё, что необходимо трейдеру: от информации об услугах до аналитических обзоров.
A website and a personal account for the VTB trading portal. There we’ve combined everything needed for a trader: from information on the services to analytical reviews.
Скриншоты
Комментарий заказчика
Компания ВТБ Капитал Форекс выражает благодарность digital-агентству Red Collar за работу над официальным сайтом нашей организации. Он информирует пользователей об услугах, которые мы осуществляем, и предоставляет качественную аналитическую информацию от нас, первого лицензированного форекс-дилера из банковского сектора.
Нам понравилось, как команда Red Collar реализовала и сам сайт, и личный кабинет пользователя: в нем совмещено все, что необходимо трейдеру. На сайте есть информация и для опытных клиентов, например, аналитические обзоры, и для новичков, например, глоссарий. Когда мы решили изменить концепцию, команда агентства нас сразу услышала и оперативно внесла корректировки. Результат впечатлил: получилось стильно и понятно.
Понравился подход к клиенту: грамотное общение с заказчиком, продюсер проекта оперативно отвечал на все вопросы и разъяснял необходимые моменты, а команда фронтенд-разработки использовала современные технологии и сделала сайт удобным и приятным в использовании.