Eight existing pages
The homepage, treatments, practitioner information and contact pages all needed to adapt to smaller screens.
Completed client work · Able Acupuncture
Making an established clinic website easier to use on a phone
Able Acupuncture needed its existing website to work better on mobile while keeping its familiar design and clinic information. I upgraded all eight pages and rebuilt the enquiry form on the clinic's existing hosting.
Status: live on the clinic's website. Case study published 20 September 2026.
The brief
Keep what was familiar and fix what was difficult
The old site used a fixed-width desktop layout. On a phone, the page shrank to fit, leaving small text and navigation. The clinic wanted a focused mobile upgrade, with its established logo, colours, photographs and information retained.
A recognisable website
The black masthead, terracotta colours and original imagery stayed. Existing page addresses were retained.
Practical contact routes
Visitors needed readable clinic details and straightforward ways to call, email, get directions or send an enquiry.
Actual website captures
The same website, made readable on a phone
The old desktop layout shrank into a phone screen. The updated site keeps its text and navigation readable at mobile size.
Before the upgrade
After the upgrade
Original: browser simulation. Updated: screenshot supplied on 20 September 2026. The captures show different screen sizes.
What I changed
The layout, navigation and enquiry path
Responsive page layouts
Replaced the fixed desktop tables with layouts that stack and resize on phones. Treatment links, practitioner profiles and testimonials remain readable as the screen narrows.
Mobile and keyboard navigation
Added a mobile menu, visible focus handling and a skip link, with larger controls for important actions.
Clear clinic contact actions
Added direct call, email and directions links for the three clinics, with contact details organised for phone users.
A connected enquiry form
The old page displayed fields and buttons without a working submission route. I connected the replacement to server-side email handling on the existing Windows hosting.
Useful form feedback
Added input checks, clear submission states and failure messages that preserve entered details. The form supports English and Chinese text and guards against duplicate clicks.
A careful handover
Retained the existing page URLs and documented the changes and checks. Clinic wording stayed except for separately approved updates.
Recorded checks
Eight pages checked across five simulated phone profiles
The live review on 20 September covered 40 page-and-screen combinations. All pages loaded successfully, with no horizontal overflow or broken images. The recorded checks also passed the minimum size requirement for key controls.
That evidence shows the mobile layout working in the reviewed browser profiles. It is not a physical-device certification or a claim of increased enquiries or search rankings.
Technical implementation
The work replaced table-based page structure with responsive HTML and CSS, while preserving the established desktop appearance. The enquiry route was built for the clinic's existing Windows IIS and ASP.NET hosting, including server-side validation and email transport.
The current records confirm SMTP acceptance, which is distinct from a message arriving in an inbox. No booking or sales improvement has been measured for this case study.
Does your website need to work better on a phone?
Send me the website address and tell me what is getting in the way. We can work out which parts to keep, what needs changing and how to check the result.