Page wireframes · Lo-fi

Waterford Bank — site templates, reworked.

Seven core page templates rebuilt as separate, navigable screens on a shared wireframe system. Click any screen to open it; the top bar on each links back here. Once structure is approved, the same files get re-skinned for the hi-fi pass.

Placeholder / image Interactive / link Reviewer note

Information architecture

IA — proposed sitemap

The shared structure: the proposed sitemap that drives the site nav. The working header & footer chrome it defines is viewable inside any wireframe screen.

08

/sitemap/

Proposed sitemap

Full proposed IA — every section, template & slug — with new/rename/promote/remove tags. Built screens link straight into the wireframes; data shared with the site nav.

Page templates

Wireframes — 7 views

The seven core page templates. Click any screen to open it; the top bar on each links back here.

01

/

Homepage

Hero + rate spotlight, quick-action routing, highlights, rates table, insights, branch locator.

02

/personal/

Section landing — Personal

Category grid, featured product, tools & calculators, FAQ, banker callout.

03

/business/treasury/

Category — Treasury

Sub-product grid, benefits, capability matrix, specialist request form, resources.

04

/personal/accounts/checking/

Product — Everyday Checking

Sticky apply rail, key specs, features, rates & fees, eligibility, FAQ, disclosures.

05

/news/

News hub

Filter chips, featured article, dated log list, pagination, newsletter signup.

06

/news/[slug]/

News article

Article header, hero image, prose body with pull quote, sticky share, author bio, related.

07

/locations/[branch]/

Branch location

Open status, map + hours + contact, services grid, banker & ATM, nearby branches.