The challenge 01
A large Figma design had to become a working WordPress site without losing a single detail on any screen
Care platform - Premier Community
Home care for older people and those who need support: services, e-commerce and integrations on one platform.
- Industry
- Home care
- Country
- United Kingdom
- Platform
- WooCommerce
- Languages
- EN
350+
products in the mobility shop
20
location pages for local search
1:1
match with the Figma layouts
42
care guides for families
About the project
Premier Community is a family-run home care provider in the East Midlands with over 30 years of service: CQC-regulated visiting and live-in care, plus a chain of high street mobility shops. The client came with a finished Figma design; the site serves older people, their families and future carers at the same time.
The challenge 02
Buying mobility aids is not a typical checkout: VAT relief, monthly payments and delivery of bulky items, for buyers who are often not confident online
The challenge 03
Care, shop and recruitment live on one site and each needs its own path to an enquiry
Key decisions
01
A custom step-by-step checkout
Built on WooCommerce hooks and our own templates, not a plugin: basket, details, VAT relief, delivery and payment as separate steps with a progress bar, inline validation and state kept between steps. On a phone each step is one screen.
02
VAT relief and monthly payments inside the flow
The eligibility declaration is its own step, its answers are stored with the order, and the price recalculates without VAT before payment. Larger items can be paid monthly as one of the payment options.
03
Figma to code as a component theme
Every block of the design became a reusable component in a custom WordPress theme. Pages are assembled from the same parts, so new locations, guides and shop pages stay pixel-true without a developer.
04
20 location pages with their own enquiry route
Each branch and area is a separate content type entry, and its forms send enquiries to the local team. Families find care in their own town in search.
Product screens
Switch between the devices and scroll inside the screen.
01 / 04
Home page
How the work went
01
1 week
Figma handoff
Design audit, Component map, Checkout flow plan
02
3 weeks
Custom theme build
Components from Figma, Responsive states, Accessible type and contrast
03
4 weeks
Shop and custom checkout
Step-by-step checkout, VAT relief and monthly payments, Forms, chat, analytics
04
2 weeks
Content, SEO, launch
Location pages and guides, SEO settings, Ongoing support
What we did
The client brought a finished Figma design. We turned it into a custom WordPress theme and built the shop and checkout behind it.
- The client's Figma design built 1:1 as a component theme on WordPress, with accessible type and contrast for older readers
- A WooCommerce mobility shop with 350+ products
- A custom step-by-step checkout on WooCommerce hooks: basket, details, VAT relief declaration, delivery and payment, with a progress bar, inline validation and state kept between steps
- Disability VAT relief stored with the order and monthly payments as a payment option
- 20 location pages and pages for each high street shop, so local searches lead to the right team
- A careers section with role pages, a recruitment journey and application forms
- Gravity Forms with reCAPTCHA, a live chat and analytics through Google Tag Manager
- A content hub with 42 care guides, videos and news, plus SEO settings
Result
One site now carries care enquiries, shop sales and recruitment, and the team manages all three in one admin. Families find care in their own town, buyers go through VAT relief and payment in clear steps, and candidates apply without calling the office. We keep supporting the project: updates, new locations and shop changes are done by the same team that built it.
If your services business also sells products or hires all the time, tell us about it and we will show how one site can carry all of it.
Reviews
What clients say
Questions about a project like this
Can you build our site from Figma?
Yes. Premier Community came with a finished Figma design; we turned it into a component theme on WordPress, pixel-true on every screen, and added the shop and integrations behind it.
Why a custom checkout instead of the standard one?
Because VAT relief, monthly payments and bulky delivery do not fit one long form. Splitting them into steps keeps each screen simple for buyers who are not confident online, and the logic lives in our code, not in a plugin that breaks on updates.
How much would a similar site cost?
A site built from your Figma with a shop starts from the corporate tier on our pricing page; a custom checkout and integrations add to it. Describe the design, the shop and the checkout in the brief chat, and the team sends a precise quote within one business day.
Do you support the site after launch?
Yes. Updates, new locations, checkout changes and performance checks are done by the same team that built the site, on a monthly support plan.
Similar projects
careermastery.comSaaS
AI SaaS - Career Mastery
A career growth subscription platform: achievement tracker, AI scripts, a journal, 70+ trainings and live coaching.
upwex.ioSaaS
AI tool - Upwex
Our own SaaS from idea to paying users: AI rates Upwork jobs, prepares proposals in the freelancer's voice and submits them 24/7.
dealfin.czE-commerce
E-commerce - DealFin
Full cycle on WooCommerce: prices follow the gold rate, an exchange section, 4 languages, integrations and support to this day.
Contact us
Planning a similar project?
I run a business, but I get no clients or leads from the internet. What should I do?
Depends on the goal. Pick what sounds closest and I will suggest a solution with a ballpark estimate:
- I need a website
- I want to sell online
- My site brings no clients
- I want AI in my business
- I have a product idea
Thinking…Stop
AI estimate
Tell us about it in the brief chat. A precise quote from the team within one business day.