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

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

Задача

Результат

Не скажу, что это было очень легко, но у меня получилось выполнить поставленные задачи:

Также я занимался поддержкой и развитием библиотеки компонентов.
Необходимо было создать все варианты кнопок, инпутов, селектов, выпадающих списков и прочих атомов интерфейса, на базе которых собирались виджеты веб-терминала.

Наводить порядок я люблю 😊 Для меня это была одна из любимых офлайн задач.

В начале проектирования терминала существовало два размера: мелкий XS и ещё меньше XXS — это накладывало необходимость поддержки двух этих размеров во всех вариантах компонентов.

Когда в последствии добавилась ещё и мобильная версия терминала (МВТ) — решено было создать дополнительный размер для лучшего взаимодействия с интерфейсом.

Дизайн-система

Светлая тема

Пока веб-терминал разрабатывался в тёмной теме, мы параллельно прорабатывали его светлую версию.

Эту возможность переключения также ждали и наши пользователи, которые поделились своими мыслями на исследованиях.

Проблема была в том, что мы на какое-то время прервали проработку виджетов в светлой теме, бросив все силы на предрелизные задачи. А потом в срочном порядке нужно было доделать оставшееся в короткие сроки.

Однако и это удалось нашей команде дизайнеров 💪
Лично мне потребовалось полторы недели на то, чтобы весь неторговый функционал терминала стал ствелым 😎

Но самое «интересное» нас поджидало потом (и до сих пор) — это ревью сборки 😒: ховеры, отступы, размеры компонентов...

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

WEB-terminal