About Me
Hello! I'm Jon, a User Experience Designer based in Oakland, CA.
I enjoy creating things that live on the internet, whether that be websites, applications, or anything in between. My goal is to always build products that provide pixel-perfect, performant experiences.
Shortly after graduating from Pitzer College, I chose to pursue my interest in design by enrolling in General Assembly's User Experience Design Immersive where I learned the foundation of user centered design.
Here are a few tools I've been working with recently:
- Figma
- Sketch
- InVision
- AdobeXD
Where I’ve Worked
UX UI Design Manager @ Distech Controls
September 2021 - Present
- Write modern, performant, maintainable code for a diverse array of client and internal projects
- Work with a variety of different languages, platforms, frameworks, and content management systems such as JavaScript, TypeScript, Gatsby, React, Craft, WordPress, Prismic, and Netlify
- Communicate with multi-disciplinary teams of engineers, designers, producers, and clients on a daily basis
Some Things I’ve Built
Featured Project
OctoProfile
A nicer look at your GitHub profile and repository stats with data visualizations of your top languages and stars. Sort through your top repos by number of stars, forks, and size.
- Next.js
- Chart.js
- GitHub API
Featured Project
Spotify Profile
A web app for visualizing personalized Spotify data. View your top artists, top tracks, recently played tracks, and detailed audio information about each track. Create and save new playlists of recommended tracks based on your existing playlists and more.
- React
- Node.js
- Express
- Spotify Web API
Featured Project
Halcyon Theme
A minimal, dark blue theme for VS Code, Sublime Text, Atom, iTerm, and more. Available on Visual Studio Marketplace, Package Control, Atom Package Manager, and npm.
- VS Code
- Sublime Text
- Atom
- iTerm2
- Hyper
Other Noteworthy Projects
view the archiveIntegrating Algolia Search with WordPress Multisite
Building a custom multisite compatible WordPress plugin to build global search with Algolia
Time to Have More Fun
A single page web app for helping me choose where to travel, built with Next.js, Firebase, and Tailwind CSS
Building a Headless Mobile App CMS From Scratch
Find out how we built a custom headless CMS with Node, Express, and Firebase for a project at Upstatement
Google Keep Clone
A simple Google Keep clone built with Vue and Firebase.
Apple Music Embeddable Web Player Widget
Embeddable web player widget for Apple Music that lets users log in and listen to full song playback in the browser leveraging MusicKit.js. Read more about this project on 9to5Mac.
Apple Music Facebook Messenger Integration
Facebook Messenger chat bot extension featuring authentication and full song streaming from within the Messenger app. Read more about it on The Verge.
What’s Next?
Let's Chat!
Feel free to reach out anytime. Whether you just want to say hi or have a question, I'll try my best to get back to you!
Say Hi!