NotesSay Hello

Recent Work

Snapshots of larger projects to give you a feel for what I do.

RSS
Stakburn Swipes
Stakburn
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 😄
More
Contact Flow Chart
Contact Flow Chart
Voxie
Chart designed to show the source breakdown of contacts in a campaign.
More
Slider
Voxie
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).
More
Help Callouts
Voxie
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.
More
Finish Meditation Early
Zenti
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.
More
Stacked Modal
Voxie
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.
More
Voxie Homepage
Voxie
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.
More
Workflow Toggle
Voxie
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.
More
Voxie Follow-up
Voxie
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.
More
Findicon Website
Findicon
An early version of the Findicon website where I tried to recreate the aesthetic of Teenage Engineering hardware.
More
Zenti New Feature
Zenti New Feature
Zenti
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.
More
Zenti Widgets
Zenti Widgets
Zenti
I designed and built this iOS widget in SwiftUI to give users an easy way to track their meditation progress from their home screens.
More
3D Chart
250ok
Illustration and motion exploration for an email analytics platform.
More
Glass Buttons
Voxie
Button designs featuring a glass effect that works across dark and light modes. Tried to balance simplicity and functionality with a little fun.
More
Stakburn App Icon
Stakburn App Icon
Stakburn
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.
More
Warehouse Stowing App
Gentux
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.
More
Web Workers Icon
Web Workers Icon
The Web Workers
I designed this logo for an app studio and decided to see what it would look like as an enamel pin style icon.
More
Date Picker UI
Generation Tux
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.
More
FitPro App
Generation Tux
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.
More
Form Components
Generation Tux
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.
More
Brand Ambassadors
Generation Tux
Gentux need a carousel to feature their brand ambassadors. I designed this with some subtle depth and layering to make it interesting.
More
Color Picker
Generation Tux
More
Toggle
A little experiment. I was creating a toggle for a project and decided to push it into the crazy zone for fun.
More
Multi Checkout
Generation Tux
This UI allows for one user to checkout for multiple people. Members can be selected and their orders previewed.
More
Section Callout
Section Callout
250ok
More
Graph Animation Exploration
250ok
Prototype for a chart animation.
More
Look Builder
Generation Tux
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.
More
Gentux Interactive Style Guide
Generation Tux
More
Fit Profile UI Animation
Generation Tux
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.
More