Membership website design agency
Membership website design that members finish
A membership website design agency designs the pages a member actually has to get through: joining, paying, renewing and finding what they paid for. A brochure site sells; a membership site has to work every week.
We design those journeys first, on a phone first, to WCAG 2.2 AA, then hand a tested design to the build.
Membership website design
01/ what we design
Six journeys decide whether the site works.
Every membership site has the same six jobs. The design is judged on whether members finish each one.
Membership Quest framework. Building these journeys (CMS, integrations, payments) is on membership website development services.
02/ the join flow
Design the join form before the home page.
The join form is where design turns into members, and most forms ask for too much.
Baymard Institute’s e-commerce benchmark found the average checkout in 2024 had 11.3 form fields, when most sites need about 8; 17% of US online shoppers said they had abandoned an order because checkout was too long or complicated (Baymard, checkout research).
That is shop checkout research, not membership data. But a join form is a checkout with a membership category on it, and the lesson carries: every field that can wait until after payment should wait.
So we design the join in three questions: who you are, which category, how you pay. The CPD history, interests and preferences come after the welcome, when the member has a reason to give them.
Baymard Institute · usability research, e-commerce checkouts, 2024 benchmark.
03/ phone first
Most member visits arrive on a phone.
Smartphones accounted for 77% of UK adults’ time online in May 2025 (Ofcom, Online Nation 2025; regulator research). A member opens the renewal email on a phone, so the renewal page is designed at phone width first.
Speed is part of the design. Google’s Core Web Vitals set the bar at a Largest Contentful Paint within 2.5 seconds and an Interaction to Next Paint of 200 milliseconds or less, at the 75th percentile of page loads (web.dev; published guidance). Heavy hero video and carousels are the usual reason a design misses it.
Ofcom, Online Nation 2025 · regulator research · web.dev, Web Vitals · Google guidance.
04/ accessibility
Accessible by design, not by audit.
Almost every site fails somewhere: WebAIM’s automated test of the top million home pages found a detected WCAG failure on 95.9% of them in February 2026 (WebAIM Million; worldwide, not a UK or membership sample).
We design to WCAG 2.2 AA, a W3C Recommendation. It is a legal requirement only for public sector bodies under the 2018 Regulations; for most membership bodies the duty is the Equality Act’s reasonable adjustments (s.20), and WCAG is how you show you took reasonable steps.
Design decisions carry most of it: contrast, focus states, labels on every field, and tap targets of at least 24 by 24 CSS pixels (W3C, target size). Fixing these in a design file costs minutes; fixing them in a live site costs a sprint.
05/ renewal and leaving
Make renewing easy, and leaving honest.
The renewal page should open from the reminder email already signed in, show what the member used this year, and take payment in one step.
Leaving has to be as easy as joining. The Competition and Markets Authority’s evidence review names designs that make cancelling harder than signing up among the practices that harm consumers (CMA, online choice architecture), and the subscription contract rules in the Digital Markets, Competition and Consumers Act 2024 are due to require easy online exits for auto-renewing memberships.
An honest exit page is still useful: it asks one question about why, and offers a pause or a cheaper category where one exists.
06/ how we work
From member research to a tested design.
- 01Listen
Member research
Five to eight member interviews and the support inbox, before any screen.
- 02Map
The six journeys
Each journey drawn step by step, with the field list and the measure.
- 03Prototype
Phone first
Clickable join, renew and portal screens at 390 pixels wide.
- 04Test
With real members
Members complete each journey while we watch; we fix what stops them.
- 05Hand over
Design system
Components, tokens and accessibility notes the developers build from.
Building it is the next job: see membership website development services. For the whole programme (site, portal, CMS and integrations) see our membership website agency.
Written by Dan Keegan
07/ questions
Membership website design FAQs.
What does a membership website design agency do?
How is a membership website different from a normal website?
How many fields should a membership join form have?
Does our membership website have to meet WCAG 2.2?
Do you build the website as well as design it?
Membership website design
Design the join, then the rest.
Book 15 minutes and we will look at your join form and renewal page with you. From £1,500 a month.
09/ sources
Every claim, and where it came from
- Baymard Institute — Checkout optimisation: minimise form fields (2024 benchmark)Usability research, e-commerce
- Ofcom — Online Nation 2025UK regulator research
- WebAIM — The WebAIM Million, February 2026Accessibility analysis, worldwide
- W3C — Web Content Accessibility Guidelines 2.2Standards body
- W3C — Understanding target size (minimum)Standards body guidance
- Equality Act 2010, s.20 — Duty to make adjustmentsUK statute
- Public Sector Bodies Accessibility Regulations 2018 — Regulation 4UK statutory instrument
- Google, web.dev — Web VitalsPublished guidance
- Competition and Markets Authority — Online choice architecture: evidence reviewUK regulator research
- Digital Markets, Competition and Consumers Act 2024 — Part 4, Chapter 2: subscription contractsUK statute