I’m a Graphic Designer & Front-End Developer

I enjoy designing applications and websites, and then building them.


What I'm Good At

Drupal Theming

No more generic pre-made themes. I specialize in creating custom themes with clean and maintainable code, that integrate seamlessly with Drupal's content editing capabilities.

Front-End Development

HTML, CSS, and JavaScript are like second languages to me just as much as design is. Translating visual designs into code for the web and bridging the gap between design and development.

Print Design

Whether you need to design marketing collateral, advertisements, multi-page publications, or corporate branding, I'll ensure everything aligns perfectly with your brand's image and target market.


A great user experience can make or break a product. By conducting user research and feedback and distilling it into meaningful improvements, I'll help you make sure it's the former.


I design and build with WCAG and A11y from the start, not as an afterthought. From color contrast and semantic markup, to complex interactive components with ARIA, you'll meet and exceed accessability requirements.

Design Systems

I've build and maintained designs systems from the grown up, creating a common visual language for both designers and developers. Allowing both to work faster while maintaining cohesiveness.

Data Visualizations

Your data has a story, let me help you tell it. Using D3 and other libraries, I can transform complicated data into clear and engaging interactive visualizations.

Logo/Brand Design

Does your organization have a long history to build on or one just launching? Either way, I'll craft memorable branding that communicates your core values and message.


With my expertise in Vue.js, I can build large applications from the ground up or enhance existing website functionality. All built with re-usable and maintainable components that deliver impressive UI's.


What I Work With

  • Adobe Photoshop Adobe Photoshop
  • Adobe Illustrator Adobe Illustrator
  • Adobe InDesign Adobe InDesign
  • Figma Figma
  • VSCode VSCode
  • Drupal Drupal
  • Vue Vue
  • Nuxt Nuxt
  • D3 D3
  • Cypress Cypress
  • Gulp Gulp
  • Vite Vite
  • Lando Lando
  • Sass Sass
  • Tailwind CSS Tailwind CSS
  • JavaScript JavaScript
  • Git Git
  • Twig Twig
  • Node Node
All content is copyright © 2009–2024 Patrick Cate, including all mis-spellings.