Cover image for An entry interaction study: what

An entry interaction study: what should a page do while you are still deciding to enter it? The page opens near-black on a single eye. You press and hold. The pupil dilates, the lids narrow, the stroke thickens, and the cursor changes shape as it crosses in. One number runs from 0 to 1 while the pointer is down and every visible state reads from it, so letting go early needed no special case in the code. It simply runs backwards, more slowly than it ran forward. The inspector ships on the page rather than in a dev branch, so anyone can drag the value and watch the numbers move together. That turns an argument about whether the motion feels right into a conversation about specific numbers. 8 KB of JavaScript, no animation library, 0 external requests at runtime, 0 axe-core violations at WCAG 2.2 AA, and one Pointer Events path covering mouse, touch and pen. Press and hold it yourself: https://lab.forblune.com

1

36

I built a Style Gallery of 24 responsive web directions to make early design conversations concrete. They are not 24 client projects. Each is a self-initiated study I planned, designed, and implemented across desktop, tablet, and mobile—covering B2B, editorial, product, booking, commerce, dashboards, and campaign layouts. When I respond to a brief, I choose only the 3 patterns closest to the customer's problem and use them as visual evidence—not as invented client results. Browse the gallery: https://gallery.forblune.com If you need a landing page, responsive repair, or a small website with a clear scope and QA handoff, feel free to message me.

3

2

96

Self-Initiated FPV Landing Page — V1 to V2

0

2

f0ring — Responsive Fashion Storefront

0

KIM GEONHEE

Front-end developer: minimal sites, hand-built interaction