Website preview

For review

Third Sector Lab: new website

This is a working preview of the new site. Thirteen pages are fully designed in the real brand, with the type, colour, photography and live components in place. The rest are still wireframes showing structure and content order only, and they take on this same design as we build them out. Click any card to open it.

Designed pages

Brand, copy and interactions

Designed Third Sector Lab homepage

The repositioning in one scroll: hero, proof, the three services, programmes you can join or fund, Ross’s point of view, the Curve and latest thinking.

Open the homepage →

Designed Third Sector Lab About page

Who Third Sector Lab is now: proof, why we exist, how we are set up, our principles, the team, the associate network and the community we run.

Designed Third Sector Lab Services page

The holistic pitch: three pillars, the ongoing partnership, how a project runs, Ross’s point of view and the ethical AI guide.

Open What we do →

Designed The Curve programme page

The programme template: live workshops, on-demand courses, the trainers, and the channel header and footer that tell you which programme you are in.

Open The Curve →

Designed resource page for the ethical AI guide

How a resource is presented: what the guide covers, who it is for, and a straight download. The guide itself lives as a PDF.

Open the resource page →

Designed Our work (A: photography) page

Our work (A: photography)

Eight projects across websites, training, campaigns, programmes and events, with the approach below. Variation A of three, compare with B and C.

Open Our work (A: photography) →

Our work (B: shapes layer)

Same content as A, with a brand-shape composition in the hero instead of photography. For the art-direction conversation.

Open Our work (B: shapes layer) →

Our work (C: editorial)

Same content again, laid out one project at a time, alternating left and right. The magazine take.

Open Our work (C: editorial) →

Designed Service: Strategy page

Service: Strategy

The strategy service page, built on the shared service template.

Open Service: Strategy →

Service: Brand & websites

Brand and website work, on the shared service template.

Open Service: Brand & websites →

Designed Service: Marketing page

Service: Marketing

Marketing and audience growth, on the shared service template.

Open Service: Marketing →

The blog landing page: featured post plus the listing grid.

Open Blog listing →

A single post, showing the article template end to end.

Open Blog article →

One enquiry form, routed by topic.

Open Get in touch →

Design system & style guide

Colour, type, the logo mark, components and the category-colour rules behind the design.

Open the style guide →

Page templates

Wireframes: structure and content order, ahead of design

The story in one scroll. Now designed, compare above.

Open wireframe →

Section landing

Programmes / Services overview.

Open wireframe →

Digital Trustees, The Curve, Open Working, SCVO.

Open wireframe →

The three pillars, partnership & funders. Now designed, compare above.

Open wireframe →

Work, Resources, Events, workshops.

Open wireframe →

Article / detail

Case study, guide, event.

Open wireframe →

Network, Ross, proof, community. Now designed, compare above.

Open wireframe →

One enquiry, routed by topic.

Open wireframe →

Legal & utility pages.

Open wireframe →

Reference

How the site fits together

Sitemap → All wireframes →

Preview build for Third Sector Lab. The homepage design is a first pass for sign-off; a few items are still placeholders pending final assets (confirmed proof figures, the featured case-study photo). Fonts, logos and the client wall use the real brand assets.