CRDA website: three design concepts
Demo pages for comparison. Content is a mix of CRDA's own text and placeholders. Staff names, prices and the address are placeholders.
Design A
Built from the layout ideas you shared: people-first photo collage, short statements with detail alongside, a notice band, and card listings.
Design B
A new direction: menus organised by who you are (riders, volunteers, supporters), a plain-language "In short" box on every page, and a larger-text button.
Design C
Built from the WK Components library, re-skinned to CRDA's colours and patched for accessibility. Each page uses the component that best suits its content.
All 22 page templates
| Template | Design A | Design B | Design C (components used) |
|---|---|---|---|
| Home | Design A | Design B | Design C Image + dark panel, Intro + 4 icon features, Why choose (radial), Carousel, People choose us, Blog posts, CTA bar |
| About | Design A | Design B | Design C About / mission, About (accent panel), Team dark strip, FAQ + our company, CTA bar |
| Our team (staff) | Design A | Design B | Design C Team sections, CTA bar |
| Horses list | Design A | Design B | Design C Filterable gallery, CTA bar |
| Horse profile | Design A | Design B | Design C Project detail, Carousel, CTA bar |
| News list | Design A | Design B | Design C Blog grid (2 col) |
| News article | Design A | Design B | Design C Article, Blog posts |
| Stories list | Design A | Design B | Design C Image + dark panel, Blog grid, CTA bar |
| Story | Design A | Design B | Design C About (accent panel), Feature image + text, Blog grid |
| Events list | Design A | Design B | Design C Careers accordion, CTA bar |
| Event | Design A | Design B | Design C Project detail, CTA bar |
| Rider enrolment | Design A | Design B | Design C Feature image + text, Tabs + person, Timeline, FAQ, form |
| Volunteer (with training) | Design A | Design B | Design C Service cards + person, Timeline, People choose us, form |
| Horse sponsorship | Design A | Design B | Design C Services grid, Carousel, form |
| Can your horse help? | Design A | Design B | Design C People choose us, Timeline, form |
| Our facility | Design A | Design B | Design C Image + dark panel, Intro + features, Masonry gallery, CTA bar |
| Facility hire | Design A | Design B | Design C Feature image + text, Expertise tabs, FAQ, form |
| Sponsors and funders | Design A | Design B | Design C Filterable portfolio (4 col), CTA bar |
| Donate | Design A | Design B | Design C About (accent panel), Intro + features, CTA bar |
| Contact | Design A | Design B | Design C Services grid (3), form |
| Privacy policy | Design A | Design B | Design C Accordion |
| Terms of use | Design A | Design B | Design C Accordion |