Stock Profile Screen

Header :

The Header contains the company's Logo, The Stock Price LED Board and the control buttons viz. add to watchlist, settings, notifications and share stock button.

The header is designed to be visually appealing and personalized to each stock.

Background :

1) Enhance brand recognition: Creates a visual association between the stock and the company.

2) Elevated User Experience: The personalized touch departs from a generic design, injecting a sense of dynamism and eliminating visual monotony.

LED Board Design:

Inspired by the iconic Bombay Stock Exchange (BSE) Building's exterior LED boards, this design displays the stock price, percentage change, and price change. It evokes a sense of authenticity and resonates with stock market participants.

Font Typography :

Monospace fonts, where each character occupies the same amount of horizontal space, are preferred for these displays due to their clear, uniform appearance and readability, especially in conveying critical and important information like flight numbers, train schedules, or stock prices.

On Scroll:

• Header smoothly collapses.

• Background dims.

• Control icons are hidden.

• This serves to :

  • Focus user attention: By dimming the background, the user's attention & focus shifts entirely to the information below

  • Maximize screen space: More screen real estate is available for additional stock information below the header.