Skip to content

Project Details

Home/Project Details

SaaS Platforms
Marketplaces
Mobile Apps
AI Integration
Admin Dashboards
API Development
Automation
Takeovers
SaaS Platforms
Marketplaces
Mobile Apps
AI Integration
Admin Dashboards
API Development
Automation
Takeovers
SaaS Platforms
Marketplaces
Mobile Apps
AI Integration
Admin Dashboards
API Development
Automation
Takeovers
SaaS Platforms
Marketplaces
Mobile Apps
AI Integration
Admin Dashboards
API Development
Automation
Takeovers
The Oryze interaction study: a hold-to-confirm control with its ring mid-draw

Oryze — interaction study

Project description

Taking one micro-interaction apart to find out what makes it feel right

The Challenge

"It feels good" is the hardest requirement in interface work to satisfy, because it is not a specification. Most teams either copy the pixels and lose the feel, or approximate and never find out what they missed.

The study had to be honest about its subject: this is an independent exercise built to learn from a published design, not a claim to that design or an affiliation with it.

The Solution

Rebuild the interaction from scratch, instrument it, and test it. The hold-to-confirm control is decomposed into its actual mechanics — how long the hold is, what the ring encodes, what happens on early release, and how all of it changes when the user has asked for reduced motion — and then every one of those claims is asserted by a test.

Skills and deliverables

TypeScriptNext.js 15React 19Tailwind 4Playwright

Features delivered

The hold-to-confirm control, rebuilt from measurement rather than copiedThe ring's progress model, isolated and asserted frame by frameExplicit early-release and cancel behaviour, specified rather than emergentA reduced-motion path treated as a first-class variant, not a fallbackSeventeen playwright checks against the deployed build

The hard part

Telling the difference between a detail that creates the feel and a detail that merely accompanies it. The way to find out is to get it wrong on purpose, and the measurement is what makes the lesson transferable rather than a matter of taste.

Oryze — a second view of the the study interface
Oryze on a phone

The Impact

Seventeen playwright checks passing against the deployed study, covering the ring's progression, the release behaviour and the reduced-motion path. It is published as an experimental piece because that is what it is — and it is directly responsible for the interaction language this portfolio uses.

Contact Me

Let's Talk for Your
Next Projects

0 / 4000

Or email olaleke2004@gmail.com

Where

Based in Lagos, Nigeria
Working with clients worldwide

Contact

Email : olaleke2004@gmail.com

Time

within 24 hours

Stay Connected

SaaS Platforms
Marketplaces
Mobile Apps
AI Integration
Admin Dashboards
API Development
Automation
Takeovers
SaaS Platforms
Marketplaces
Mobile Apps
AI Integration
Admin Dashboards
API Development
Automation
Takeovers
SaaS Platforms
Marketplaces
Mobile Apps
AI Integration
Admin Dashboards
API Development
Automation
Takeovers
SaaS Platforms
Marketplaces
Mobile Apps
AI Integration
Admin Dashboards
API Development
Automation
Takeovers