I build the small systems a business actually runs on.

Every project below is running live in its own frame. Not a screenshot, not a mockup — the real page, loading the way a visitor would see it. Click any one of them to open it properly and read how it is put together.

01Automation, data and conversion

Sheet → PDF → Sent automation.yigitorsyurek.comOpen

Sheet → PDF → Sent

A spreadsheet row becomes a document, then a PDF, then an email with that PDF attached — and the sent date is written back to the row, so a re-run can never send the same invoice twice.

That duplicate-send guard is the bug that costs people clients. It is built in from the first line rather than patched after the first incident, and the whole script is printed on the page so you can check that claim yourself.

StackGoogle Apps Script, Sheets, Docs, Drive, Gmail
ShowsIdempotent automation, error logging
TypeDemo build

Redhill Ops Dashboard dashboard.yigitorsyurek.comOpen

Redhill Ops Dashboard

An executive view reading straight off a Google Sheet: revenue trend with a hover crosshair, jobs by type, and an unpaid-invoice aging ramp that stays legible as the numbers get worse.

Every chart is hand-drawn SVG. No charting library, which means nothing here breaks because someone else's CDN had a bad day.

StackHand-written SVG, CSS custom properties
ShowsData modelling, chart legibility
TypeDemo build

Northbridge Dental dental.yigitorsyurek.comOpen

Northbridge Dental

A one-page site built around a single job: making an anxious person feel safe enough to book. Transparent pricing, plain answers to the questions people are embarrassed to ask.

What it leaves out matters as much — no invented testimonials, no countdown timer, no stock photograph of strangers laughing.

StackHand-written HTML and CSS, no page builder
ShowsConversion copy, objection handling
TypeDemo build

02Interface, 3D and motion

Meridian 50mm meridian.yigitorsyurek.comOpen

Meridian 50mm

A camera lens that comes apart as you scroll — barrel, focus ring, the glass elements inside — and reassembles cleanly on the way back up.

Every part is geometry written in code. No downloaded model file, no external environment map, nothing that can fail to load. A product page that depends on a 30 MB model is a product page that shows a grey box to half its visitors.

StackReact Three Fiber, WebGL
ShowsScroll choreography, procedural geometry
TypeDemo build

Auréole aureole.yigitorsyurek.comOpen

Auréole

A perfume bottle in a dark studio. Choose a fragrance and the liquid inside the glass changes colour while the cap moves between chrome, brushed gold, brass and black lacquer — a real transition, not a swap between four pictures.

The glass refracts because the material is told to, and the bottle's silhouette is a curve revolved in code.

StackReact Three Fiber, physical materials
ShowsLive configuration, real refraction
TypeDemo build

HÜMA Sherbet Soda huma.yigitorsyurek.comOpen

HÜMA Sherbet Soda

A four-flavour product slider set under a drawn dome ceiling, with a staggered entrance that brings the bottle, the wordmark and the ornament in on separate beats.

Every mark on the screen is SVG and CSS — the bottles, the fruit, the ornamental ceiling, the curve of the label. No photographs, no illustration library, no image files at all.

StackSVG, CSS keyframes
ShowsArt direction, entrance choreography
TypeDemo build

A note on all six

They are demos, not client projects. I built them to be opened and picked apart, because a screenshot of work sitting behind an NDA tells you nothing about whether the person can actually build. The brands are invented; the code is real.

If you are weighing me against someone with a long review history, that is a fair thing to weigh. What I can offer instead is work you can read before you hire me.