Fine art, artist portfolio, Bengaluru, India, 2026
Dr. Chethana R.S.
Anatomy of the Unseen, staged as a scrolling exhibition
drchethanars.com is the home of Dr. Chethana R.S., a Bengaluru artist, general physician and producer, and of Anatomy of the Unseen, her developing collection of twenty large-format abstract works. We built it so visitors meet the art first and the doctor second: a ten-scene scroll film on the homepage, then calm, museum-like pages for her paintings, her presented works and a library of 404 articles.
At a glance
- 435URLs in the sitemap
- 404articles in the library
- 10scroll scenes on the homepage
- 18individual artwork pages
- 12earlier paintings in four movements
- 5collection chapters
- Website design
- Development
- 3D and WebGL
- Motion design
- Copywriting
- SEO
- Hosting setup
The brief
What Dr. Chethana R.S. needed
Dr. Chethana R.S. has painted since childhood alongside a working life in medicine, therapeutic work and live event production. She needed a site that would introduce her as an artist with a distinctive world before revealing the physician behind it, present Anatomy of the Unseen while only its first works are taking shape, and stay honest throughout: credentials, exhibitions and work states shown only once confirmed, and every painting shown in its true colours without distortion.
The ideology
An artist's website is a frame, and a frame's first duty is not to damage what it holds.
Art first, doctor second
The homepage opens on her drawn line and her name, moves through the paintings and only then turns to medicine. The order of discovery was fixed in the brief and we built the scroll story around it.
One big moment
The full WebGPU sequence is spent once, in the scene that moves through the five chapters of the collection. Everything around it stays quiet so that moment lands, and inner pages carry no heavy 3D at all.
Honest by construction
Every work carries a plain status such as In progress or Study, exhibitions stay hidden until dates are confirmed, and presented works name a recipient only when the photograph or her own public caption shows the name.
Complete without motion
Four quality tiers and a Reduce motion switch in the footer mean the site reads fully as a composed, static page on any device or preference.
Her hand, not ours
The interface borrows her drawn vocabulary: single-stroke scribbles, uneven faces, off-centre blocks of crimson and cobalt. Paintings are never filtered, and in the dark theme they sit on a fixed light plinth so their colour holds.
Screens from the live site
Project to delivery
How it came together
Discovery
We started from a detailed brief for Anatomy of the Unseen: twenty large-format works planned, each around six feet high, with the first two in development. It set the rule of art first and doctor second, the approved copy lines, and hard gates for credentials, exhibitions and honest work states.
Direction
We set the look as Ink and Ivory by day and Ink and Night after dark: warm ivory and near-black grounds, charcoal ink, crimson and cobalt used sparingly, Cormorant for display and Newsreader for reading. The signature comes from her own marks, redrawn as single-stroke scribbles that draw themselves on scroll.
Build
The homepage is ten scroll-scrubbed scenes on one GSAP timeline with Lenis, feeding a shared progress store. A persistent Three.js layer lifts her line drawing into space, and the principal WebGPU scene, shaded in TSL, moves through Within the Body, Invisible Weight, Living with Uncertainty, A Body of Her Own and Beneath Language.
Content
From photographs the artist supplied we built a four-movement archive of twelve earlier paintings and a museum-style portfolio wall of works she has presented to artists, each with a wall label stating how the recipient is known. We built and fact-checked a 404-article library against a single facts file: 304 pieces under her name across eight topics and 100 by the two people alongside her, with no em dashes anywhere.
Mobile and launch
A dedicated phone pass covered every route on iPhone and Android in both themes and in landscape, with 44px targets and a hero composed for the first frame. We packaged the site as a standalone Next.js build for Hostinger, held at noindex until launch.
Growth
The collection is still taking shape, so the site is built to change: artwork, exhibition and article records live in typed content files with consistent fields, ready to take each new canvas, study or confirmed exhibition date as it arrives.
On the phone
Designed for the small screen too
Under the hood
Development and technology
- Next.js 15.5 (App Router)Renders every page on the server and pre-builds all 435 URLs; confirmed by x-nextjs headers and version 15.5.25 in the live bundle.
- React 19 and TypeScriptComponent layer for the scenes, galleries and forms, written in strict TypeScript.
- Three.js r180 with WebGPU and TSLDraws the 3D layer behind the homepage and the principal sequence, using the WebGPU renderer with its own WebGL 2 fallback and shaders written once in TSL.
- React Three FiberLets the 3D scenes live as React components and load lazily, so the 3D code only arrives when needed.
- GSAP ScrollTriggerMaps the whole homepage scroll to one progress value, so text, drawings and 3D stay in step.
- LenisSmooths scrolling while keeping native scroll behaviour, and switches off for reduced motion.
- ZustandHolds the scroll progress, quality tier and motion setting that every scene reads from.
- sharpPre-sizes artwork and photography into WebP in a separate asset step before the build, so images stay crisp without a runtime optimiser.
- next/font (Cormorant and Newsreader)Self-hosts and preloads the two typefaces with no layout shift.
- Next.js route handler /api/enquiryReceives commission and contact forms, which post as plain HTML and work without JavaScript.
- JSON-LD structured dataDescribes Person, WebSite, VisualArtwork and breadcrumb data for search engines.
- Hostinger Node.js hosting with hcdnServes the standalone Next.js build through Hostinger's CDN, confirmed by platform: hostinger and server: hcdn headers.
Look closer
Details worth a visit
A ten-scene scroll film
The homepage unfolds as ten scenes, from the question "What does a feeling look like inside the body?" to an invitation to enquire. Her name and the collection title are readable on the very first frame while a line drawing lifts into 3D space beside them.
Five chapters in WebGPU
One principal sequence carries the collection's five chapters as hand-drawn material occupying space: scratched lines in front, translucent colour planes behind, and words arriving in the margins, one reading focus at a time.
A museum wall for presented works
The portfolio hangs portraits, calligraphy and paintings she has given to artists such as Ilaiyaraaja, Alan Walker and Sid Sriram, each with a wall label stating how the recipient is known. Unnamed pieces share a separate salon wall.
Day and night themes
Ivory and warm near-black themes follow the visitor's system setting, with a drawn sun and moon toggle. In the dark theme, paintings sit on a fixed light plinth so their original colour is never altered.
An archive in four movements
Before the Unseen arranges twelve earlier paintings into The attraction to colour, The search for form, Meaning and tradition, and Towards abstraction, with no invented dates.
A 404-article library
Her 304 pieces span eight topics, from studio practice to collecting and commissioning, plus 100 by the two people alongside her, each linked into the site and written against one checked facts file.
Design system
Colour and type
- #F6F1E7
- #16130F
- #26221F
- #A3222B
- #2447A0
Typefaces: Cormorant, Newsreader
Want a site like Dr. Chethana R.S.?
Tell us about your brand and what the site needs to do. We will come back with an approach, a timeline and an estimate.
Or email [email protected]