ВТБ Капитал Форекс
Прежде всего
ВТБ Капитал Форекс — один из крупнейших форекс-дилеров России.
Больше, чем портал для трейдеров
задача
Разработать трейдинговый портал для физических лиц — дизайн для сайта и личного кабинета в соответствии с фирменным стилем группы ВТБ и сделать фронтенд-разработку.
Идея
Отказались от яркости и положили в основу концепции нестандартную сетку: воздух, крупные блоки и чистая типографика. Чтобы пользователь всегда оставался в курсе ситуации на бирже, сверстали автоматическое отображение актуальных графиков и функционально связали сайт с личным кабинетом.
Совместили всё, что необходимо трейдеру: от информации об услугах до аналитических обзоров.
Дизайн с характером
Проанализировали конкурентный рынок и упростили восприятие, разделив страницу на две части — основной контент слева, изображение или панель меню справа. Улучшили навигацию с помощью меню, которое меняется в соответствии с разделом, просматриваемым пользователем. Увеличили яркость фирменных цветов, но придерживались сдержанности и строгости.
Фоновые паттерны с линиями на главной странице ссылаются на фирменный стиль ВТБ.
Кнопка призыва к действию
Выстроили GTA-кнопки в иерархию значимости для клиента, увеличив таким образом мотивацию пользователя открыть брокерский счет. Кнопки призыва к действию находятся и в верхнем блоке, в самом меню и в конце страницы — чтобы пользователь мог перейти к форме в любой точке сайта.
Главная кнопка «Открыть счет» находится на всех страницах сайта и является самым ярким его элементом, потому что направляет клиента к форме заполнения.
Навигация внутри разделов
Вынесли подзаголовки в отдельное меню и настроили визуальный прогресс-бар. Например: в блоке «Индекс настроений трейдеров ВТБ Форекс» с помощью бокового меню пользователь ориентируется по всем блокам и может вернуться к необходимому, а в блоке «Обзоры» меню выступает в роли фильтра для разделов. Применили разные решения, ориентируясь на объем контента и цели, которые он выполняет.
Автоматическое построение графиков и диаграмм
Настроили автоматическую визуализацию серверных данных и спроектировали на сайте финансовые графики, круговые диаграммы и гистограммы, которые самостоятельно обновляются и отражают актуальное состояние биржи. Использовали визуальное кодирование, индексирование и градацию.
Перевели все сложные цифровые статистические данные в визуальные диаграммы и графики.
Адаптивная версия сайта
Сайт функционально связан с личным кабинетом и одинаково работает и отображается во всех современных браузерах. Адаптировали проект для мобильных устройств, чтобы трейдер мог управлять счетом и изучать информацию с любого устройства.
Отрисовали кнопку открытия договора специально для адаптива и встроили ее в условия обслуживания, чтобы пользователю не нужно было скроллить и открывать меню , а также настроили компактное отображение диаграмм и графиков.
Личный кабинет
Личный кабинет — ключевой инструмент трейдера ВТБ. Пользователь самостоятельно управляет своим брокерским счетом: получает отчеты по сделкам, видит календарь, может выводить средства в нескольких валютах, общаться на форуме, следить за рейтингом трейдеров, регулировать юридические вопросы и оформлять справки 2-НДФЛ.
Собственная аналитика и анализ рынков
Пользователь получает полную картину состояния рынка Форекс: аналитические обзоры, таблица национальных процентных ставок, анализ рынков, справочник по мировой экономике и экономический словарь и новости о движении валют.
следующий проект
Update
