Live Market Watch — Case Study

Overview
Live Market Watch is a real-time price monitoring screen designed to help traders and investors quickly track market movements, compare instruments, and make fast, informed decisions.

Problem
Users who follow the market face information overload and slow scanning across dense financial tables, which makes quick decision-making difficult.

Goal
Design a clear, data-heavy interface that:

• Enables fast price scanning

• Highlights key market movements

• Reduces cognitive load

• Supports real-time monitoring

My Role
Product Designer (UI/UX) — End-to-end design

Process

1. Research & Requirements

• Analyzed trader needs and market workflows

• Identified priority metrics (Bid, Ask, Change, Volume)

• Benchmarked existing market watch patterns

2. Wireframing

• Structured a data-first layout

• Prioritized quick visual scanning

• Planned modular widgets for scalability

3. Visual Design

• Designed a high-contrast financial UI

• Used color coding for gains/losses

• Improved table readability and hierarchy

• Optimized spacing for dense data environments

4. Usability Focus

• Sticky headers for continuous tracking

• Clear grouping of market stats

• Quick-access discovery sections

• Responsive layout considerations

Impact (Expected)

• Faster market scanning

• Improved data readability

• Better trader decision speed

• Scalable foundation for future features