Instructional Design
Jon Applies for a Job
This is the introductory video that got me my most recent job as UX Instructor and UX Pathway Department Chair at the Center of Applied Science and Technology.
Laserbird Townhall
As a way of making a splash as a new-coming in San Antonio, I assembled a panel of tech CEOs and had a discussion on the future of education.
Room Tour
In this video, I give a quick tour of the philosophy and UX behind my classroom setup.
College Course Intro
In this long-form, screencast, I discuss my philosophy behind the structuring of a college Web Design course I've taught.
MeMo
Short for "Meta Method" and "Modern Monastic", two informal vehicles I'm using to drive my creative pursuits, this site is how I distribute my lessons to my students.
What the Heck is Typography
A short snippet from an online education series I started called "Laserbird Academy" explaining some of the fundamentals of type.
Layout Pitfalls
A short snippet from an online education series I started called "Laserbird Academy" explaining common design errors to avoid.
Layout Best Practices
This video introduces the ideas of UX, CTAs, and Wireframes.
Using Fiverr to Buy and Sell Services
I hired someone on #Fiverr for less than $30 to professionally draw my rough concept of a sci-fi moon drawing in a comic book #illustration style. I came up with the concept while drawing in a #VR graffiti program called #KingSpray.
How to Create Your First GIg on Fiverr
I show you every step of how to create a #seller account on #Fiverr and give general advice ln best practices and what to avoid. This is part 2 of a 3-part series explaining the ins and outs of Fiverr.
How to Get Your First Fiverr Gig… In Reverse
In this video, I explain how I got my first Fiverr gig by avoiding what most videos advise and going straight to a friend. I also give advice on how to best work with your first buyer to make sure the process goes smoothly.
Create Your Own Deep Fake
In this video, I explain how to use Uberduck.ai to recreate some of the most popular cartoon characters' or rappers' voices.
Color Theory Through Fortnite
In an attempt to tie color theory principles with the craze of Fortnite, I explain how each of the unit's color vocab terms could be seen.
Drake Teaches Perspective
I used shots from Drake's Hotline Bling and Dark Knight to explain how one and two point perspective work.
The Layout of Spongebob
I break down the layout and composition of each shot of a short clip of Sponge Bob to help students prepare for the final.
Teach All the Typography
I explain typography terms as seen in KnowYourMeme.com.
Careers in Digital Art
To help explain the relevance of the various creative roles we learned about in class, I search them through IMDb on the production of Avengers.
Face Swap Part 1
As requested by some students, I offer a base introduction to Photoshop, I showed the students how to place my head on Thanos'.
Face Swap Part 2
I continue my previous tutorial by showing how to use Hue/Saturation adjustment layers in Photoshop.
Recreating Spotify in Figma
I created a series of video tutorials showing the students how to create an interactive prototype of Spotify.
Animation Curve Editor
In this tutorial, I demonstrate how to use bezier keyframe curves to easily adjust the flow of animation in After Effects.
Learn Adobe Xd
In this tutorial, I introduce the core features of Adobe Xd by using a pre-existing template that comes standard with Xd.