Get in touch with me now

You’ve arrived at my super secret contact form! If you’d rather email me directly, my address is


Expect to hear back from me within 24 hours. Thanks!

Front-End Developer for a Better WWW.

A little about yours truly

Click on my happy face to learn a random fact about me.
TMI may be involved. You’ve been warned.

Hi there, I'm John.

I’m a designer and front-end developer with over 8 years of professional experience building websites and web applications for a wide range of companies; from small startups to massive Fortune 500 corporations.

I’m currently looking for new and exciting opportunities where I can help build highly-polished user-interfaces using my unique talent of being an experienced front-end developer with a keen eye for great UI design.

Interested in finding how I can help you build your perfect UI vision? Let's have a friendly chat. I can guarantee you will not regret it.

My bread and butter skills

(Looking for a PDF resume? Download one here.)

Front-end Development

This is where I get to transform image mockups into pixel-perfect user interfaces with the power of HTML, CSS & Javascript.

Responsive Design

I'm a veteran of responsive design and making the best possible user experience on any and all screen sizes.

Ecommerce &
Online Payments

I have a strong ecommerce background and have worked with a variety of different shopping cart platforms and payment APIs like Shopify, Bigcommerce, WooCommerce, Stripe, and others.

Wordpress Development

Tinkering with Wordpress is how I first got my start in the world of web development. I still use Wordpress today for certain projects where clients need a popular and extensible platform to quickly start a new presence online.

Project Samples

  • PizzaBot

    Chatbot interface powered by Artificial Intelligence

    A personal project to learn more about the world of A.I. and challenge myself to code a highly-polished user-interface with transitions and animations using the latest ES6 version of React.

    • Chatbot interface built from the ground up without the use of CSS frameworks or additional libraries other than pure React.js
    • Integration with DialogFlow's API; Google's own Artificial Intelligence platform (formerly
    • Fully responsive for the best experience on both web and mobile browsers
    • Use of React's latest ES6 version
    • Deployed to Netlify for maximum performance

    Tech build summary: HTML5, CSS3, React.js, DialogFlow API, Netlify

    View live demo View source code
  • Javascript for Designers

    Blog for teaching designers who want to learn Javascript for UI/UX development.

    A small passion project where I share everything I learned in my journey of going from visual designer to front-end developer and how others can do the same and help their own teams cross that tricky bridge between design and development.

    • Original articles and tutorials written by yours truly
    • CodePen interactive demos to show others how a lesson is implemented in a real-world, practical situation
    • YouTube video tutorials (coming very soon!)

    Tech build summary: HTML5, CSS3, Jekyll, Github Pages, CodePen, Mailchimp

    View live demo View source code
  • Drumpfsy

    An Trump-themed Etsy shop.

    An ecommerce "shell" that uses the Etsy API to show hand-made goods inspired by the current Republican Presidential candidate President of the United States: Mr. Donald J. Trump.

    • React.js for building the site's user interface
    • Backbone.js used for creating home/single-page routes and and creating data models
    • Fetching Etsy API data for displaying humorous current markeplace items related to our dear President

    Tech build summary: HTML5, Sass, React.js, Backbone.js, Etsy API, Heroku

    View live demo View source code
  • Blue Leaf

    Ecommerce website with gift registry software integration.

    Blue Leaf is a trendy lifestyle store in the heart of Houston. After being in business for a few years, they decided to jump into the ecommerce space and start selling their goods online.

    • UPS & USPS shipping carrier integration for live-pricing quotes
    • Integration with Registry Valet, a third party registry software
    • Use of the Wordpress CMS for easy product catalog maintenance, page updates, and customer order management
    • Training different members of the Blue Leaf sales team to use the new website and manage & ship customer orders
    • Mobile-responsiveness for optimal user experience

    Tech build summary: HTML5, CSS3, Wordpress, WooCommerce, Registry Valet integration with custom PHP coding.

    View live demo

Some kind words from some amazing people...

  • "John produces great results no matter how big the project or how tight the schedule. He stays up-to-date with the latest developments in technology and makes excellent suggestions to improve the performance and functionality of websites. I highly recommend him for your next project.”.Rick Naylor, Marketing Director at PreCash
  • "Working with John is not only very easy and effective, but also a pleasure! He is very skilled and keeps educating himself to learn new things he later applies to your projects. He is reliable, hard working, very fairly priced, and someone you can completely trust – especially when dealing with delicate information.”.Renzo Bolivar, Account Manager at Lopez Negrete Communications
  • "John not only has excellent design skills but is extremely knowledgeable at digital production and solving web issues. John adds talent and value to any project.”Wes Weaver, Owner of W-Squared Marketing
  • "John is flexible and easy to work with. He listens and then focuses on solving your website challenge with a solution that works and is aesthetically pleasing. He is a great member of the team.”Nick Pantazis, President of WilsherCo, Inc.

Featured Medium Article

Javascript for Designers 101: The DOM (An Illustrated Guide)

Published on Jan 13th, 2018

Learn all about the mythical DOM: What the heck it is, and why it's so important when you are getting started in your Javascript journey as a designer.

Read this post on

Ready to build something special together?

Hit that button below and let’s start a friendly chat. I promise you won’t regret it.

Get in touch with me