← All work
SunTrust · Intranet templates
SunTrust Banks · 2015 · with Slalom

Anyone could make a page, so every page was different

SunTrust's intranet ran on SharePoint, and business groups built their own pages. People got lost, and nothing looked like the bank. I designed a kit of page templates and components that non-designers could build with, and that met the bank's accessibility rules.

UX lead at Slalom. Templates, component library, and authoring guidance.4 page templates and a 34-symbol Sketch library
The problem

Business groups authored their own SharePoint pages, and it showed.

/Every group made pages a different way.
/People drilled into sections and lost track of where they were.
/Page authors weren't designers and needed simple instructions.
/The bank required WCAG 2.0 AA on everything it published.
Redrawn in 2026 from the 2015 Sketch file. Templates, navigation, and component states match the originals. I replaced placeholder text and used stock photos.
01

A home template with the usual furniture

A rotating hero, a card grid, and a right column with the things every intranet page needs: quick links, announcements, and upcoming events. Authors fill in content. The layout stays the same.

home templateHero, cards, quick links, announcements, and events.
02

You always know where you are

The left rail names the section and marks the current page with a solid orange block. Navigation stays out of the right rail, which only holds content and tools. Headlines sit in a solid band next to the photo, never on top of it, so they always pass contrast.

hero pageLeft rail, hero with the headline in the band, and an accordion resource library.
03

Every component, in every state

Thirty-four symbols, and more than half are states. Focus, error, and disabled are drawn for every control. For a bank whose accessibility guide runs 72 pages, drawing focus is part of the job, not decoration.

component libraryInputs, checkboxes, radios, buttons, type, and links, with their states.
What made it work
/

Four templates that are four different page shapes, not four skins.

/

One clear "you are here" marker.

/

One job per column.

/

Focus and error states drawn for every control.

/

Accessibility rules built into the layout, not added later.

Outcome

The templates rolled out to SunTrust's page authors.

/Business groups built pages that looked like SunTrust without design help.
/Pages met the bank's accessibility standard out of the box.
/Fewer "where am I" complaints from employees.