10 posts in Side Projects

A screenshot of the YourOutie.is website showing the Lumon logo at the top with the title "Outie Query System Interface (OQSI)" beneath it. The interface has a minimalist white card on a blue background with small digital patterns. The card contains text that reads "Describe your Innie to learn about your Outie" and a black "Get Started" button. The design mimics the retro-corporate aesthetic of the TV show Severance.

Your Outie Has Both Zaz and Pep: Building YourOutie.is with AI

A tall man with curly, graying hair and a bushy mustache sits across from a woman with a very slight smile in a dimly lit room. There’s pleasant, calming music playing. He’s eager with anticipation to learn about his Outie. He’s an Innie who works on the “severed” floor at Lumon. He’s undergone a surgical procedure that splits his work self from his personal self. This is the premise of the show Severance on Apple TV+.

Ms. Casey, the therapist:

Closeup of MU/TH/UR 9000 computer screen from the movie Alien:Romulus

Re-Platforming with a Lot of Help From AI

I decided to re-platform my personal website, moving it from WordPress to React. It was spurred by a curiosity to learn a more modern tech stack like React and the drama in the WordPress community that erupted last month. While I doubt WordPress is going away anytime soon, I do think this rift opens the door for designers, developers, and clients to consider alternatives.

First off, I’m not a developer by any means. I’m a designer and understand technical things well, but I can’t code. When I was young, I wrote programs in BASIC and HyperCard. In the early days of content management systems, I built a version of my personal site using ExpressionEngine. I was always able to tweak CSS to style themes in WordPress. When Elementor came on the scene, I could finally build WP sites from scratch. Eventually, I graduated to other page builders like Oxygen and Bricks.

So, rebuilding my site in React wouldn’t be easy. I went through the React foundations tutorial by Next.js and their beginner full-stack course. But honestly, I just followed the steps and copied the code, barely understanding what was being done and not remembering any syntax. Then I stumbled upon Cursor, and a whole new world opened up.

Poster of Putin as a false idol with the word FALSE

Putin: False

Update: A 18” x 24” screen-printed version of this poster is now available at my Etsy shop. It’s four colors: red, blue, black, and gold; and printed on thick 100 lb French Paper Co. cover stock. Proceeds will be donated to help Ukraine.

“…I want a man like Putin
One like Putin, full of strength
One like Putin, who won’t be a drunk
One like Putin, who wouldn’t hurt me
One like Putin, who won’t run away!”

— Lyrics from a popular Russian pop song, “One Like Putin,” from 2010.

Chart showing the nine current Supreme Court justices, with column graphs displaying the popular vote for each nominating president and the population represented by their senate confirmation votes

Visualizing Minority Rule in the United States

The leaked draft of the majority opinion of Supreme Court justices seeking to overturn Roe v. Wade and Planned Parenthood v. Casey created a political firestorm in Washington, DC, and across the country. But, leak aside, the ruling—should it become final—is shocking. First, it reverses a 49-year precedent about the federal right to abortion. And according to legal experts, the reasoning that author Justice Samuel Alito uses could undo rights such as same-sex marriage, the right to contraception, and interracial marriage.

In a report about the leak, NPR political correspondent Mara Liasson says the leak is “…going to spark this bigger debate that we’ve been having about whether the United States is turning into a minority rule country. A majority of the justices on the court were appointed by presidents who didn’t get a majority of the popular vote. And in some cases, the conservative justices were confirmed by senators representing a minority of voters.”

On the surface, I knew she was correct, but I wanted to dive into the numbers and see for myself. Once I did, I wanted to create a visual to show it.

This data visualization is meant to show the cumulative power Republicans have been able to wield as it relates to the seating of Supreme Court justices. I’ve correlated two different but related sets of data into one view: the popular vote counts for every president who nominated a justice to the current court, and the populations represented by the senators who confirmed these justices. 

3D red text “VOTE” with aviator sunglasses above it

Art for Biden

Sometimes it takes a small push to get the creative obsessions going. Like the majority of the country, I’ve been appalled at Donald Trump’s presidency. From his administration’s cruel policies to just how awful of a man Trump has shown himself, I have been gritting my teeth for four years, waiting for him to lose his re-election bid. I was profoundly concerned about democracy in the United States and how it was being actively undermined by Trump and his band of far-right Republicans.

When Trump ran against Hillary Clinton in 2016, I made a poster and website called “Inside Trump’s Brain.” I knew back then how terrible of a president he would be, but had hoped he’d grow into the office. Boy, was I wrong.

So when Joe Biden won the Democratic nomination, I needed to do all I could to get him elected and make Trump a one-term president.

I donated. I talked to the few I knew who supported Trump. I joined Biden’s texting team. But then my friend Christopher Simmons put out a call to his network for artwork to show support for the Biden & Harris ticket. What began as a one-off for me turned into a series driven by not only the cause, but by a need to just make. I became obsessed with 3D typography and loops. The format on Instagram is about creating bite-sized animations that can catch people’s attention and make them pause their scroll for a few seconds.

Introducing DesignScene App for iPad

I’m really proud to announce that DesignScene for iPad has shipped today. From idea to release, it’s been about a year in the making. Here’s a little trailer I made in case you missed it:

I’ll be frank and say that this app was really made for me. Like many designers I spend a lot of my time going from website to website looking at stuff and reading up on trends. I eventually started using RSS feeds but even my feeds got unwieldy. I dreaded opening up Google Reader and seeing “1000+” unread items.

Re-Typesetting the Star Wars Crawl

Recently Guillermo Esteves did a fantastic experiment with HTML5 and CSS3 by recreating the opening crawl to Star Wars. Although it only currently works in Safari 4, it’s a good preview of how to create something dynamic using web standards and web fonts once the other browsers come along.

But Guillermo’s experiment also reminded me of how awful the typography was of those opening crawls. The original Star Wars opening crawl uses two different typefaces (three if you count “A long time ago…”), is justified without hyphenation, and thus creates obvious rivers and awkward tracking.

Opening crawl from Star Wars: Episode IV – A New Hope, introducing the Rebel Alliance’s theft of the Death Star plans and the Galactic Empire’s threat.

Opening crawl from A New Hope as grabbed from the DVD.