Monet Fort - Artist, Animator, Frontend Designer

Featured Design Work

a graphic of the human eye receiving split colors from a prism

Color Vision

Follow my work in progress on this interactive scientific diagram. I am exploring use of interactive animation to demonstrate how the color spectrum is perceived by the rods and cones of the human eye.

Drupal Design System

Georgia Tech Brand Site

A complete redesign and Drupal subtheme implementation of Georgia Institute of Technology's brand identity website. Learn how I use content auditing and visual site mapping to guide my redesign for a more consistent, cohesive user experience.

Wordpress Features

Wordpress Landing Page

A new landing page and components to support a mobile and desktop app.

digital commencement program on a tablet screen

Drupal Subtheme

Digital Event Program

This interactive commencement program provided an affordable pandemic-era alternative to printed programs.

website header reading 'we have something to say'

Design System

University Design System

Design system for a university's online brand.

Animation

Motion Graphics

Motion Reel

View my reel featuring samples of my motion graphics and animation work..

Interactive Animation

Interactive SVGs

Interactive animations using After Effects and the Lottie libraries.

symbol of a yellow and blue fruit tree shining as if with inner light

Motion Graphics

Explainer Videos

Instructional and promotional animations with voiceover narrative.

colorful gold and magenta image of a tiger's face

Animated Art

Artistic Visions

Dreamy motion graphics created for personal art projecs.

CSS
SCSS/Sass
Javascript
PHP/Twig
Bootstrap
git
Drupal
Wordpress
NPM
MAMP
Docker

More Design and Development

Drupal Development

Custom Drupal Layout Tool

A tool to allow content creators to build a limitless variety of layouts.

infographic of a glacier with a robot drilling vertically through it

Interactive Infographic

Icefin's Deep Dive

Interactive web component illustrating the depths that Icefin, the deep-diving arctic robot, dove to study the arctic seabed.

HTML Email

Email Newsletter Template

A flexible, responsive email newsletter template which utilizes Mailchimp's template API.

Print Design Samples

A selection of print design projects, from magazines to mailers.

Writing

Accessibility

Dark Mode for Your Website: How and Why

Learn how to support 'prefers-color-scheme: dark' and build an accessibility menu to give your visitors the option to chose dark mode.

Accessibility

Design for Dichromacy

Understand the different types of color vision, colorblindness, and learn some ways to make the web more accessible across the spectrum.

symbolic Drual drop shape with symbolic atomic system within

Design Systems

Designing for Drupal

This illustrated introduction to basic Drupal concepts will help you collaborate with your developers for results that both align with your designs and leverage Drupal's powerful features. Written for the Sparkbox Foundry.