Skip to content
Sue Randallsue@onlyeyedesign.comAvailable for work
Selected work  /  U.S. Soccer

Integrated
Performance Support

Creating a clear visual language, reusable brand guidance and a structured digital presence for Integrated Performance Support.

ClientU.S. Soccer Federation
Integrated Performance Support
My roleCreative direction · IPS identity and model · AI‑enabled design system · Information architecture and wireframing
Year2026
ToolsInDesign · Illustrator · Photoshop · PowerPoint · Figma · Firefly · Claude
ResultSite map and both wireframe directions approved by IPS, now with U.S. Soccer’s web team
The Integrated Performance Support model: U.S. Soccer crest at center surrounded by six domains, with four outcomes on a dotted outer ring
IPS model. A visual framework connecting the division’s six domains and intended outcomes.
01 / Context

The challenge

IPS needed a consistent way to communicate its evolving purpose, capabilities and approach. Existing information was spread across presentations and working documents, while the division also needed a place within U.S. Soccer’s established website.

The work called for clarity across different applications, without inventing a separate visual language or introducing unnecessary development requirements.

02 / Contribution

Existing standards.
Purpose-built solutions.

I worked with IPS leadership and subject-matter experts to turn changing requirements into an identity, visual model, reusable design guidance and a practical structure for its digital presence.

01 / VISUAL LANGUAGE

Identity and model

Developed IPS-specific lockups from the U.S. Soccer crest and designed the visual model, refining its structure as the division’s terminology evolved. The model’s white labels pass WCAG AA contrast.

02 / REUSABLE GUIDANCE

AI-enabled design system

Consolidated existing U.S. Soccer brand standards and IPS-specific assets into an AI-enabled design system packaged as a Claude skill. Team members can request presentations and other branded materials in everyday language, with the system drawing on the established guidelines.

03 / DIGITAL EXPERIENCE

Site architecture and wireframes

Structured IPS content and explored two wireframe treatments built around U.S. Soccer’s existing components and website patterns.

Curated layered visual of the IPS design reference system, featuring U.S. Soccer brand standards, IPS identity variations, typography, colors, layout examples and a 46-specimen-card headline
Forty-six specimen cards document color, typography, layouts, components and presentation treatments drawn from U.S. Soccer brand references and IPS-specific assets.
03 / Digital

Structure before styling.

I recommended a hub with a dedicated page for each performance domain. U.S. Soccer’s web team preferred a single scrolling page, and IPS leadership chose the hub. I refined the information architecture as requirements evolved, working within the existing Participate section. By late September, seven menu pages had become five: About IPS and Approach merged into one page, and Affiliations became a section of the National Training Center page. The National Training Center already has a main page on ussoccer.com for visitors, donors, media and event bookings, so the IPS page covers the performance environment, and the two pages link to each other.

I explored two wireframe directions using established site patterns: a content-focused Standard layout and a more visually expressive Enhanced layout, both intended to support efficient implementation by the internal web team. My wireframes specified one H1 per page, a descriptive link for each domain card, and the domains and outcomes as live text, not only within the IPS model image.

ussoccer.comOne menu item · five pages

Mockup of the ussoccer.com navigation with the Participate menu open. The list reads Home, Learning Center, Coaching, Refereeing, Safeguarding Hub, Integrated Performance Support, Disability Soccer Organizations and Additional Resources. Integrated Performance Support is selected, and the red panel beside it lists About IPS, Domains, National Training Center, Research and Opportunities.
Where IPS will sit on ussoccer.com: one new item under Participate opens a panel with its five menu pages. Mocked up from the live menu. Not launched.

August 30Working map · seven menu pages

The August 30 working site map: seven menu pages under Integrated Performance Support, About IPS, Domains, Approach, National Training Center, Affiliations, Research and Opportunities, with the pages and sections under each, 14 pages in all.
The August working map: seven menu pages and 14 pages in all, before the September review.

September 28Approved · five menu pages

IPS site map, Phase 1: five menu pages under Integrated Performance Support, with the pages and sections under each. Full description follows.

Integrated Performance Support has five menu pages. About IPS: Overview (why, how, what); Shared Purpose (vision, mission, guiding principles); Performance Manifesto (the IPS model and the eight sub-systems); Our Team (IPS leadership); Contact Us. Domains: an introduction and the ecosystem hub of domain cards, linking to five domain pages, Performance Science, Performance Medicine, Performance Nutrition, Performance Innovation and Data Analytics, plus Performance Mindset, coming soon. National Training Center: the performance environment; performance spaces and services (Nike Sport Research Lab, Nike High Performance, Performance Medicine, Performance Nutrition with the Performance Kitchen and Chobani Nutrition Zone, and the Recovery Center with sleep, cryo, hydro, dry floats and two recovery rooms); NTC partners (Nike, Emory Human Performance Institute, OURA); and events and tours, which link out to the main National Training Center page. Research: publications and resources, which link out, including the Innovation Performance Hub. Opportunities: the VALD Performance Science Fellowship, mentorships, and internships and open roles, which link out.

The Phase 1 site map: ten pages at launch, plus Performance Mindset, planned. Pages U.S. Soccer already runs are linked, not rebuilt, including events and tours on the main National Training Center page, ussoccer.com/ntchq. View full size site map

Standard / Enhanced

Both explored within the Federation’s existing website framework.

Standard · Content-focused
Actual Standard wireframe for the proposed About IPS page, showing sidebar navigation and a content-focused layout
Enhanced · Image-led
Actual Enhanced wireframe for the proposed About IPS page, showing a larger image-led opening and prominent cross-links

Proposed About IPS wireframes, developed within the Federation’s existing website patterns. Not launched website pages.

Citation list / Card grid

Two Research page layouts, presented to the domain leaders.

Citation list · Text-led
Proposed Research page as a citation list: a filter by domain with a count on each button, then publications newest first, each with a type tag, domain tags, title, authors and journal. Placeholder entries.
Card grid · Image-led
The same Research page as a three-column card grid, with an image placeholder above each citation. Placeholder entries.

Proposed Research page with placeholder entries. The domain leaders preferred the citation list, which filters by domain and needs no photo for each new entry. Not launched.

04 / Outcome

A clearer foundation.

A senior IPS leader independently created a presentation using the AI-enabled design system, without needing additional guidance. The IPS identity and visual model also established a consistent reference for the division’s communications.

IPS approved the proposed site map and Standard/Enhanced wireframes, which are now with U.S. Soccer’s web team. The project reinforced that some of the most important decisions happen before design: defining the language, organizing the content and asking the right questions.