Early Exploration That Led to the Hi-Fi Design Decisions


Property Value
๐Ÿ“… Project OmniRisk ยท Financial Workflow Dashboard
๐Ÿ”– Phase Design
๐ŸŽฏ Purpose Frame the thinking that led to the final hi-fi decisions

How to Read This Document

These wireframes are an earlier version of the OmniRisk design โ€” exploration work that helped surface the questions the final hi-fi design resolves. They are documented here for transparency about the design process, not as the current spec.

The current production design uses three sequential CTAs (Fetch FCM โ†’ Run Analysis โ†’ View Insights), the AI Recommendation modal with confidence scoring and manual override paired with accept, and the Manual Override modal with MiFID II / Dodd-Frank compliance documentation. The wireframes shown here predate those refinements and reflect an earlier four-button approach that was tested, refined, and tightened during the Design phase.

๐Ÿ’ก Why include older wireframes in the case study at all: Senior design portfolios benefit from showing the work behind the work. The gap between these wireframes and the final design is where most of the design judgment lives โ€” the questions surfaced, the alternatives considered, the refinements made.


Overview

Low-fidelity wireframes were produced during the early Design phase to explore the navigation structure, the workflow architecture, and the placement of key interactions. The exploration covered three main areas:

Each area went through multiple sketches and iterations before resolving into the hi-fi screens that became the prototype.


What These Wireframes Got Right

Three architectural decisions surfaced in wireframing and survived into the final design:

Widget-based dashboard layout. The decision to use configurable widgets rather than tabbed navigation was settled in low-fi exploration. The wireframes showed clearly that tabbed navigation forced one persona's view onto the other; widgets allowed both personas to configure around their priorities.

Sequential workflow inside the FX Repatriation widget. The wireframes established that the workflow needed to progress in order rather than allowing arbitrary navigation. The exact number of buttons changed (see "What Refinement Resolved"), but the sequential principle was settled early.