Hello Hill - Recent Design

3D Chart

Patrick Hill — Thu, 27 Jul 2023 00:00:00 GMT

Action Menu

Patrick Hill — Fri, 20 Dec 2024 00:00:00 GMT

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.

AI Message Recommendations

Patrick Hill — Fri, 16 Jan 2026 00:00:00 GMT

This prototype shows the interaction and loading states for an AI suggestion UI where the user writes guidance on how an agent should behave. AI suggestions can be invoked to improve what the user wrote. My main focus here was to create a fluid experience where details move and reveal in a pleasing way while keeping the overall interaction quick and responsive.

Autosave Interaction

Patrick Hill — Thu, 05 Feb 2026 00:00:00 GMT

A prototype for notifying users that changes are being saved. I wanted to grab their attention but not use intrusive or distracting elements like pop-ups or toasts. This shows the user both that their work is being saved and where they can go to see the change history. To keep it from being annoying, the long-term intent would be for this to simplify as the user learns so only the inline animation shows.

Brand Ambassadors

Patrick Hill — Sat, 19 Sep 2020 00:00:00 GMT

Color Picker

Patrick Hill — Mon, 31 Aug 2020 00:00:00 GMT

Contact Flow Chart

Patrick Hill — Wed, 04 Sep 2024 00:00:00 GMT

Cub Notes Icon

Patrick Hill — Wed, 06 May 2026 00:00:00 GMT

I'm working on a notes app. The aim is to combine the simplicity of Bear with a plain text, file-over-app workflow. The placeholder name is Cub. I created this icon set to go along with it. The final app probably won't use this name or icon to avoid confusion with Bear but I had some fun making it anyway.

Darkmode Tinted Icons

Patrick Hill — Fri, 24 Jan 2025 00:00:00 GMT

I finally got around to updating these app icons for darkmode and tinted mode on iOS. The originals were already on dark backgrounds so they worked ok but it feels so much nicer to have them fine tuned for these purposes.

Date Picker UI

Patrick Hill — Sat, 12 Feb 2022 00:00:00 GMT

Date pickers can be overwhelming and generate decision fatigue. Gentux need one as a part of its sign up flow where it could cause drop off. Instead of showing a full on date picker, I created one that stepped you through the process a little at a time. Three quick taps, and you're done.

Findicon Website

Patrick Hill — Fri, 28 Jul 2023 00:00:00 GMT

FitPro App

Patrick Hill — Mon, 12 Apr 2021 00:00:00 GMT

Gentux has a fit algorithm that can generate suit measurements very accurately from a few things like height, weight, and jean waist size. I decided to prototype how that could work as an app. The idea was that we could launch this as a simple standalone tool. If people found it useful, they might rent with us.

Finish Meditation Early

Patrick Hill — Mon, 12 Feb 2024 00:00:00 GMT

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.

Form Components

Patrick Hill — Tue, 16 Feb 2021 00:00:00 GMT

Form components I designed and built as a part of the Gentux component library. Tried to bring consistent active and focus states across each element.

Gentux Interactive Style Guide

Patrick Hill — Tue, 25 Jul 2017 00:00:00 GMT

Fit Profile UI Animation

Patrick Hill — Thu, 23 Mar 2017 00:00:00 GMT

UI for the Gentux Fit Profile which housed all your sizes and AI generated measurements with options to adjust anything. Focused on balancing simple functionality with a stylistic offset grid.

Glass Buttons

Patrick Hill — Thu, 27 Jul 2023 00:00:00 GMT

Button designs featuring a glass effect that works across dark and light modes. Tried to balance simplicity and functionality with a little fun.

Graph Animation Exploration

Patrick Hill — Sat, 05 Jan 2019 00:00:00 GMT

Help Callouts

Patrick Hill — Wed, 01 May 2024 00:00:00 GMT

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.

Input Error States

Patrick Hill — Thu, 14 Aug 2025 00:00:00 GMT

Experimenting with input validation styles. Can't decide if I like animating to normal state or shifting to success better. Normal state lets you get to a clean form but the success version gives you validation and doesn't cause layout shifts.

Multi Checkout

Patrick Hill — Thu, 28 May 2020 00:00:00 GMT

Look Builder

Patrick Hill — Thu, 21 Jun 2018 00:00:00 GMT

Early prototype for a 3d based suit builder. Users would be able to explore options in a spatial environment to make it feel closer to the real thing.

Multi Select Threads

Patrick Hill — Tue, 18 Nov 2025 00:00:00 GMT

Voxie has a feature called groups that allows contacts to be associated with franchise locations. They also have a message hub where users can bulk select threads and process them. This design brings the two together so that a user can quickly triage incoming messages. We can't just show one set of actions for all threads because groups might have different phone numbers or feature access. Instead, we chunk the threads together with relevant actions surfaced for quick access.

Opt-in Flow

Patrick Hill — Fri, 25 Oct 2024 00:00:00 GMT

Voxie has a concept called Playbooks consisting of premade templates, assets, and automations to get customers quickly up and running with a campaign. This was designed to give a preview of what a specific playbook does and how a user flows throughs through it.

OU Folder Animation

Patrick Hill — Wed, 29 Oct 2025 00:00:00 GMT

Section Callout

Patrick Hill — Sat, 23 Feb 2019 00:00:00 GMT

Slider

Patrick Hill — Fri, 19 Jul 2024 00:00:00 GMT

Voxie needed a simple way to show feature updates in their product dashboard so I designed and built this slider from scratch. I did this partly because I didn't want to rely a third party library and partly because I thought it would be fun to learn how to implement this in Vue. Some of the things I tried to incorporate were an unobtrusive UI for the slider that also works intuitively. I did this by make a subtle navigation with progress indicators while also supporting native touch and trackpad swiping. I also went for a pretty large delay between autoplay slide changes to keep it less distracting (demo video shows it sped up).

Stacked Modal

Patrick Hill — Sat, 18 Nov 2023 00:00:00 GMT

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.

Stakburn App Icon

Patrick Hill — Thu, 08 Jun 2023 00:00:00 GMT

Icon design for Stakburn, a flash card app. The core concept of stacked cards as flame was designed by a team member, Brandon Stephens. I fleshed it out with lots of textures, depth and gloss.

Stakburn Swipes

Patrick Hill — Tue, 26 Nov 2024 00:00:00 GMT

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 😄

Toggle

Patrick Hill — Tue, 09 Jun 2020 00:00:00 GMT

Voxie Follow-up

Patrick Hill — Tue, 08 Aug 2023 00:00:00 GMT

After creating am SMS campaign, scheduling a follow up can significantly increase conversion. I thought it would be fun to create a tear-off ticket that changes into a form. My goal was to keep the callout minimal while still bringing some life into the UI.

Voxie Homepage

Patrick Hill — Fri, 06 Oct 2023 00:00:00 GMT

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.

Voxie Franchise Hero

Patrick Hill — Fri, 25 Apr 2025 00:00:00 GMT

Voxie recently re-positioned itself to focus on it's core strengths revolving around franchises. I came up with this new interactive hero to illustrate those strengths. The key points I'm trying to show are the scale of messages franchise owners need to manage and how they can gather insights on performace across their network.

Message Standards

Patrick Hill — Wed, 30 Jul 2025 00:00:00 GMT

Voxie is doing some customer outreach to gauge interest on a new feature that allows franchise companies to run validation at scale on outbound sms messages from hundreds of locations. I created this little graphic to quickly illustrate the idea.

Voxie Mobile

Patrick Hill — Fri, 24 Jan 2025 00:00:00 GMT

Recreated the Voxie Message Hub web app on mobile. We made platform specific versions using native UI for iOS and Android but ultimately decided to go with a unified design to lighten dev efforts and to keep a consistent user experience across platforms.

Node Settings

Patrick Hill — Tue, 10 Mar 2026 00:00:00 GMT

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.

Voxie Slide Out Menu

Patrick Hill — Thu, 27 Feb 2025 00:00:00 GMT

Exploration for a collapsed menu UI pattern. This is a filter sidebar so the filter labels are important. Instead of going to icons like many sites do when a sidebar collapse I wanted to see what it would be like to simply clip the filter headers so you could still read what each item is and then see the full filter on click/tap. We ended up going a different direction but it was fun to work this idea out.

Warehouse Stowing App

Patrick Hill — Sun, 27 Nov 2022 00:00:00 GMT

This tool was used for putting away garments back into inventory at a suit rental warehouse. I designed it to focus on one-handed use. Instead of typing locations, garment ids, user id, you use simply scan qr codes at each step and tap large buttons. A simple badge overlaid on the scan area tells you want to scan and if it was successful.

Web Workers Icon

Patrick Hill — Mon, 28 Feb 2022 00:00:00 GMT

Workflow Toggle

Patrick Hill — Wed, 27 Sep 2023 00:00:00 GMT

Toggles for showing and hiding sections of a workflow builder. Made the hit targets the same size as the buttons so the lines are easy to click. Hover state works on the same hit area giving you visual feedback that the sections can be toggled.

Zenti New Feature

Patrick Hill — Fri, 28 Jul 2023 00:00:00 GMT

Designed and built a user requested feature for my meditation app, hour durations. Turns out people like to meditate a lot longer than I had anticipated.

Zenti Widgets

Patrick Hill — Fri, 28 Jul 2023 00:00:00 GMT