F Menu

John French

Front-End Development and Design

My Work
I'm an award-winning designer and developer. I specialize in creating beautiful, accessible interfaces and experiences. I love all things JavaScript and my stylesheets cascade like a brilliant waterfall.
Currently
I design and build free and public tools for users all over the state of Georgia through the College of Agricultural & Environmental Sciences and Cooperative Extension at the University of Georgia.

Take a look at some of my projects from work as well as some side-projects.
UGA Extension
Our team was tasked with doing a complete overhaul of the UGA Cooperative Extension website. By developing a easy-to-use modal and cookie system, we allow users to set their county and have ready access to relevant contact information. We have seen engagement from the website rise by around 20% in 2017. My responsibilities included the initial design concept, sketching, prototyping and wireframing, and the complete front-end build out. I built the front-end in Nunjucks on top of an Express.js Node application for easier templating.
#work #ui #ux #nunjucks #express #js #scss
Shelf
This is a passion project currently in development, in partnership with Gabriel Benson. The idea was to create a sleek, minimal tool for managing comic book collections. We designed the app to solve a simple problem that so many other comic book apps miss: the user should instantly be able to see what is coming out soon and select comics they want to get, while keeping track of what they already have. This project is still currently in development. You can view UI mockups above or take a look at the current codebase on Gabriel's GitHub.
#sideProject #ui #ux #nunjucks #express #js #scss
UGA CAES
For this massive redesign, I was tasked with being project manager, principal designer, as well as front-end developer. After an extensive UX research phase, I identified the major usability problems with the current website and designed this template to fix it. Our major goal was to increase prospective student engagement, as well as to accurately communicate the depth of areas the college encompases. The project is set to be released in the Summer of 2018, but in th meantime, you can follow the link above to view the static HTML mockups.
#work #ui #ux #nunjucks #gulp #js #scss
UGA Extension Counties
In addition to my work rebuilding the main UGA Cooperative Extension site, I had to design and build a separate template that could accomodate the needs of 157 different county office websites. No two websites are exactly the same, so I had to develop both a flexible template as well as individual components that could be customized with our CMS. It was a unique challenge, but I am pleased with the results. Ultimately, I spent a lot of time designing and building a solid UX for both the website managers and external users. You can view one of the 157 sites above.
#work #ui #ux #nunjucks #express #js #scss
Still Here?
If you're still looking at this page, you could consider dropping me a note! I'd love to hear from you and possibly work together. Let's make things happen. Send Me an Email Especially because I have so many relevant skills. ✌️
#ui #ux #javascript #vue #express #node #nunjucks #scss #css #accessibility
Download My Resume
Oh, and if you're wondering who I am...
I love mechanical keyboards and am insufferable about it. ⌨️

I've been writing and recording music since I was eleven (not all of it good). 🎸

I’ve been working as a developer since 2010. I love sketching and prototyping just as much as I love diving into Node, Vue, and the like. I am passionate about accessibility and open source advocacy. I believe wholeheartedly that websites can be designed and built to be beautiful, functional, and useable for everyone. I'm also married to the amazing Paige French. Together we raise three incredible daughters. 👪