Case 03/ 04
FountainGLP
a telemedicine landing page with a custom weight loss calculator in Webflow
Visit live site (opens in a new tab)
Project facts
- Industry
- Telemedicine
- Platform
- Webflow
- Year
- 2023
- Stack
Key resultCustom JS weight loss calculator
FountainGLP had to explain a new GLP-1 membership in plain language and earn a cautious visitor’s trust. I built the site in Webflow around a custom JavaScript calculator that turns the “15% average weight loss” into a personal number.
The brief
FountainGLP is a US telemedicine service offering an all-inclusive membership for GLP-1 weight loss treatment: medical consultations, a personal treatment plan, medication and home delivery, without the need for insurance. Their visitors are people considering a serious health decision, and many of them are comparing several providers at once.
The site had one job: explain a new and fairly complex offer simply, build trust, and move visitors toward an online evaluation. I handled the project in Webflow from design to a fully working site.
The problem: making the offer tangible
“Average weight loss of 15% over a year” is an abstract number. What a visitor actually wants to know is what it could mean for them. At the same time, the page has to answer a lot of questions: how it works, what it costs, who the doctors are and how the service compares with the alternatives, without turning into a wall of text.
That kind of personal answer is exactly the part a website builder can’t produce out of the box.
The build
- A weight loss calculator in custom JavaScript. The visitor enters their current weight and instantly sees a projected result, based on the average figure from clinical trials that FountainGLP cites. It turns a statistic into a personal number and sits right next to the call to action.
- A clear path through the page. How it works in three steps, membership pricing, a comparison with other options, the medical team and an FAQ, each section answering the next question a cautious visitor would ask.
- Interactive content with Swiper. Sliders for the content that works better as a sequence than as a long list.
- Fluid responsive layout. Sizes scale smoothly between screen widths with Finsweet’s fluid approach, so the page looks designed on every device, not just at the breakpoints.
- Custom CSS and JS where Webflow stops. Small enhancements on top of the native Webflow build, kept separate so the team can still edit the page in the Designer.
The result
A single, focused Webflow site that explains a medical subscription in plain language, answers the typical objections on one page and gives every visitor a personal number before asking them to start an evaluation. The project is also published in the Made in Webflow showcase.
Need something similar?
If your site needs something a builder can’t do on its own, like a calculator, a quote tool or a custom form flow, that is exactly the kind of work I enjoy. Take a look at Webflow development and custom website development. Today I build fluid layouts with plain CSS clamp(), and my free Clamp Generator does the maths for you.