Finance Research Platform UI Design
Budget: ₹600 – ₹1,500 INR
I need a complete UI mapped out for a web-based finance research platform. The site must feel as fast and data-rich as modern trading dashboards yet remain intuitive for everyday investors who want to dig into numbers without feeling overwhelmed.
Core features to design
• Data visualization
• Real-time updates
• Custom analytics tools
Here’s how I picture the workflow:
Discovery
You’ll translate my rough sketches and user stories into an information architecture that surfaces market data, news feeds, and analytics in a clean, logical flow. Expect quick feedback loops so we can lock down the page hierarchy early.
Wireframes & visual language
Once flow is settled, high-fidelity wireframes in Figma (or Sketch/Adobe XD if you prefer) should establish a consistent grid, typography scale, and a neutral colour palette accented by status-driven highlights—green for gains, red for losses, amber for alerts.
Interactive prototype
I want clickable prototypes that demonstrate real-time behaviours: live price ticks, chart refreshes, and filter interactions. This prototype will guide our dev team, so micro-animations and component states (hover, active, error) must be documented.
Design system
Please bundle reusable components—charts, tables, filter chips, modal dialogues—into a mini style guide with spacing rules, colour values, and accessibility notes (WCAG 2.1 AA).
Acceptance criteria
• Screens scale smoothly from 1440 px desktop down to 1024 px laptop.
• Dashboard renders key metrics above the fold with no horizontal scroll.
• All interactive elements include hover/active states and keyboard focus indicators.
• Assets delivered as organised Figma file plus exported SVG/PNG where needed.
Let me know if you have suggestions on improving data legibility or performance cues, and share any relevant finance-oriented UI samples you’ve built before. I’ll be responsive in chat so we can iterate rapidly and keep momentum high.
Core features to design
• Data visualization
• Real-time updates
• Custom analytics tools
Here’s how I picture the workflow:
Discovery
You’ll translate my rough sketches and user stories into an information architecture that surfaces market data, news feeds, and analytics in a clean, logical flow. Expect quick feedback loops so we can lock down the page hierarchy early.
Wireframes & visual language
Once flow is settled, high-fidelity wireframes in Figma (or Sketch/Adobe XD if you prefer) should establish a consistent grid, typography scale, and a neutral colour palette accented by status-driven highlights—green for gains, red for losses, amber for alerts.
Interactive prototype
I want clickable prototypes that demonstrate real-time behaviours: live price ticks, chart refreshes, and filter interactions. This prototype will guide our dev team, so micro-animations and component states (hover, active, error) must be documented.
Design system
Please bundle reusable components—charts, tables, filter chips, modal dialogues—into a mini style guide with spacing rules, colour values, and accessibility notes (WCAG 2.1 AA).
Acceptance criteria
• Screens scale smoothly from 1440 px desktop down to 1024 px laptop.
• Dashboard renders key metrics above the fold with no horizontal scroll.
• All interactive elements include hover/active states and keyboard focus indicators.
• Assets delivered as organised Figma file plus exported SVG/PNG where needed.
Let me know if you have suggestions on improving data legibility or performance cues, and share any relevant finance-oriented UI samples you’ve built before. I’ll be responsive in chat so we can iterate rapidly and keep momentum high.