Page designs · Hi-fi

Waterford Bank — site templates, designed.

The approved wireframe templates, re-skinned with the Waterford brand: color, type, photography, and components from the design system. Click any screen to open it. Each is a self-contained bundle, so allow a moment to load.

Foundations

Design system

The shared visual language every page design is built from.

00

design system

Design system

Logo usage, color, type, spacing, components, and the photo library, built on the client logo standards and style guide.

Page templates

Designs — 7 views

The seven core page templates at full fidelity. Click any screen to open it.

01

/

Homepage

Hero with primary calls to action, key stats, product routing, rates, insights, and the branch locator.

02

/personal/

Category landing — Personal

Section landing for personal banking: category grid, featured product, tools, and banker callout.

03

/personal/accounts/checking/

Product landing — Checking

Personal checking accounts: key specs, features, rates & fees, FAQ, and disclosures.

04

/business/treasury/

Section — Treasury management

Business treasury services: sub-product grid, capabilities, specialist request, and resources.

05

/resources/news/

Resources hub — News & Insights

Latest articles list with category sidebar, featured content, and pagination.

06

/resources/news/[slug]/

Resources article

Article header, hero image, prose body, author, and related articles.

07

/locations/[branch]/

Branch location

Open status, map, hours & contact, services, and nearby branches.