Fzt. Gülsüm Koç · GK Therapy Website, custom CMS and digital identity

Physiotherapy & Reformer Pilates · Kurtköy, Pendik / Istanbul

GK Therapy website — desktop and mobile views

A calm, natural and trustworthy digital identity for a physiotherapist offering physiotherapy and reformer Pilates in Kurtköy, Istanbul. A premium website built around an anatomy lens that reveals the muscles and skeleton beneath each service photo, a spine that straightens as you scroll, and a custom admin panel the client manages directly.

Sector
Physiotherapy & Reformer Pilates
Location
Kurtköy, Pendik / Istanbul
Year
September 2026

Chapter · Goal

Help prospective clients with pain or posture complaints build trust quickly, understand which service fits them and request an appointment over WhatsApp or by phone in a single tap — while being visible in local searches around Kurtköy and Pendik and in AI-powered search engines. Replace an expired old domain with a solid digital foundation built from scratch.

Chapter · Idea

How did we think?

  1. Brand language

    The watercolor clover and crumpled-paper texture of the logo were carried into the site’s entire color system: forest green, sage, cream and gold. Cormorant Garamond sets elegant headlines, Manrope keeps body text readable and Allura adds a handwritten brand signature. Paper texture and a subtle film grain create a warm, tactile feel rather than a clinical one.

  2. Interaction

    On the opening screen, a scoliotic spine straightens step by step as visitors scroll — the brand promise, visualized in the first second. Moving the cursor over a service photo opens a lens that reveals the muscles and skeleton at work in that area. The approach text colors in as it’s read, and the treatment steps advance with the scroll.

  3. Ownership

    The client manages contact details, opening hours, services, techniques, Google reviews, FAQs and articles from a dedicated admin panel — no coding required. Every publish is saved to a version history and can be rolled back in one click, and a built-in guide shows the relevant steps on whichever screen help is needed.

Chapter · Solution

Screen by screen.

Anatomy lens: the muscle and skeleton layer beneath a service photo
Signature interactionThe anatomy beneath the photoAs the cursor moves over a service photo, a lens opens to reveal the muscles and skeleton at work in that area. A precisely aligned muscle-skeleton layer for each of the 6 service photos; on mobile, a scanning band that passes as you scroll and a press-and-hold lens.
Spine that straightens on scroll, technique tabs, text that colors in as you read, and treatment steps
Interaction designA story in motionA spine that straightens as you scroll, clickable info cards for 8 techniques (manual therapy, Graston, FDM, kinesio taping…), approach text that colors in as it’s read, and a four-step treatment method that advances with the scroll.
The site’s mobile screens
Mobile-first designThe same care on every screenA sticky WhatsApp and call bar on mobile, a live “open / closed” status based on business hours, plus Google reviews and rating — prospective clients can book in a single tap from any screen.
Custom admin panel screens
Custom admin panelContent in the client’s handsA 15-section panel with a preview → publish flow, version history, WebP image uploads resized automatically in the browser, a rich-text editor for articles, draft protection and secure username / password sign-in.
Built-in user guide in the admin panel
Built-in user guideHelp right where it’s neededA 17-topic guide inside the panel with contextual help that opens for the current screen, instant search and printable / PDF output.
Articles, structured data and llms.txt
Content · Local SEO · GEOVisible on Google and in AI searchEvidence-based guides on reformer Pilates, posture problems and manual therapy, with references and a “TL;DR” summary — ready for both search engines and AI thanks to structured data and llms.txt.
Excerpts from the site’s sections
One page, one flowing storyCare in every sectionWelcome, approach, services, treatment steps, client reviews, FAQs and contact — a flow that guides visitors step by step toward booking.
Brand identity: logo, color palette, typography and UI elements
Visual identityCalm, natural, trustworthyA watercolor clover logo, a palette running from forest green to gold, Cormorant Garamond · Manrope · Allura typography and UI elements brought together in one system.

Interface text in the images is in Turkish, the client’s language. The service and studio photos on the site are AI-generated representative images, used until the real photo shoot.

Chapter · Details

Small details, big difference.

  • Clickable techniques

    Each of the 8 techniques has its own info card for search engines and a shareable link.

  • Conversion-focused contact

    A sticky WhatsApp and call bar on mobile and a live “open / closed” status based on business hours.

  • Evidence-based articles

    Guides with references and a “TL;DR” summary; llms-full.txt updates automatically as content changes.

  • A spine that straightens on scroll

    A signature animation on the opening screen that tells the brand promise.

Home page

From top to bottom.

Scroll inside the frame to see the whole page.

The full homepage, desktop view

Chapter · Foundation

A solid foundation.

  1. Found on Google and by AI

    Search engines and AI assistants like ChatGPT can easily read and understand the site’s content.

  2. Fast on every screen

    Opens quickly on phone, tablet and desktop; the layout doesn’t shift while the page loads.

  3. Self-managed

    Text, images and services are updated from the client’s own panel — no coding required.

  4. Secure foundation

    The site and panel are protected with up-to-date security measures, and fake emails sent in the domain’s name are blocked.