Product Design

Designing a Compliance-Focused Website for Clarity and Trust

Redesigned a CMMC-focused informational website to translate complex compliance requirements into a clear, trustworthy experience for organizations navigating cybersecurity certification.

-

Nov 2025

CMMC.ICU

CMMC Logo

2 min

No

CMMC Thumbnail

Website UX

Client Websites

Information Architecture

Regulated Domain

Overview

Context

content

My Role

I worked as the sole UX designer, owning research synthesis, information architecture, content structure, and visual design from discovery through delivery.

Tools

Figma

Design System Library

Stakeholder Workshops

The Challenge

The primary challenge was clarity under regulation.

Key issues included:

  • Dense, technical compliance terminology

  • High cognitive load for first-time visitors

  • Lack of clear guidance on where to start or what actions to take

  • A strong need to establish credibility and trust

The goal was to make the content understandable without oversimplifying or misrepresenting regulatory requirements.

Challenge Image_CMMC

Strategy & UX Approach

I approached the redesign by prioritizing progressive understanding.

  • Reframed content to meet users at different knowledge levels

  • Structured information to guide users from high-level concepts to detailed requirements

  • Reduced cognitive load through clearer hierarchy and scannable layouts

Content and layout decisions were validated through stakeholder feedback to ensure accuracy and clarity remained intact.

Approach Image_CMMC

Information Architecture & Content Design

To support comprehension and trust, I:

  • Reorganized site structure around user intent rather than regulatory language

  • Clarified page hierarchy and section labeling

  • Designed layouts that balanced readability with authority

  • Used visual rhythm and spacing to make dense content more approachable

These decisions helped users navigate complex material without feeling overwhelmed.

Decisions Image_CMMC

Impact

  • Improved clarity and accessibility of CMMC-related content

  • Reduced friction for first-time visitors navigating compliance concepts

  • Established a clearer educational pathway for organizations exploring certification

  • Delivered a maintainable structure for future content updates

Impact Image_CMMC

Reflection

This project reinforced the importance of precision in regulated UX. Designing for compliance requires balancing clarity, trust, and accuracy, where visual simplicity must support, not dilute, the integrity of the information being communicated.

Editor's Picks

Nutshell DS Thumbnail

Auditing and Scaling a Design System for Enterprise SaaS

How we reduced inconsistency while enabling faster product iteration.

I Fly Young Thumbnail

End-to-End Website Redesigns with Ownership

Led end-to-end website redesigns for client organizations, owning projects from discovery through MVP launch while coordinating design, development, and research to deliver on time and at quality.

© Emily Bai · Product Design Portfolio

© Emily Bai · Product Design Portfolio

Create a free website with Framer, the website builder loved by startups, designers and agencies.