National Design Studio: The Face of Public Design, Centered on Citizens’ Time
1. A visual language that puts the organization's philosophy first
Large type and generous space place the organization's purpose at the center of the experience.
- The home page pairs a statement on the right with video below, creating a progression from message to imagery.
- On the About page, an oversized heading and a textured monochrome photograph of the American flag emphasize the public organization's symbolism.
- A light gray background, black sans serif type, and thin dividers recur across pages. Type size, alignment, and spacing establish hierarchy without adding more decoration.
2. Copy that explains design through the value of citizens' time
The organization's ambition becomes an everyday problem visitors can understand.
- The site presents more than ten billion hours a year as the time spent navigating government and links to a supporting document.
- Specific frustrations such as waiting, searching, and repeating inputs explain why design is needed.
- The message then connects wasted time to respect and dignity. The promise to reduce processing time and complexity links the organization's mission to value for users.
3. Building a basis for trust through projects and records
Work and activity records follow the statement, giving visitors ways to examine the vision.
- Selected Work uses a three-column grid of cards pairing project names with device mockups.
- Showing the work in use and linking directly to external services turns interest into further exploration.
- News supplies dates and publication names to contextualize external coverage. Dev Index distinguishes internal work notes through dates, titles, and tags.
- External reporting and internal records provide separate entry points for learning more about the organization.
4. Navigation that carries the brand experience toward participation
Paths from the introduction to the work, jobs, and subscriptions support different visitor goals.
- Desktop exposes the main navigation, while mobile reduces the header to the logo and Menu. Large text in the expanded menu clearly distinguishes a small set of entries.
- Project cards become a single column on mobile. The long statement remains central to the first viewport, followed by a scrolling flow through individual projects.
- Jobs connect to action through role listings and email application instructions; the footer does so through secondary navigation and a subscription form.
- A skip-to-content link and new-tab announcements for external links also provide navigation support.
