Design And Prototypes
A complicated idea becomes screens people understand, plus a clickable version to try.
Where this has already shipped.
A live trip planner that draws its own FMCSA log sheets. Open any of the two to read how it was built.
Spotter ELD
A regulated, paper-heavy compliance task compressed into one calm screen, log grid included.
The live app
The planner itself, running in the browser: enter three places and the hours already used, get the route, the stops and the log sheets.
React · Tailwind · Leaflet · Canvas
Build your brief.
Tick the parts that sound like your project. They collect in a bar at the bottom of the page, and one button turns them into an email to me. Nothing is sent until you press it.
Research insight and user flow
The problem framed first, then the path a person takes through it.
Wireframes
Low-fidelity layouts to settle structure before any visual polish.
A small colour and type system
Design tokens that keep every screen consistent and easy to extend.
Responsive screens
The key screens designed in Figma for both desktop and phone widths.
A clickable prototype
A working version in the browser, built with React and Tailwind, that people can actually try.
Map or canvas views
Prototype screens that include a Leaflet map or a canvas drawing.
Think this is your problem?
Tell me what is happening in your own words. No brief needed, no spec. I will tell you within a day whether it is mine to solve, and roughly what it takes.