UI/UX & Product
From an approved design to a production build without losing the intent, and interfaces for internal tools that people are required to use rather than choose.
Most of this comes out of National E-Waste Circularity Platform.
Writing a Page an AI Answer Engine Can Quote Correctly: GEO on a Locked Design
Implementing a GEO requirement on a locked design: test the questions visitors ask, make answers self-contained, attribute claims, and escalate contradictions.
6 min read
Adding Arabic (RTL) to a Next.js Dashboard Without Translating the Whole App
Publishing the RPOMS dashboard in Arabic: a typed dictionary that fails the build, dir on one wrapper not <html>, an LTR chart, and Latin digits.
4 min read
Defaults Are Claims: Removing Placeholder Numbers That Looked Like Measurements
A 75% tank, a 10 km/L economy, a hardcoded user id: defaults in DriveKeep that rendered as real data, what replaced them, and the same rule in SpenDrop.
5 min read
Writing a User Guide Into the Spreadsheet Itself
A stock tracker's in-workbook guide: a colour legend for formula, drop-down and free-text columns, a sheet-by-sheet purpose list, and how the guide drifted from the formulas it described.
5 min read
Blank Is Not Zero: Small Input Decisions That Decide Whether a Report Is Right
Three bugs from RPOMS's daily report: a target of 0 read as unset, a running output collapsed into one number, and one worker split by capitalisation.
5 min read
Why Internal Software Needs Good UX
Internal tools get less design attention than public products, even though the people using them have no choice but to use them.
1 min read
Designing for Desktop and Mobile Before Development
Planning responsive behavior as part of the design phase, instead of leaving it as a problem for development to solve alone.
1 min read
Translating Figma Components Into Reusable Code
How design components in Figma map to reusable UI components in code, and where that mapping gets harder than it looks.
2 min read
From Figma Design to Production Website
What actually happens between a finished Figma design and a working, deployed website.
1 min read
Designing a Website in Figma Before Development
Why doing the design work in Figma first, rather than designing in the browser, changes how the build goes.
1 min read