HI, I'm Sasha.

Portfolio section in the Trading app should display assets, prices of each asset, and other pertinent details. Our objective was to incorporate a pie chart to provide an overview breakdown of Stocks and ETFs within the portfolio.

 

The challenge we encountered was accurately representing the chart of assets, given the potential for extensive diversification within portfolios containing hundreds of different assets, while also operating within the constraints of limited interface space on mobile phones. Additionally, adhering to the color guidelines of the brand, which caters to a younger demographic, posed another consideration.

 

After careful consideration of Material Design for Android and Human Interface Guidelines for iOS, and taking into account the aforementioned challenges, we have determined that the breakdown should be limited to at most four parts: one primary brand color, two secondary colors, and grey

​

Another challenge we faced was effectively communicating to developers the precise logic behind the chart's behavior. With an abundance of backend data available to them, achieving optimal user experience required abstracting the information displayed on the chart while maintaining precision.

​

Finally, we devised a flow scheme that encompasses all potential scenarios of the chart and outlines the expected behavior on the user interface.