Инвестиционный отчёт для клиентов компании БКС

Немного контекста

В приложении БКС можно запросить краткий или подробный отчёт о состоянии портфеля, указав период и валюту. Система проанализирует историю и выдаст файл PDF на несколько страниц. Такое решение позволяет обойтись без адаптации верстки для разных сайтов и приложений.

Так выглядел отчёт до обновления

Можно листать

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

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

А так стал выглядеть после

Все отчёты строятся от общего к частному. На первой странице показана общая сводка по портфелю, которая сразу показывает картину инвестиций.

Отчёт выстроен по блокам, поэтому отсутствие какой-либо информации нестрашно.

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

В прошлых отчётах справочная информация стояла в одном ряду с цифрами, это отвлекало и мешало читать. В новом отчёте цифры всегда на первом плане.

Особое внимание я уделил продуктовым страницам. На них показаны ключевые характеристики, графики и полезная информация.

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