Work About Resume Contact
Overview Objectives Research Constraints Design Prototype Live Testing Results Takeaways

Product Design · UX Research · AI Platform

Microsoft Foundry
Models

Redesigning how developers discover, evaluate, and select AI models on Microsoft Foundry, turning an 11,000-model catalog into a flow you can actually navigate.

My Role
UX Designer
Team
5 UX designers
Timeline
March to June 2026
Partner
Microsoft CoreAI
ms-foundry-prototype.netlify.app
Microsoft Foundry redesign: the project home of the live high-fidelity prototype
Role
UX Designer
Timeline
March to June 2026
Team
5 UX designers and
Microsoft CoreAI team
Tools
Figma, UXtweak, Netlify,
Claude, Cursor

The Problem

11,000 models,
and nowhere to start.

Picture a developer who just wants to ship a feature this week. They open Microsoft Foundry, land on the Models page, and are met with more than 11,000 models, each with different capabilities, pricing, context windows, and regional availability. Where do you even begin?

Choosing a model means weighing several of those factors at once, and in the existing experience the details you needed were scattered across the flow. Users kept telling us the same two things: help me narrow this list, and just as often, help me figure out where to even start. Worse, some picked a model only to hit a wall at deployment because it wasn't available in their region.

Our team of five spent three months redesigning the model discovery and selection experience end to end: research, information architecture, a high-fidelity prototype, and two rounds of usability testing. My focus was concept development and stakeholder communication: shaping the direction and keeping the work aligned with the Microsoft CoreAI team.

I came to this project from the research side. After running a UX research study on Foundry, I moved from research into design on the same platform.

Before
The current Foundry Models page: a dense list of 11,563 models with only a name and capability per tile, behind a long collapsed filter accordion
After
The redesigned Models page: models grouped by provider with region availability, pricing, and quality metrics on every card, plus an open filter rail and compare

The starting point (left) lists 11,563 models with little more than a name and a task per tile; every filter hidden in a collapsed accordion, and no pricing or region until you open a model. The redesign (right) surfaces those decisions in the results themselves and turns the filters into a visible, first-class way to narrow the catalog.

Objectives

Redesign objectives.

Early research and sponsor conversations pointed us at three concrete bets: the levers most likely to reduce friction in how developers find and commit to a model.

📍
Region availability
Surface where a model can actually be deployed, up front, before a user invests time in one that isn't available in their region.
🧭
Filters to browse models
Let users narrow 11,000+ models by the things they actually care about: capability, provider, price band, and region.
⚖️
Compare models
Put candidate models side by side across capabilities, performance, and cost so the trade-offs are visible in one place.

User experience & business goals

Enable users to

  • Easily search and discover available AI model details
  • Quickly identify where to begin their model selection process
  • Identify model availability based on their region
  • Compare models across key capabilities, performance metrics, and deployment requirements

Support Microsoft Foundry to

  • Reduce friction in the user flow within model discovery
  • Communicate clarity, trust, and reliability through the design of the Models page
  • Showcase the breadth and quality of their AI model ecosystem
  • Position the platform as an innovative leader in AI development tools

How we'd measure success

Reduction in the time and friction required to select a model · an increase in the number of models explored or tested per session · and fewer user errors or support requests tied to region-configuration issues.

User Research

Developer interviews shaped
our direction.

Because we couldn't access Microsoft's internal data, we ran our own study: a heuristic evaluation of the live platform, moderated developer interviews, and a card sort, to understand how people think about finding and choosing a model.

🔍
Heuristic evaluation
  • Unclear terminology
  • Dense information structure
  • High cognitive load
  • Lack of onboarding support
🎙️
User interviews
  • Comparing models took too much back-and-forth effort
  • High cognitive load navigating a large catalog
  • Users needed key model details earlier in the flow
🃏
Card sorting
  • Explored how users group and organize information
  • Revealed confusion around similar model tasks
  • Guided the creation of our information architecture
Information architecture · from the card sort
Discover
Models overview
View all models
Popular platforms
Compare models
Model leaderboard
Models · Explore
Search
Available by region
Provider
Azure · Anthropic · Meta
Tasks
Models · Build
Deployments
Deploy base model
Deploy fine-tuned model
Open in playground · Edit
AI services · Batch jobs

Personas

Initial research and sponsor discussions led us to three personas. After aligning with Microsoft, Bob the Builder, a startup software developer moving fast, became the primary persona we designed for.

👩🏻‍💻
Maya
Student Developer

“There are so many models… I just want to know which one to start with for my project.”

Goal: build a functional AI project before graduating.
Pain: overwhelmed by the number of models and unsure where to begin.

👩🏽‍💼
Pam
Product Manager

“I need to weigh cost and capability before I commit the team to a model.”

Goal: create and automate agents that match the org's needs.
Pain: model details aren't easy to scan or compare at a glance.

Primary
👨🏻‍💻
Bob
Startup Software Developer

“I want to move fast without picking a model that creates problems down the road.”

Goal: find and select the right model quickly for a feature or prototype.
Pain: too many models shown at once; hard to find region-relevant options fast.

Obstacles

The box we
designed in.

Research told us what to build. A handful of fixed guardrails shaped how far we could take it, and naming them kept the team honest about what "good" could look like inside them.

Narrow scope
Limited to the model discovery and selection flow on the Models page, not a full site redesign.
Fixed information architecture
Required to keep Microsoft's existing IA, navigation, and homepage largely intact.
Single user group
Microsoft defined software developers as the only target audience, so all personas stayed within that group.
Limited data access
No access to Microsoft's prior usability testing, analytics, or internal research for legal reasons.

Sketches & Wireframes

Sketching our way
out of the problem.

Before touching Figma, we sketched. Paper prototypes let us move fast and argue about structure instead of pixels, and they surfaced the two decisions the whole redesign would hinge on: where the region problem gets solved, and how a developer decides what to even look at first.

Hand-drawn paper prototype: a region blocker handled in onboarding, and a models selection flow with an AI helper and clearer descriptions

Paper prototype. Two flows worth stealing from: a region blocker resolved during onboarding so users only ever see models they can deploy, and a model-selection flow that keeps the Discover layout, adds an “ask AI and it'll find the best model” helper, and leans on clearer descriptions to cut cognitive load.

The sketch notes became our design principles. Three ideas carried all the way from paper into the high-fidelity prototype:

📍 Pricing & region on every model card 🔎 A more prominent, AI-assisted search 🧩 Clearer descriptions to reduce overload

What we didn't ship (and why)

Our sketches floated an AI model-finder: a chatbot that would recommend a model from a plain-language prompt. It was the flashiest idea on the page, and the easiest to over-invest in. With a fixed information architecture and a deliberately narrow scope, a full guided flow risked pulling focus from the moves research said mattered most. We scoped it down to a lightweight AI-assisted search and put our weight behind region, filters, and compare.

Final Prototype

From wireframes to a
working build.

Our paper sketches gave us the wireframes for the flow, and those wireframes became this: a high-fidelity build. Here are its key screens — then see the whole thing live, just below.

Discover — a front door with intent

Instead of an 11,000-row wall, Discover opens with what you're trying to do: find, compare, try, or fine-tune a model.

Foundry Discover page: four task cards (find, compare, try, fine-tune), featured models, providers, and model collections

Models — filter, region, and compare in one place

The core of the redesign: a filter rail narrows 11,000+ models, region and pricing sit right in the results, and a compare tray collects models for a side-by-side decision.

Foundry Models page: filter rail on the left, results table with region, pricing, and latency, and a compare tray holding three selected models

Home — pick up where you left off

Returning developers land on recent models and quick tasks, so a half-finished decision doesn't mean starting the search over.

Foundry home screen: a welcome header, primary actions, a pick up where you left off row, and quick task shortcuts

Live Prototype

See it in action.

The full high-fidelity Foundry redesign, embedded and clickable. Explore Discover, the Models page, filtering, and side-by-side compare, right here.

Interactive Walkthrough

ms-foundry-prototype.netlify.app

User Testing · Round 2

Validating the high-fidelity
prototype.

Our final round of testing put the high-fidelity prototype in front of developers, walking through the Home, Overview, and Models pages plus tasks around agent creation and comparison. We focused on three things that matter to every user:

Usability
Is the user able to understand the interface?
Navigation
Can the user find what they need: region, model, task?
Side-by-side compare
Once located, can they compare and find something more beneficial?

What the sessions pointed to

Signal
Developers leaned on region and price to shortlist quickly, but a few didn't notice region until they were deep into a model.
Refinement
Kept region and pricing on the model card itself, so they're visible before anyone commits.
Signal
Some looked for a way to compare before they'd selected anything to compare.
Refinement
Made the compare tray persistent, so it fills as models are selected, with a clear count and entry point.
Signal
Inside a comparison, people wanted the standout option called out, not just laid side by side.
Refinement
Highlighted the best value per row (context, price, latency) so trade-offs read at a glance.

Directional signals from a small, moderated round, enough to steer the design, not to claim statistical significance. Swap in your own session notes here.

Results

A catalog you can
actually navigate.

The redesign reframes model discovery around the decisions developers are actually making (narrowing, evaluating, and committing) instead of scrolling an 11,000-row list and hoping.

11K→
Models made filterable down to a focused, scannable set
3
Objectives shipped: region visibility, filtering, and side-by-side compare
2
Rounds of usability testing informing the high-fidelity prototype

Validation

The strongest signal came after the project: the live Microsoft Foundry Models page has since moved in the same direction we designed for — surfacing region availability, richer filtering, and side-by-side model comparison. The three bets we made held up in the shipping product.

Takeaways

What I took away.

01
Designing for emerging tech means continuous experimentation. There was no settled pattern for browsing 11,000 AI models, so we had to prototype our way to one.
02
Constraints drive creative problem-solving. A fixed IA and no access to internal data forced sharper, more focused design decisions rather than a sprawling redesign.
03
Complexity can't always be eliminated, but it can be re-imagined. We couldn't shrink the catalog; we could change how people move through it.

Next Project

Foundry: UX Research

View case study