Hello, I’m Patrick Hill, a product designer delivering user friendly solutions to challenging software problems.
I learn, sketch, wireframe, prototype, and code. I use all these skills to translate user needs into usable, delightful interfaces and I have fun doing it.
An action menu that combines direct actions and links. This tries to differentiate between the two while keeping a consistent style. Actions are more prominent, links more subdued.
Spent the weekend on some UI updates to Stakburn. Made it a little more kid friendly so my son could work on his sight words. Added swipe actions and the ability to tap to hear the word aloud. He likes to cheat though so I had to disable the correct swipe if audio played 😄
A callout card style for the Voxie knowledge base. This site will be all about helping customers with problems so I'm keeping the style minimal. Icon patterns fading into the background with subtle hover animations.
I added a "finish early" feature to Zenti, a meditation timer. It allows you to end your meditation before the timer goes off and still save the time you already spent. This demos some of some of the effort I put into fine tuning the animation and placement in the UI.
I designed and built this stacked modal pattern so we could have modular, reusable modals for specific pieces of info. This example uses it to add a new API authorization to an endpoint. It also allows us to keep modals concise and focused while also keeping spacial awareness through the app. We use this pattern very sparingly. The prototype shown here has multiple modals to test that the component can successfully accept any number of child modals but in practice, there would likely only ever be one stacked modal.
A home page hero prototype I created for Voxie using Figma and After Effects. I was shooting for a simple, relaxed animation that quickly communicated what the company does. I also built the final version with CSS animations, HTML and a little JS.
