← View sitemap
Ayrshire Independent Living Network

Website wireframes

The page templates for your new site, first draft. Each one shows the shape of a page in plain grey boxes, no real words or pictures yet. Hover the little ? on any row and it will tell you, in normal language, what that bit of the page is for. The best place to start is the sitemap, for the overall picture.

View the sitemap →Open the homepage
A couple of things to know
?Hover the ? on any row to see, in plain words, what that part of the page is for
OptionalBits we can switch on or off, page by page
01
Wireframe ready

Homepage

The front door. A calm welcome, a quick 'what do you need' start, your services, the difference you make, the latest, and help at the end.

View wireframe
02
Wireframe ready

Section landing

One flexible page reused for How we can help, Work and opportunities, and About AILN. A welcome, then cards pointing to everything underneath.

View wireframe
03
Wireframe ready

Service page

The big one, built around what people actually want to know. It powers SDS, Payroll, Dementia, support at home, training and the rest.

View wireframe
04
Wireframe ready

Get help

A warm, one-click start instead of a cold form. Handles help for yourself, for someone else, and professionals referring, all through one journey into Salesforce.

View wireframe
05
Wireframe ready

Inner page

The everyday page, with a handy sidebar. Our story, What to expect, Funders, plus Volunteer with us and Become a micro-provider.

View wireframe
06
Wireframe ready

Our people

Staff and board profiles. A short hello, then a friendly grid split into Team and Board, shown with consent.

View wireframe
07
Wireframe ready

News listing

News, updates, client stories and press in one filterable grid, with type labels and a sign-up.

View wireframe
08
Wireframe ready

News / story

A single post: title, opening line, an optional photo, an easy-to-read body, and a few related posts. Also your client stories.

View wireframe
09
Wireframe ready

Jobs listing

Current PA and support worker vacancies, filterable by area, with closing dates and the employer relationship clear.

View wireframe
10
Wireframe ready

Job (single)

One vacancy: role, pay, hours, area and closing date up top, what is involved, and a plain way to apply.

View wireframe
11
Wireframe ready

Events listing

A what is on for dementia cafés, drop-ins and micro days, filterable by type and area.

View wireframe
12
Wireframe ready

Event (single)

One event: date, time and venue, book or just turn up, what to expect, and how to get there.

View wireframe
13
Wireframe ready

Resource hub

A filterable home for downloads and useful links, dated and labelled, replacing the current mixed Document Downloads.

View wireframe
14
Wireframe ready

Contact

A friendly Get help pointer first, then a smart enquiry form with your details and a map.

View wireframe
A quick word on this set (v1)

Fourteen templates cover the whole site. Several are reused: Section landing powers How we can help, Work and opportunities and About AILN; Service page powers every service from SDS and Payroll to Dementia, support at home and training; and the Inner page covers the everyday pages plus Volunteer with us and Become a micro-provider. Get help swaps the current SDS-only referral for one friendly journey that works for every service and every audience, and it is where professionals refer too, so there is no separate referral page.

News, jobs and events each have a listing and a single page, and the Resource hub gives downloads and links one tidy, filterable home. The referral form itself stays in Salesforce; we link or embed and restyle it so it feels part of the site, but we are not building a form or CRM inside the website. These are greyscale on purpose; the colour, photos and proper type all come at the design stage. The floating Pages tab on the right lets you hop between templates, and the feedback tool in the corner is where you leave comments.

Design review

Jump between the wireframe templates here. The designed versions come in the next phase.