FX News Room

FX News Room:

UX/UI Redesign for a Forex News Platform

Design:

UX, UI, Web

Platforms:

Web, Mobile

Company:

USEO

Completed  2024

Revamped the digital experience for FX Newsroom, a premier forex and trading news publisher, to transform its outdated website into a modern, user-centric platform.

Led end-to-end design, balancing information density for professional traders with accessibility for beginners, while strengthening brand credibility.

Role & Process

Research: Competitive audit, user interviews, and analytics review.

Define: Identified pain points (e.g., cluttered layouts, poor scannability).

Design: Wireframes → UI overhaul → Design system → Prototypes.

Test: Usability testing with traders.

Iterate: Refined based on feedback.

Screens

Project Visuals.

Project visual 1
Project visual 2
Project visual 3
Project visual 4
Project visual 5
Project visual 6
Project visual 7
Project visual 8
Project visual 1
Project visual 2
Project visual 3
Project visual 4
Project visual 5
Project visual 6
Project visual 7
Project visual 8
Project visual 1
Project visual 2
Project visual 3
Project visual 4
Project visual 5
Project visual 6
Project visual 7
Project visual 8

Research Insights

Target Users

Professional Traders

Forex Enthusiasts

Financial Journalists

Methods Used

User Interviews

Heatmaps & Analytics

Card Sorting

A/B Testing

Key Findings

Information Overload: 68% of users struggled to find key data quickly.

Trust Gaps: Outdated design reduced perceived credibility.

Mobile-Unfriendly: 40% of users accessed content on mobile (poor experience).

Goal:

Prioritizes real-time updates and actionable insights.

Reduces cognitive load with hierarchical layouts.

Embeds FX-centric visual language (e.g., currency pairs, candlestick motifs).

Business Challenge:

Disorganized content.

Lack of responsive design.

Weak visual hierarchy for critical data (e.g., volatility alerts).

Persona

Project Designs

Typography: Inter for readability + Space Grotesk for data highlights. Color Palette: White mode (reduced eye strain) with accent colors for urgency. Components: Reusable cards for news snippets, modular charts (TradingView integration), and a 'Breaking News' alert bar.
design works

Credits

Project Manager

Olivia

Concept Design

Rizwan Anwar

UI Designer

Rizwan Anwar

UX Designer

Rizwan Anwar

Interaction

Rizwan Anwar, Babar

Design System

Rizwan Anwar

Prev Project
Dwight School
Next Project
Fox Score
all Projects