John Flynn

Maker of Things

Craft
Shopify
WordPress

A Little About Me

Hi, I’m John, a friendly web developer from New England. I create bespoke, performant, and easy to administer CMS-powered websites. I have over eight years experience crafting well thought out front-ends and custom CMS implementations. I pride myself on being clear and concise in both the code I produce as well as my communications.

When I’m not working, you’ll often find me with a mug of tea and a good book. But if I’m not there, check the nearest mountain.

If you’re looking for my current resume, you can find that here.

Most My Skills

HTML
Javascript
CSS
BEM + CUBE Methodologies
Vue
GraphQL
PHP
Craft CMS Development
Shopify Theme Development
WordPress Development
Web Accessibility
Build Tools
SEO Best Practices
Photoshop, XD, & Figma
Agency DevOps
Something I forgot...

What Do I Do?

Craft CMS

Craft is my go-to platform when starting most builds. I’ve been working with it for several years now, and I love its unopinionated ease of development. I’ve used a lot of the platform through building marketing sites, eCommerce shops, custom features, and API integrations.

Shopify

I’ve been building with Shopify since 2014 and have touched many different parts of the platform. Creating custom themes, migrating content from other eCommerce providers (sometimes painfully), modifying existing themes, and helping owners with their shop setup. It’s an intuitive and powerful platform that’s a lot of fun to build on top of.

WordPress

I’ve worked with WordPress for my whole career. I’ve run the gamut of development work with the platform. From creating custom themes and plugins, to WooCommerce implementations, I’ve seen and done a lot. I approach building with the platform in a modern and extensible manner. I’ve created my own starter theme on top of Timber and Twig to help make builds faster and more manageable.

Recent Work

Metro Credit Union

A Craft CMS build for a Boston Area Credit Union. Working with the Imarc agency, my main responsibilities on the project involved building out a pattern library based on a design system, constructing front-end page templates using the design system components, and outputting the Craft CMS data in front-end twig templates.

Read Details

Some of My Work

Bonfire Studios

A Craft CMS powered site for Bonfire Studios. My responsibilities on the site were all encompassing: Front-end cutup using a CUBE CSS methodology, Greensock animations, Craft CMS development including utilizing Sprig for filtering, images as a service using Imager‑X and Imgix, as well as hosting and deployment setups.

View Project

Metro Credit Union

Craft CMS build for a Boston area credit union. My primary responsibilities on the project we’re building out the front-end components in a Fractal pattern library, and integrating the components with CMS data in Twig. Paying particular attention to accessibility and performance.

Read Details

View Project

CoverSports

I was brought in by the Dodgy Code agency to help on a Craft Commerce build with a tight deadline. Some of my responsibilities: Craft and JS implementation of product variants and options, custom shipping module. a Sprig-powered cart, front-end performance optimizations, and accessibility features implementations.

Read Details

Arcade London

I’ll often recreate things I find across the internet as a way to practice, try new techniques, and explore different technologies. I came across the Arcade London site and was delighted by the design and effects, so I recreated the homepage as an exercise. It’s built using Craft CMS but hosted on Netlify via the use of the wonderful Blitz plugin.

View Project

See the Code

Dodgy Code

I worked with Dodgy Code to build out the front-end of their agency website. The site is built using a CUBE CSS methodology following a design system created by their talented designer.

View Project

This Site!

I built the very site you’re reading (shocking!). It was my first opportunity to try out Craft CMS, which is something I had my eyes on while working with WordPress. I really liked the “content agnostic” approach the CMS took and was pretty quick to get on the bandwagon. Now I reach for Craft first for most sites.

See the Code

NEMO Equipment

Custom Shopify theme and integration development for a luxury camping equipment brand. I was the sole developer on the project, my responsibilities included a custom shopify theme, data integration with the Salsify platform, and content migration from WooCommerce.

Read Details

Shoka

When Shopify released Slate – a theme development kit – I was eager to try it out. Shoka is a Shopify theme I built to get familiar with Slate. It’s design is cobbled together from some pieces of other themes that I like, plus my own take on some common eCommerce design patterns.

View Project

See the Code

Decas Farms

Decas Farms is a national consumer cranberry producer located in Massachusetts. I created a custom Shopify theme from designs by Catchfire Creative. The site utilizes custom fields to build on the data structure offered out-of-the-box by Shopify and makes updating unique product and recipe data easy for the site administrators.

View Project

Esplanade Travel

Esplanade Travel is a Boston-based luxury travel firm. They had an existing site that was build on an out-of-date CMS that was more than a little haggard. I took the existing design and migrated the whole thing over to WordPress. In addition, I added a new blog and staff bio pages that make use of a custom content builder system. The site makes heavy use of post-to-post relationships and I worked to make the administration of the site as easy and intuitive as possible.

View Project

Drew's Organics

I worked with Catchfire Creative to create a WordPress theme for this national salad dressing and salsa brand. We worked to create a better flow for users to find information on Drew’s Organics products. My favorite part to built was the automatic linking of recipes to products.

View Project

Catchfire Creative

Company site of the agency I worked for. Built on top of my Halt Starter Theme. Animations are managed with Greensock. It utilizes a modular page section system for building out case studies. A really fun feature to build were the blog posts which are pulled in via AJAX and displayed with handlebars.js.

View Project

Ski Homepage

A design by my friend for a project we worked on that ended up not being used. Even though the design ended up going a different direction, I really liked this version and wanted to make it anyway

View Project

See the Code

Halt Starter Theme

I wanted a base to start WordPress projects from that was specific to my mind and methods; so I built one! It incorporates Timber + Twig and tries to impose some order and modern PHP best practices. It also uses composer for dependency management and Webpack via Laravel Mix for build tasks.

See the Code

Looking to get in touch?

Drop me a line at: john at johnjflynn.net