Created for a one-man operation offering remote and in-person music lessons, this website focuses on simplicity and clarity. The goal was to make it easy for prospective students to learn about Jackson’s services and quickly sign up for lessons. At the start of the project, a few inspiration sites were shared, including the Terisan Music Platform concept on Dribbble. From there, the focus became creating a clean, approachable interface that prioritized the primary call to action of signing up for […]

A few of years ago, while designing an onboarding app for recruiters, one of the areas I was most excited about was a configurable application route. The goal was to create a fixed sequence of screens that could be customized by each recruiting firm allowing them to tailor how new candidates were brought into their system. The flow would clearly guide users through collecting essential information (like education, experience, and contact details), and then seamlessly transition into scheduling an interview. […]

This is a bit of an old one I dug up while going through my files from around 2019. Basically, just a neat little CSS interaction I had originally created a desktop screen that would appear to stay in place even when the contents of that screen changed. The code always ended up running into issues (but occasionally worked!) and I could never figure out why whenever I could get it to work in certain demos. After taking another look […]

I’ve been playing around with a few different web design concepts that I’m not too sure I’ll have an immediate use for, but thought they were still turning out pretty cool and would be worth sharing here. Also partially hoping to throw these up somewhere so I can reference them again in the future! Banner Animation This small project originally started out with me wanting to create a parallax scroll scene, however after quickly skimming a tutorial before diving right […]

More of a work-in-progress than anything else, but have been experimenting with taking illustrations and creating hero banners out them using the SVG assets and CSS. I had previously done something relatively similar by importing the illustrations into After Effects and animating them (Like Here! and here!), however I thought it might be even more effective (reduce load times) to manually create simple animations with CSS. I think the initial result has been pretty successful and I wanted to share. […]

Dark Theme I’ve been working on some website enhancements over the last few weeks with some ideas I’ve had for the past year or so including a brand new theme for my portfolio website! While it isn’t necessarily common for a portfolio website to sport multiple themes it’s a concept I’ve been having to think about more and more professionally so I love getting to try out ideas that wouldn’t make it into a product like that. There are some […]

With all the AI hysteria I decided it was about time I gave it a try myself. My initial experiments with ChatGPT left me extremely impressed with the new tool. Definitely saw some opportunities to have it write copy for me. Planning to leverage that more in the future for sure! In addition to that I also payed the $10/month to Midjourney to try generating some images with the same power I witnessed behind ChatGPT. It was a fun exercise […]

This was an exploration I did for Able a while back that never happened so I can share this now. I was trying out some ideas I had for how you could use white opacity to more effectively include client brand colors within the product. While there was only occasional sentiment around improving brand identity within the product I think I may have taken it to 100 here with how much the brand color would get used on that login […]

Major branding and product design work completed while at Able.

Quick post about some updates I’ve made this time around. I definitely recommend checking out the initial post where I started work on this iteration of my portfolio website. It’s been a little while so it felt appropriate to go for a small update at the very least. I was mostly trying to tighten some things up like switching to a 2-column layout for the portfolio to make it a little easier to scan the content. The main change unfortunately […]