Case Study: How We Built a Website for the Dr Vragolić Dental Clinic
When a private dental clinic decides to build a new website, it is rarely just a "nice business card" for the internet. What the clinic usually needs is a tool that builds patient trust while solving a very concrete operational problem — how to get appointments in, organised, without lost calls, sticky notes and manual re-entry into a booking log.
The brief was a website for the Dr Vragolić clinic in Loznica that feels modern and professional, is fully matched to the existing logo, uses no video content anywhere, and includes a booking system that does not feel like an administrative form.
The solution is a booking system connected to n8n automation, which processes each request, confirms it to the patient and forwards it to the clinic — without anyone having to manually copy data out of an inbox or a phone call.
That was exactly the brief from the Dr Vragolić clinic in Loznica: a website that looks serious and modern, while running as a real booking system underneath.
The brief
The brief was clear in tone but demanding in detail. The clinic asked for a website that:
- feels modern, professional and serious — like an institution a patient would trust with their health without hesitation;
- is visually matched, in full, to the existing logo, without introducing colours that compete with it;
- uses no video content anywhere — not in the hero section, not anywhere else — only high-quality static photography;
- has a built-in appointment booking system that doesn't feel like an "administrative form", but rather a natural part of the user experience;
- avoids everything that makes small private clinics look like generic dental chains — too many cards, too many CTA buttons, a bright "neon dental" aesthetic, tooth illustrations at every turn.
In other words, the site had to avoid looking like a template, while still delivering every feature a patient expects from a modern clinic.
Research and visual direction
Rather than starting from a blank page, we analysed a handful of reference sites from the dental industry to extract principles, not designs. One reference showed how a sense of trust, hygiene and expertise is built through photography and content layout, while another gave us a cue for monumentality — that feeling of a serious, established institution — without directly copying its layout or content.
We didn't borrow design from those references; we extracted principles:
- a calm, spacious composition with generous white space;
- serious, modern typography with no decorative elements;
- subtle borders and shadows instead of aggressive effects;
- photography as the carrier of trust, not illustration.
Every colour on the site was derived entirely from the clinic's existing logo. The primary blue shade was taken directly from the logo and used hierarchically — a darker variant for elements of authority and contrast (header, CTA buttons), a lighter one for accents and secondary details. White and very light neutral tones form the base of the page, which ensures the logo and the website read as one consistent brand, not two separate visual systems stitched together afterwards.
A structure built for trust
The site's content is organised to follow the patient's logical path from a first visit to a booked appointment: a hero section with a clear message about the clinic and its location, then "why choose us", services, an introduction to the doctor and team, a look at the clinic and its equipment, patient reviews, a gallery, FAQ, appointment booking, and finally contact details with opening hours and a map.
We deliberately avoided repeating the booking CTA button at every single step. The main call to action lives in the header and the hero section, and additional prompts appear only where they fit naturally into the reading flow — for example, after the services section or after the reviews, once the patient's trust has already been built.
The heart of the project: automated booking
The biggest technical challenge wasn't designing the booking form itself, but what happens after the patient clicks "Submit". The clinic didn't want yet another contact form whose data lands in an inbox that someone has to manually review and re-type elsewhere.
The solution was a booking system connected to n8n automation. The form on the site collects exactly as much data as is needed to make the request usable — first and last name, phone number, email if relevant, the desired service or reason for the visit, a preferred date and time slot, and an optional note — then sends it to a webhook that triggers the entire workflow in the background.
That workflow:
- receives the appointment request directly from the website;
- processes and structures the data into a format suitable for further handling;
- forwards the request to the clinic;
- sends the patient a confirmation that the request was received;
- notifies staff of the new appointment, where needed.
Thanks to this approach, no enquiry gets lost, and the clinic is freed from manually re-typing data out of emails or phone calls into its own records. The system is also set up so it can, in a later phase, be connected to a calendar or a full appointment management system, instead of building new infrastructure from scratch for that purpose.
It was essential that the entire booking interface never visually breaks away from the rest of the site — there should be no sense that the patient has "left" the clinic's website to fill out an external widget. The form shares the same typography, colours and spacing as the rest of the page, so it feels like a natural next step rather than an add-on bolted on afterwards.
What we deliberately left out
Just as important as what the site includes is what was deliberately left out: no autoplay videos or background video anywhere, no bright turquoise "neon dental" aesthetic, no tooth illustrations at every turn, no pile of cards and CTA buttons competing for attention.
Each of these decisions served the same goal — for the site to feel calm, trustworthy and human, rather than yet another generic medical template.
The result
The end product is a website that does two things at once that are rarely easy to reconcile in practice: it leaves the impression of a serious, expert and approachable private clinic, while running a real operational process behind the scenes that saves the clinic time and prevents patients being lost to administrative friction.
For us, this is a good example of how design and automation should work together — the visual identity builds enough trust that a patient actually clicks "Book an appointment", and the automation behind it makes sure that click really turns into a scheduled visit. You can see similar solutions among our automation examples.
Frequently asked questions
Why doesn't the Vragolić clinic website use any video content?
The client explicitly asked us to avoid autoplay and background video. Static, high-quality photography feels calmer and more trustworthy, and it does not slow down page loading on mobile devices.
How is the site's design matched to the clinic's existing logo?
Every colour on the site is derived directly from the logo. A darker shade of the primary blue is used for authority elements such as the header and CTA buttons, a lighter shade for accents, with white and neutral tones as the base.
How does the automated appointment system work?
The form on the site sends data to a webhook that triggers an n8n workflow: it processes and structures the data, forwards the request to the clinic, confirms receipt to the patient, and, where needed, notifies staff of the new appointment.
Can the booking system later be connected to a calendar?
Yes. The n8n workflow is built so it can be extended later with a calendar connection or a full appointment management system, without having to build new infrastructure from scratch.
Does this kind of solution make sense for other clinics or small businesses?
Yes. The underlying principle — a design matched to the brand plus automated enquiry handling — applies to any business where booking or enquiry handling still depends on manually copying data out of an inbox or a phone call.
Want a similar website for your clinic or business?
We'll review your brand and your patients' or clients' needs and propose a concrete solution — from design through to booking automation.