продуктовый дизайн
продуктовый дизайн
продуктовый дизайн
продуктовый дизайн
дизайн-система
дизайн-система
дизайн-система
дизайн-система
ТОРГОВЫЙ ТЕРМИНАЛ
ТОРГОВЫЙ ТЕРМИНАЛ
ТОРГОВЫЙ ТЕРМИНАЛ
ТОРГОВЫЙ ТЕРМИНАЛ
Проектирование с нуля торгового терминала для одной из крупнейших бирж (проект под NDA). Терминал представляет собой web приложение, с помощью которого можно совершать торговые операции на бирже и проводить глубокий технический анализ с помощью разных инструментов
Проектирование с нуля торгового терминала для одной из крупнейших бирж (проект под NDA). Терминал представляет собой web приложение, с помощью которого можно совершать торговые операции на бирже и проводить глубокий технический анализ с помощью разных инструментов
Проектирование с нуля торгового терминала для одной из крупнейших бирж (проект под NDA). Терминал представляет собой web приложение, с помощью которого можно совершать торговые операции на бирже и проводить глубокий технический анализ с помощью разных инструментов
Проектирование с нуля торгового терминала для одной из крупнейших бирж (проект под NDA). Терминал представляет собой web приложение, с помощью которого можно совершать торговые операции на бирже и проводить глубокий технический анализ с помощью разных инструментов
Моя роль
Моя роль
Моя роль
Моя роль
Дизайнер
Дизайнер
Дизайнер
Дизайнер
Что сделано
Что сделано
Что сделано
Что сделано
Интервью пользователей
Интерфейс терминала
Дизайн система
Ревью интерфейса на пред-проде
Интервью пользователей
Интерфейс терминала
Дизайн система
Ревью интерфейса на пред-проде
Интервью пользователей
Интерфейс терминала
Дизайн система
Ревью интерфейса на пред-проде
Интервью пользователей
Интерфейс терминала
Дизайн система
Ревью интерфейса на пред-проде
Когда
Когда
Когда
Когда
2022 — 2023
2022 — 2023
2022 — 2023
2022 — 2023
продуктовый дизайн
дизайн-система
ТОРГОВЫЙ ТЕРМИНАЛ
Проектирование с нуля торгового терминала для одной из крупнейших бирж (проект под NDA). Терминал представляет собой web приложение, с помощью которого можно совершать торговые операции на бирже и проводить глубокий технический анализ с помощью разных инструментов
Моя роль
Дизайнер
Что сделано
Интервью пользователей
Интерфейс терминала
Дизайн система
Ревью интерфейса на пред-проде
Когда
2022 — 2023
Задачи которые надо было решить
Задачи которые надо было решить
Задачи которые надо было решить
Задачи которые надо было решить
1
1
1
1
Создать удобный и настраиваемый инструмент для трейдеров и аналитиков
Создать удобный и настраиваемый инструмент для трейдеров и аналитиков
Создать удобный и настраиваемый инструмент для трейдеров и аналитиков
Создать удобный и настраиваемый инструмент для трейдеров и аналитиков
2
2
2
2
Собрать первую обратную связь от пользователей
Собрать первую обратную связь от пользователей
Собрать первую обратную связь от пользователей
Собрать первую обратную связь от пользователей
3
3
3
3
Минимизировать TTM (Time to market)
Минимизировать TTM (Time to market)
Минимизировать TTM (Time to market)
Минимизировать TTM (Time to market)
Что было важно для заказчика
Что было важно для заказчика
Что было важно для заказчика
Что было важно для заказчика
A
A
A
A
Строгий и сервисный дизайн, при этом достаточно гибкий в настройке: это полноценное рабочее место
Строгий и сервисный дизайн, при этом достаточно гибкий в настройке: это полноценное рабочее место
Строгий и сервисный дизайн, при этом достаточно гибкий в настройке: это полноценное рабочее место
Строгий и сервисный дизайн, при этом достаточно гибкий в настройке: это полноценное рабочее место
B
B
B
B
Подготовка сервиса к дальнейшему масштабированию
Подготовка сервиса к дальнейшему масштабированию
Подготовка сервиса к дальнейшему масштабированию
Подготовка сервиса к дальнейшему масштабированию
Как велась работа
Как велась работа
Как велась работа
Как велась работа
Я работал с арт-директором, проджектом, системным-аналитиком и командой разработки. Работали мы плотно и быстро: все задачи были распределены на недельные спринты, с ежедневным синком с командой и сбором обратной связи от заказчика.
Перед началом проектирования, от заказчика по каждому инструменту терминала мы получали много вводной информации:
— user stories
— данные для отображения в конкретном виджете инструмента (а это как правило огромные google таблицы)
— технические нюансы и ограничения со стороны разработки
Только после детального анализа всех вводных начал проектировать интерфейс по каждому инструменту терминала: 6 инструментов и приложений, в общей сложности более 150 состояний интерфейса.
После отрисовки интерфейса приложения, собирался интерактивный прототип и проводилось тестирование на 2-3 пользователям продукта (профессиональные трейдеры)
Я работал с арт-директором, проджектом, системным-аналитиком и командой разработки. Работали мы плотно и быстро: все задачи были распределены на недельные спринты, с ежедневным синком с командой и сбором обратной связи от заказчика.
Перед началом проектирования, от заказчика по каждому инструменту терминала мы получали много вводной информации:
— user stories
— данные для отображения в конкретном виджете инструмента (а это как правило огромные google таблицы)
— технические нюансы и ограничения со стороны разработки
Только после детального анализа всех вводных начал проектировать интерфейс по каждому инструменту терминала: 6 инструментов и приложений, в общей сложности более 150 состояний интерфейса.
После отрисовки интерфейса приложения, собирался интерактивный прототип и проводилось тестирование на 2-3 пользователям продукта (профессиональные трейдеры)
Я работал с арт-директором, проджектом, системным-аналитиком и командой разработки. Работали мы плотно и быстро: все задачи были распределены на недельные спринты, с ежедневным синком с командой и сбором обратной связи от заказчика.
Перед началом проектирования, от заказчика по каждому инструменту терминала мы получали много вводной информации:
— user stories
— данные для отображения в конкретном виджете инструмента (а это как правило огромные google таблицы)
— технические нюансы и ограничения со стороны разработки
Только после детального анализа всех вводных начал проектировать интерфейс по каждому инструменту терминала: 6 инструментов и приложений, в общей сложности более 150 состояний интерфейса.
После отрисовки интерфейса приложения, собирался интерактивный прототип и проводилось тестирование на 2-3 пользователям продукта (профессиональные трейдеры)
Я работал с арт-директором, проджектом, системным-аналитиком и командой разработки. Работали мы плотно и быстро: все задачи были распределены на недельные спринты, с ежедневным синком с командой и сбором обратной связи от заказчика.
Перед началом проектирования, от заказчика по каждому инструменту терминала мы получали много вводной информации:
— user stories
— данные для отображения в конкретном виджете инструмента (а это как правило огромные google таблицы)
— технические нюансы и ограничения со стороны разработки
Только после детального анализа всех вводных начал проектировать интерфейс по каждому инструменту терминала: 6 инструментов и приложений, в общей сложности более 150 состояний интерфейса.
После отрисовки интерфейса приложения, собирался интерактивный прототип и проводилось тестирование на 2-3 пользователям продукта (профессиональные трейдеры)
Функционал терминала
Функционал терминала
Функционал терминала
Функционал терминала
Основа торгового терминала — рабочий стол. По своей сути это гибкий канвас, на который можно добавить бесконечное количество виджетов приложений.
Какие приложения были сделаны для MVP:
— график
— котировка
— монитор
— карта
— биржевой стакан
— расширенный поиск
— форвардная кривая
Интерфейс терминала необходимо было сделать максимально гибким для пользователей — дневная и ночная тема, высокий и низкий контраст, настройка размеров шрифта, также в виджетах должна быть возможность скрыть/показать панели приложений.
Основа торгового терминала — рабочий стол. По своей сути это гибкий канвас, на который можно добавить бесконечное количество виджетов приложений.
Какие приложения были сделаны для MVP:
— график
— котировка
— монитор
— карта
— биржевой стакан
— расширенный поиск
— форвардная кривая
Интерфейс терминала необходимо было сделать максимально гибким для пользователей — дневная и ночная тема, высокий и низкий контраст, настройка размеров шрифта, также в виджетах должна быть возможность скрыть/показать панели приложений.
Основа торгового терминала — рабочий стол. По своей сути это гибкий канвас, на который можно добавить бесконечное количество виджетов приложений.
Какие приложения были сделаны для MVP:
— график
— котировка
— монитор
— карта
— биржевой стакан
— расширенный поиск
— форвардная кривая
Интерфейс терминала необходимо было сделать максимально гибким для пользователей — дневная и ночная тема, высокий и низкий контраст, настройка размеров шрифта, также в виджетах должна быть возможность скрыть/показать панели приложений.
Основа торгового терминала — рабочий стол. По своей сути это гибкий канвас, на который можно добавить бесконечное количество виджетов приложений.
Какие приложения были сделаны для MVP:
— график
— котировка
— монитор
— карта
— биржевой стакан
— расширенный поиск
— форвардная кривая
Интерфейс терминала необходимо было сделать максимально гибким для пользователей — дневная и ночная тема, высокий и низкий контраст, настройка размеров шрифта, также в виджетах должна быть возможность скрыть/показать панели приложений.
Рабочий стол
Рабочий стол
Рабочий стол
Рабочий стол
Механика добавления приложения на рабочий стол разработана таким образом, чтобы можно было это делать различными способами: можно выбрать готовую конфигурацию из шаблонов, можно вручную добавить и расположить пустые виджеты и в каждый виджет добавить нужный инструмент. Также можно создать внутри приложения несколько рабочих столов.
Механика добавления приложения на рабочий стол разработана таким образом, чтобы можно было это делать различными способами: можно выбрать готовую конфигурацию из шаблонов, можно вручную добавить и расположить пустые виджеты и в каждый виджет добавить нужный инструмент. Также можно создать внутри приложения несколько рабочих столов.
Механика добавления приложения на рабочий стол разработана таким образом, чтобы можно было это делать различными способами: можно выбрать готовую конфигурацию из шаблонов, можно вручную добавить и расположить пустые виджеты и в каждый виджет добавить нужный инструмент. Также можно создать внутри приложения несколько рабочих столов.
Механика добавления приложения на рабочий стол разработана таким образом, чтобы можно было это делать различными способами: можно выбрать готовую конфигурацию из шаблонов, можно вручную добавить и расположить пустые виджеты и в каждый виджет добавить нужный инструмент. Также можно создать внутри приложения несколько рабочих столов.
продуктовый дизайн
дизайн-система
ТОРГОВЫЙ ТЕРМИНАЛ
Проектирование с нуля торгового терминала для одной из крупнейших бирж (проект под NDA). Терминал представляет собой web приложение, с помощью которого можно совершать торговые операции на бирже и проводить глубокий технический анализ с помощью разных инструментов
Моя роль
Дизайнер
Что сделано
Интервью пользователей
Интерфейс терминала
Дизайн система
Ревью интерфейса на пред-проде
Когда
2022 — 2023
График
График
График
График
График — это мощное приложение для технического анализа. Можно отображать до 6 графиков в одном виджете, быстро искать и добавлять нужные инструменты в поиске, редактировать тип графика и рисовать с помощью встроенных инструментов.
График — это мощное приложение для технического анализа. Можно отображать до 6 графиков в одном виджете, быстро искать и добавлять нужные инструменты в поиске, редактировать тип графика и рисовать с помощью встроенных инструментов.
График — это мощное приложение для технического анализа. Можно отображать до 6 графиков в одном виджете, быстро искать и добавлять нужные инструменты в поиске, редактировать тип графика и рисовать с помощью встроенных инструментов.
График — это мощное приложение для технического анализа. Можно отображать до 6 графиков в одном виджете, быстро искать и добавлять нужные инструменты в поиске, редактировать тип графика и рисовать с помощью встроенных инструментов.
Кастомизация графика
Чтобы трейдеры могли проводить глубокий технический анализ цен, в график были добавлены инструменты для кастомизации цветов, линий, а также рисование поверх графика: например линии тренда.
Чтобы трейдеры могли проводить глубокий технический анализ цен, в график были добавлены инструменты для кастомизации цветов, линий, а также рисование поверх графика: например линии тренда.
Чтобы трейдеры могли проводить глубокий технический анализ цен, в график были добавлены инструменты для кастомизации цветов, линий, а также рисование поверх графика: например линии тренда.
Чтобы трейдеры могли проводить глубокий технический анализ цен, в график были добавлены инструменты для кастомизации цветов, линий, а также рисование поверх графика: например линии тренда.
Другие приложения
Также были отрисованы остальные приложения которые входят в терминал: котировка, монитор, карта, биржевой стакан, расширенный поиск, форвардная кривая, а это более 150 состояний интерфейса.
Также были отрисованы остальные приложения которые входят в терминал: котировка, монитор, карта, биржевой стакан, расширенный поиск, форвардная кривая, а это более 150 состояний интерфейса.
Также были отрисованы остальные приложения которые входят в терминал: котировка, монитор, карта, биржевой стакан, расширенный поиск, форвардная кривая, а это более 150 состояний интерфейса.
Также были отрисованы остальные приложения которые входят в терминал: котировка, монитор, карта, биржевой стакан, расширенный поиск, форвардная кривая, а это более 150 состояний интерфейса.
Как итог
A
A
A
A
С нуля отрисована первая версия веб-приложения терминала, учитывая все запросы заказчика, пользователей, а также команды разработки
С нуля отрисована первая версия веб-приложения терминала, учитывая все запросы заказчика, пользователей, а также команды разработки
С нуля отрисована первая версия веб-приложения терминала, учитывая все запросы заказчика, пользователей, а также команды разработки
С нуля отрисована первая версия веб-приложения терминала, учитывая все запросы заказчика, пользователей, а также команды разработки
B
B
B
B
Собрана дизайн-система на токенах в Figma Tokens Studio: светлая и темная тема, высокий и низкий контраст
Собрана дизайн-система на токенах в Figma Tokens Studio: светлая и темная тема, высокий и низкий контраст
Собрана дизайн-система на токенах в Figma Tokens Studio: светлая и темная тема, высокий и низкий контраст
Собрана дизайн-система на токенах в Figma Tokens Studio: светлая и темная тема, высокий и низкий контраст
С
С
С
С
Проведено дизайн-ревью интерфейса на тестовом стенде
Проведено дизайн-ревью интерфейса на тестовом стенде
Проведено дизайн-ревью интерфейса на тестовом стенде
Проведено дизайн-ревью интерфейса на тестовом стенде
D
D
D
D
MVP версия терминала представлена заказчику в марте 2023
MVP версия терминала представлена заказчику в марте 2023
MVP версия терминала представлена заказчику в марте 2023
MVP версия терминала представлена заказчику в марте 2023
контакты
+
контакты
+