Lunar Fusion

Skip to main content

Drupal Design and Development

Featured Drupal CMS Projects

a graphic of front-end development including file structures, twig template, and a hero component
Drupal Development

Drupal Design Systems

Drupal is fast moving towards becoming the first design-system-native CMS. This is a living document of my ongoing research and projects focused on Drupal design system development.
Drupal custom layout tool editor view
Drupal Development

Custom Drupal Layout Tool

A tool to allow content creators to build a limitless variety of layouts.
the Georgia Tech Brand site homepage displayed on a laptop computer
Drupal Design System

Georgia Tech Brand Site

A complete redesign and Drupal subtheme implementation of Georgia Institute of Technology's brand identity website.
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.

More Design and Development

Web, Email, and Print Projects

a colorwheel overlaid with a CSS variable code sample
Frontend Development

CSS Variables

Instructional materials for building a color system for your design system.
wordpress landing page
Wordpress Features

Wordpress Landing Page

A new landing page and components to support a mobile and desktop app.
email newsletter template design thumbnail
HTML Email

Email Newsletter Template

A flexible, responsive email newsletter template which utilizes Mailchimp's template API.
printed mailer sample
Print

Print Design Samples

A selection of print design projects, from magazines to mailers.
website header reading 'we have something to say'
Design System

University Design System

Design system for a university's online brand.
a sketchbook page of gold and blue branding sketches
Branding

University Brand Refresh

A university rebrand process, from sketchbook to implementation.

Motion Graphics Animation

animation still of a mantis shrimp illlustration
Motion Graphics

Motion Reel

View my reel featuring samples of my motion graphics and animation work..
animation still of video title, curious creatures, with whimsical dots and swirls
Animation

Curious Creatures

A short video about unusual animal adaptations.
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.

Digital Interactives

Creative Animation and Interaction Projects

a graphic of the human eye receiving split colors from a prism
Design & Animation

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.
a tacky holiday sweater illustration
Digital Interactive

Build Your Own Holiday Sweater, Snowman, or Snowglobe

An older project that I had a lot of fun with. Build your own holiday ephemera!
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.
koi fish illlustration
Interactive Animation

Interactive SVGs

Interactive animations using After Effects and the Lottie libraries.
a simple human heart illlustration
Interactive Animation

Human Heart Diagram

Select regions of the heart and see those regions animate.

Art

painting of a woman with a third eye
Fine Art

Paintings

Mystical experiences expressed in oil on canvas and linen. Live painting at events in the Atlanta area.
open sketchbook with a drawing of a wild cat
Fine Art

Drawings

A sketchbook is a sacred object and a friend on the journey. View some of my favorite pages.
scrying mirror interactive sculpture
Interactive Art

Scrying Mirror

Interactive fantasy sculpture using Arduino microcontrollers and projected animations.
seashell interactive sculpture
Interactive Art

You Can Hear the Ocean

Interactive auditory shell sculpture using an Arduino microcontroller.

Writing

abstract triangle representing a CSS technique
Design Systems

ITCSS

Learn about this modern technique for keeping your CSS tidy and easier to maintain.
light switch illustration
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.
eye illustration
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.
image showing a young woman holding out headphones
Learning to Code

Creating the Next Code Composers

EarSketch app proves to be the ideal code learning instrument.This archived article was originally written for Georgia Tech News.
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.
drupal logo, heart, storybook logo
Design Systems

Your Drupal Site Needs a Storybook Design System

A non-developer’s introduction to Single Directory Components and current best practices in front-end design for Drupal.
colorwheel and color swatches
Design Systems

How to Build a Color Variable Palette for Your Design System

Support color themes! Support dark mode! Create a solid color palette for your front-end using primitive and semantic CSS variable layers.

Where to Find Me