Warframe Market - Web App Redesign
Role:
UI/UX Designer (Product Strategy, Data Visualization, UI Design).
Tools:
Figma
The Objective:
Redesign the marketplace to improve data scannability, streamline inventory listing, and provide better decision-making tools for buyers and sellers.
The Challenge:
Managing massive datasets (live listings, price histories, and item variations) without overwhelming the user.
The UX Strategy: Reducing Cognitive Load
The "Marketplace" is a high-stress environment where prices fluctuate in real-time. My redesign focused on three psychological pillars:
Hierarchical Skimming
I implemented a Categorical Grid System that prioritizes the most critical data points: Item Name, Rank, and Price. By using a distinct typography scale, users can scan 20+ listings in seconds without "eye fatigue."
Data-Informed Trading (The Analytics Pivot)
One of the biggest pain points was "Price Uncertainty." I integrated Interactive Price History Charts directly into the item view.
The Logic: By visualizing 90-day price trends, sellers can list items competitively and buyers can avoid "overpaying" during market spikes.
Status Visibility
In a live market, "Response Time" is everything. I redesigned the user status indicators (Online/In-Game/Offline) to be high-contrast and globally visible, reducing the "friction to trade."
Visual Design & System
I moved away from the legacy "spreadsheet" feel toward a Modern Dark Aesthetic that aligns with the game’s own UI, creating a seamless mental transition for players.
High-Contrast Tables: Used subtle row zebra-striping and hover states to help the user track data across wide screens.
Responsive Trading Workflow: The interface was built with a "Mobile-Second" mindset, allowing players to manage listings on a secondary device while actively playing the game.
Impact & Reflection
The redesign transforms Warframe Market from a utility tool into a sophisticated financial dashboard for gamers.
Improved Decision Speed: The addition of visual charts allows users to process market trends 3x faster than reading raw text logs.
Scalable Architecture: The new modular card system allows for the addition of new item types (e.g., Arcanes, Rivens) without breaking the existing layout.
Accessibility: Improved color-coding for rarity and trading status ensures the platform is usable for a broader range of the player base.
Recent Designs
