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.
In depth breakdowns of my design process and results.
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.
Client: Voxie
More: https://voxie.com
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.
Client: Zenti
More: https://zenti.app
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.
Client: Voxie
More: https://voxie.com
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.
Client: Voxie
More: https://voxie.com
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.
Client: Voxie
More: https://www.voxie.com/
An early version of the Findicon website where I tried to recreate the aesthetic of Teenage Engineering hardware.
Client: Findicon
More: https://findicon.app/
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.
Client: Zenti
More: https://zenti.app/
I designed and built this iOS widget in SwiftUI to give users an easy way to track their meditation progress from their home screens.
Client: Zenti
More: https://zenti.app/
Button designs featuring a glass effect that works across dark and light modes. Tried to balance simplicity and functionality with a little fun.
Client: Voxie
More: https://www.voxie.com/
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.
Client: Stakburn
More: https://stakburn.com/
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.
Client: Gentux
I designed this logo for an app studio and decided to see what it would look like as an enamel pin style icon.
Client: The Web Workers
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.
Client: 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.
Client: 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.
Client: Generation Tux