My approach

Start with the message. Work back from the experience.

I begin by understanding what a product needs to communicate and the effect it should have on the people using it. What should they understand, feel, or be able to do?

From there, I work backwards through the experience: the workflow, the interactions, and the technology needed to support them.

Build a direction

I research references and study how other products solve relevant problems. I bring together a moodboard covering visual elements, motion, tools, and accessibility, alongside the workflow I want users to follow.

That gives me a direction for how the product should look, behave, and communicate.

Make the idea visible

With that direction defined, I use AI to generate visual renders. These help me assess whether the proposed elements work together and whether the visual treatment serves the intended experience.

Prove it through interaction

HTML gives me a lightweight way to explore the experience. AI helps me build and revise it quickly, so I can spend more time assessing the tools, actions, and flow.

Clicking through the prototype and seeing data move makes the idea tangible. It helps me judge whether the experience I intended is coming through, whether an interaction matters, and what needs refining.

Connect it to the real world

Once the prototype demonstrates the experience, I build it with the technology it needs: real integrations, real data, and real resources.

The prototype establishes the direction. Implementation puts it into practice, where I can continue learning from how it works.