Jon Hutchison

I'm an experienced Frontend Developer who takes pride in 🧼clean🧼, performant code and ⚡️lightning-fast⚡️ UI.

a little more about me

As a seasoned Senior Frontend Developer with over 12 years of industry experience, I bring a wealth of expertise in crafting exceptional web solutions. Proficient in a diverse array of technologies, including TypeScript, HTML, and CSS, I excel in leveraging frontend frameworks such as React, Next.js, and Redux to build dynamic and responsive user interfaces. My adeptness extends to the utilization of Tailwind CSS for streamlined styling and Jest and Cypress for robust testing, ensuring the reliability and performance of every project.

My specialization in web performance optimization and core web vitals underscores my commitment to delivering seamless user experiences. I take pride in my ability to produce clean, well-organized code that not only meets but exceeds industry standards. Meticulously following designs and project plans provided by designers and project managers, I am adept at collaborating within multidisciplinary teams to achieve project goals efficiently. Whether working independently or in tandem with colleagues, I consistently demonstrate adaptability, initiative, and a passion for driving excellence in frontend development.

Skills

Languages

TypeScript, JavaScript, HTML, CSS, PHP, Ruby

Frameworks & libraries

Next.js, React, Node.js, Redux, Tailwind CSS, ESlint, Jest, Cypress, Testing Library, Google Maps, Storybook, GraphQL PostCSS, Styled Components, Ruby on Rails

Platforms

Datadog, Imgix, Split.io, Docker, Google Analytics, AWS, Google Cloud Platform

Concepts

Core Web Vitals, A/B Testing, SEO, Accessibility (WCAG), Responsive web dev

Content Management

Wordpress, Directus, Strapi

what I'm currently up to

  • Leafly

    Senior Frontend Engineer

    August 2019 - Present
    • Championed web performance as the subject matter expert in Core Web Vitals by educating colleagues on best practices, developing processes to monitor, diagnose and fix regressions and architecting solutions to maintain performance in areas like data-fetching and image optimization
    • Led a team to build a headless frontend solution using Next.js for a WordPress instance managing thousands of posts and pages, reducing development time and barrier of entry for WordPress development
    • Improved A/B testing capabilities by architecting a solution leveraging Split.IO for both server-side and client-side Next.js usage, resulting in increased experiment confidence
    • Headed the migration and refactor of four JavaScript micro-frontends, which account for 60% of site traffic, into a unified Next.js TypeScript monorepo, streamlining development processes
    • Established bug resolution protocols that reduced turnaround time to one day through process improvements, advanced error logging techniques, and Datadog monitoring
    • Implemented Directus CMS site-wide, empowering marketing and SEO teams to customize and iterate on content without developer intervention
    • Contributed over 8,000 times to repositories in Github including pull requests, commits and code reviews
  • Zuplo

    Contract Engineer

    February 2023 - August 2023
    • Rewrote zuplo.com, originally built on Webflow, into a modern platform using Next.js 14, powered by TypeScript and styled with Tailwind CSS, then launched in Vercel
    • Built ratemyopenapi.com from the ground up using Next.js 14, TypeScript, Tailwind CSS, and Google Cloud Platform, deploying it with Vercel

Past experience

  • Spreetail

    Senior Frontend Engineer

    January 2019 - July 2019
    • Integrated Strapi CMS into Next.js applications using GraphQL, enhancing marketing and SEO initiatives with streamlined content management capabilities
  • Tastemade

    Frontend Engineer

    June 2016 - December 2018
    • Created user experiences by developing and implementing features such as recipe saving and subscription sign-ups using Next.js, React and Styled Components
  • GPO, Inc.

    Frontend Engineer

    September 2015 - June 2016
    • Refined a system to generate static, location-specific HTML landing pages for clients like Dominos Pizza and Discount Tire using a custom Node.js html generator and PostCSS
  • Mutual Mobile

    Frontend Engineer

    Jul 2012 – Aug 2015
    • Implemented React and Angular UI components for clients including AGCO and Wells Fargo