Fieldset Platform & Diagnostic Report Redesign

Fieldset is a Portland-based engineering studio that audits and modernizes fragmented digital systems. While their technical audits contained accurate and comprehensive diagnostic data, presenting this information to clients through standard documents made it difficult to interpret or prioritize. I designed and developed the firm's entire digital platform using SvelteKit, TypeScript, Vanilla Extract, and PayloadCMS. As part of this build, I redesigned their core diagnostic report to reduce cognitive load, clarify information hierarchy, and better support day-to-day decision making.

Problem

The existing approach to sharing diagnostic data exposed accurate technical information but placed a high cognitive burden on users. Key issues included:

• Dense presentation of complex performance and accessibility data
• Limited visual hierarchy and guidance
• Critical signals buried alongside secondary information
• Heavy reliance on prior domain knowledge to interpret meaning
• Difficulty managing complex data schemas through standard CMS configurations

As a result, clients struggled to quickly understand what the data was telling them, limiting the report’s practical value in real-world decision making.

Solution

I redesigned the diagnostic report around comprehension first, treating the platform as an interpretive tool rather than a raw data dump. The solution focused on:

• Building a fast, compile-time optimized frontend using SvelteKit and TypeScript
• Implementing Vanilla Extract for locally scoped styling with zero runtime overhead
• Using PayloadCMS to natively structure and manage complex audit metrics without developer intervention
• Establishing a clear information hierarchy so important signals across Accessibility, AEO Visibility, and Performance were immediately visible
• Grouping related platform concepts and pairing technical failures directly with actionable remediation steps

The implementation balanced data density with clarity, allowing users to explore details progressively instead of confronting everything at once.

Outcome

The redesigned platform improved how clients interacted with the diagnostic data and streamlined internal engineering workflows. Observed outcomes included:

• Faster orientation
  Clients could quickly identify critical liabilities like legal exposure without scanning raw metrics.
• Clearer signal prioritization
  Important remediation steps were surfaced immediately instead of inferred.
• Reduced cognitive load
  Users no longer needed deep familiarity with the data model to interpret results.
• Improved feature adoption
  PayloadCMS allowed the team to generate and manage complex reports reliably without writing custom code.

The platform now provides a stable, predictable entry point for the firm's technical audits. View an example report.

Visuals