Government digital service · Web experience

Defense Digital Service

A public-facing experience that makes a fast-moving technology organization easier to understand—from mission and culture to the work itself.

TypePublic website + product storytelling
RoleUX leadership + experience design
EnvironmentDepartment of Defense · CDAO / DDS
FocusIA · Responsive UI · Accessibility · Editorial system
DDS / PUBLIC EXPERIENCEMISSION → WORK → PEOPLE
Defense Digital Service mission page with a blue hero, mission statement, team photograph, and calls to action.
Selected DDS homepage direction: mission-first messaging, documentary photography, and a flexible blue-and-orange visual language.

Overview

Make the mission clear before asking people to decode the organization.

DDS worked across highly technical, high-consequence problems. The website needed to translate that complexity into a public story that felt direct, credible, and distinctly human.

The content had to answer several questions without making visitors hunt: Who is DDS? What does the team work on? How does the team operate? What has it built? And where can someone learn more or join?

Design principle: lead with the mission, then show the people, process, and evidence behind it.

Defense Digital Service public homepage with black navigation and a grayscale hero about delivering better services to the warfighter through design and technology.
Public-site reference showing the mission language and visual context surrounding the broader DDS website work.

Design direction

Bold enough for the mission. Structured enough for the content.

The experience was structured to reduce cognitive effort: predictable navigation, clear hierarchy, readable content groupings, and consistent patterns helped visitors understand where they were, what information was available, and what to do next.

Defense Digital Service work page with a blue photographic hero and the heading Learn. Fix. Build.
The “Learn. Fix. Build.” direction gives visitors an immediate sense of the page purpose, then uses clear hierarchy and modular sections to make detailed project information easier to scan and navigate.
01

Mission first

Large, plain-language statements give visitors an immediate reason to care.

02

Editorial rhythm

Full-bleed moments alternate with quieter content areas so dense information remains scannable.

03

Human evidence

Team photography and real project imagery keep the organization from feeling abstract or institutional.

04

Flexible identity

The same system can support mission, culture, technical work, recruiting, and news without forcing every page into one layout.

Content system

Give each visitor a clear doorway into the story.

Instead of treating the site as one long marketing page, the content was organized around distinct user questions: who the team is, how the team works, and what the team delivers.

01People
DDS team page with overview copy, join button, team illustration, and role categories.
Team content balances recruiting with a quick explanation of the disciplines inside DDS.
02Process
DDS process page showing a process overview and a product trio diagram.
Process content explains the product trio and human-centered way of working without overloading the page.
03Work
DDS work page with overview copy, join button, project image, and capability categories.
Work content starts with purpose, then creates paths into capabilities and projects.

Product storytelling

Turn technical programs into stories people can actually scan.

The public experience needed room for both capability-level narratives and individual projects, from counter-UAS work to logistics and AI-enabled interfaces.

DDS rapid capabilities page featuring Counter-UAS copy and a drone image.
Capability storytelling pairs concise operational context with a strong visual anchor instead of burying the project in a long text page.
Move.mil project page with descriptive copy and a globe-and-airplane graphic.

SERVICE EXPERIENCE

Move.mil

A consolidated experience for military personnel managing household goods during a Permanent Change of Station, bringing scheduling, customer service, and key information into one place.

Bastion project page with aerial refueling copy and a circular aircraft graphic.

MISSION OPERATIONS

Bastion

A pilot focused on improving aerial-refueling planning by bringing advanced digital technology and constraint optimization into existing operational processes.

Combee project page with descriptive copy and a small green robot image.

AI + PHYSICAL SYSTEMS

Combee

A framework that uses large language models as an interface for existing physical systems, allowing operators to use plain language instead of learning additional jargon.

Culture + process

The brand had to communicate how the team behaves—not only what it ships.

The darker values pages created a different emotional register from the blue mission pages while keeping the same direct voice, geometric accent language, and high-contrast presentation.

DDS values page showing Go where the work is, Do work that matters, and Be brave and tell the truth.
Values are treated as large, memorable statements rather than buried culture copy.
DDS values page showing Ask for forgiveness, not permission and Design with users, not for them.
The same visual language supports principles about speed, candor, and designing directly with users.

Editorial flexibility

A strong system also has to handle ordinary content gracefully.

News and media are less cinematic than a homepage. The challenge is preserving the DDS identity while supporting archives, cards, dates, headlines, and variable-length editorial content.

DDS Latest News archive with a blue image hero and a 2022 article listing.
A dedicated news hero keeps the same brand vocabulary while clearly shifting the visitor into an editorial context.
DDS news page with three article cards and images.
Card-based news content creates a repeatable structure for mixed imagery, headlines, and summaries.

Accessibility

Government-facing visual design has to work beyond the hero image.

The design direction prioritizes strong text contrast, readable hierarchy, obvious navigation, large interactive targets, clear link language, and layouts that can collapse predictably on smaller screens. In a production environment, those visual decisions still need to be verified with keyboard, screen-reader, zoom/reflow, and user testing.

Contrast

Dark blues, black, cream, and white provide a dependable foundation for readable text.

Navigation

Consistent page structure and descriptive labels reduce the cost of finding the next destination.

Responsive hierarchy

Content is organized in modules that can stack without losing meaning or sequence.

Reflection

The strongest identity was not a single homepage. It was a system that could hold many kinds of truth.

DDS needed to feel urgent and mission-driven without becoming visually chaotic. The most durable design move was creating a clear hierarchy and a small set of recognizable visual behaviors that could stretch from recruiting and culture to technical projects and news.

For me, the work reinforced a broader principle: complex organizations become easier to trust when the interface makes the story legible—what matters, who is doing the work, how decisions get made, and what has actually been delivered.

Next case study

Showboat Drive-In

View next