Rosehill Housing Association

Wireframes

Page templates for the new website. Each wireframe shows the structural rows and editable areas — grey boxes only, no real content. Hover the icons on each row for details about what it does and how it's built.

Conventions
? What this section does (for client review)
Build details (ACF, fields, technical notes)
Optional Can be toggled on or off per page
01
Wireframe ready

Homepage

The site's front door. Hero, top-task tiles, audience pathways, community story, latest news, impact stats, and a final help panel.

View wireframe
02
Wireframe ready

Section Landing

Flexible signposting template used for I'm a Tenant, Applying for a Home, I'm an Owner, Community, and About. Hero + card grid + optional FAQ / testimonial / help blocks.

View wireframe
03
Wireframe ready

Inner Page

The workhorse template. Block-editor main content area with a right-hand sidebar showing the section sub-nav. Auto-populated Related Links & Downloads from a central CPT.

View wireframe
04
Wireframe ready

Process Page

A variant of the inner page for step-by-step tasks. Gov.uk-style numbered step cards with the same section sidebar. Used for Apply for a Home, Report a Repair, Tenancy Change forms, etc.

View wireframe
05
Wireframe ready

News Listing

Filterable grid of all news posts. Used for general updates, community stories, and event announcements (events folded into news).

View wireframe
06
Wireframe ready

News Article

A single news post. Featured image, title, meta, narrow body column built from block editor, and 3 related articles.

View wireframe
07
Wireframe ready

Job Listing

The careers / current vacancies page. Simple list of open roles with closing dates and apply buttons. Includes an empty-state fallback when there are no vacancies.

View wireframe
08
Wireframe ready

Job Detail

A single vacancy page with the full role description, meta strip (department, location, salary, closing date), and a sticky Apply box in the sidebar with downloadable role description.

View wireframe
09
Wireframe ready

Contact Page

Contact details, map, emergency/out-of-hours number, humanised team contacts, and a general enquiry form. Designed to deflect common queries before asking people to call.

View wireframe
Notes on this set

These nine templates cover the full new site. Section Landing is reused across all five main sections (Tenant, Applying, Owner, Community, About). Inner Page handles every standard content page — service info, policies, tenant handbook. Process Page handles step-by-step task journeys (Apply for a Home, Report a Repair, Tenancy Change). News and Job pairs each have a listing and a detail template. Contact is its own template because of the map, emergency callout, and team breakdown.

Events fold into News rather than maintaining a separate event archive (the current site has one event from a year ago — a separate template isn't justified). Time-sensitive announcements are handled by the optional announcement bar on the homepage.

Design review

Switch between wireframe and design version of the current page, or jump to another template.