Instant screen switching
Ten screens live in one document and toggle without a page load, so the site feels like software rather than a series of pages.
Case study · Mobile-app style website
Swimming Pool Website Design
A pool contractor’s site built to behave like a phone app instead of a website — ten tap-through screens, bilingual English/French, quote requests with photos, and invoicing. The concept, visual design and content are the client’s own; my role was development and technical support.
The Challenge
Pool membrane work is sold in the field, not at a desk. The owners are on site with a phone in hand, and so are their customers — standing next to a pool, taking photos of a leak, asking what it will cost. A conventional multi-page website is the wrong shape for that conversation.
The client had already decided what he wanted: something that opens like an app, not like a brochure. He designed it and wrote every word himself, in two languages. What he needed was someone to turn that into a real, production-grade site that behaves correctly on every phone and does the working parts — quotes, documents, invoicing — properly.
What the build had to do
- Open as a full-screen app on a phone, with no page reloads between screens
- Switch the entire interface between English and French instantly
- Take a quote request with photographs attached from the phone’s camera roll
- Issue an invoice as a PDF and accept payment
- Show company registration and installer certificates as openable documents
- Keep its phone proportions even on a desktop monitor
Short answer
A swimming pool contractor in Woodbridge, Ontario working Canada-wide. The site is a phone-app style website: one document, ten tap-through screens, English/French switching, a quote form that accepts up to six photos, PDF invoicing and Interac e-Transfer details, plus a document viewer for certificates. Concept, design and content are the client’s; Lead Web Studio did the development and technical support. A hand-coded build of this scope is $899–$2,999 one-time. The live site is at pvcpools.ca.
Built to Open Like an App
Every screen is already in the browser when the page loads, so tapping a tile switches views instantly with nothing to wait for. On a desktop monitor the whole interface becomes a centred phone panel that keeps its proportions rather than stretching into a layout it was never designed for.
10Tap-through screens
What was built
The Working Parts, Not Just the Look
An app-style shell is easy to fake with animation. What makes it useful is that the buttons actually do something.
Full English / French
Both languages ship in the same document and swap the entire interface on one tap — no second site to maintain and nothing left half-translated.
Quotes with photos
A customer standing at the pool can describe the job and attach up to six photographs straight from the phone, which is how this trade is actually quoted.
PDF invoicing
An invoice can be requested from the site and arrives as a PDF by email, with Interac e-Transfer details presented as the preferred way to pay.
Credentials on tap
Company registration and installer certificates open as real documents from inside the app, so a customer can verify the company without leaving the screen.
Native phone actions
Call, WhatsApp, SMS, email, Maps and save-to-contacts are single taps that hand off to the phone’s own apps instead of asking anyone to copy a number.
When an app-style site is the right call — and when it is not
This shape suits a business whose customers arrive from a phone, already know who they are calling, and need to do one thing quickly: get a quote, check a credential, pay an invoice. Field trades, mobile services and referral-driven businesses fit it well.
It is the wrong shape if the plan is to win customers from Google search. A single document with one URL gives search engines one page to rank, not thirty, and no separate address for each service or city. That trade-off was the client’s deliberate choice here — the business runs on referrals and direct contact, not on organic search.
If search traffic matters to you, a conventional multi-page build is the better answer, and I will say so before quoting. The two approaches are not interchangeable and pretending otherwise costs you either rankings or usability.
FAQs
Questions about a build like this
What does an app-style website cost?+
The same as any hand-coded build of similar scope — $899 to $2,999 one-time depending on the number of screens and the working parts. Forms, PDF invoicing and payment handling add to it; a straight brochure does not.
Is it a real mobile app?+
No, and that is the point. It is a website that behaves like an app, so there is nothing to install, nothing to submit to an app store, and no update to push. A customer opens a link and it works.
How does it look on a computer?+
It stays a phone. Above a certain width the interface becomes a centred panel that keeps its phone proportions instead of stretching, so the layout never breaks into something it was not designed for.
Can a site like this rank on Google?+
Only for a narrow set of terms. One document means one page for search engines to index, so there is no separate page per service or city. If ranking matters, a multi-page build is the right choice — see SEO plans for how that side works.
Can you build in two languages?+
Yes. Here both English and French ship in the same document and swap on one tap, which keeps one site to maintain instead of two that drift apart.
Want something like this for your trade?
Tell me how your customers actually reach you and I will tell you which shape fits — see my website design packages from $899.
More work
More Case Studies
📍 In-person service area
Web Design Across Toronto & the GTA
For a planning session or on-site business photos, I'll come to you. Pick your city: