H Work Notes
Say Hello

Node Settings

This is a reusable UI for picking options on nodes in a workflow builder. Most of the work on this went into exploring variations on how to present and organize the options available. I needed something that worked just as well for a few options as it would for forty. I used chunking to break down sets of options into related categories for novice users and added search with a keyboard hotkey to allow expert users to quickly find what they needed. I also focused a lot on refining details like state transitions and interactions to give users a sense direction and space as they moved around.

Skills: design, animation, front-end dev

Tools: figma, tailwind, vue, astro, claude code

Client: Voxie

More: https://voxie.com