Posts tagged web design

Best 2024 Campaign Website Design

One thing I like to do when national politics have me spiraling into a panic (or, shockingly, when they have me feeling optimistic) is volunteer with Tech for Campaigns. If you have experience in engineering/product/design/etc. and want to help build websites or run email marketing for smaller campaigns, it's a great way to connect with talented, like-minded people and feel like you're actually helping.

As part of that, I've seen a lot of campaign websites this cycle. Sometimes the candidates recommend designs they like. Sometimes I'm out looking for inspiration. Since the content on these sites is generally very similar, it's interesting to see the different design approaches.

So, in no particular order, here's my partisan, totally subjective, and very non-exhaustive list of the best political website designs from 2024.

Elissa Slotkin for Michigan website screenshot

Elissa Slotkin for Michigan

Download full screenshot

This one is my favorite. Love the color palette, the background textures, and (most of all) the triangular decorative elements.

Lisa Blunt Rochester for U.S. Senate website screenshot

Lisa Blunt Rochester for U.S. Senate

Download full screenshot

Nice use of background photos. The transitions in the issues and latest updates sections are worth visiting the site to check out.

Bryon Best For Congress website screenshot

Bryon Best For Congress

Download full screenshot

A different approach to background photos that creates a very cool overflow effect.

Haley Stevens for Congress website screenshot

Haley Stevens for Congress

Download full screenshot

The colors here pop and they've managed to create a really eye-catching layout just using overlapping rectangles.

Madeleine Dean for Congress website screenshot

Madeleine Dean for Congress

Download full screenshot

A little more muted but everything about this site is so clean. The opaque design flourishes are subtle but keep things from feeling boring.

Josh Harder for Congress website screenshot

Josh Harder for Congress

Download full screenshot

Mostly included for the timeline on the Josh's Story page but the homepage layout is good too.

Tanya for Congress TX 27 website screenshot

Tanya for Congress TX 27

Download full screenshot

A lot to like here! The Texas flag as a book logo for a teacher, the ribbon/bookmark motif, and the angled backgrounds complementing both. It all flows together really nicely.

Sydney Kamlager – For Congress District 37 website screenshot

Sydney Kamlager – For Congress District 37

Download full screenshot

Another example of an angled background pairing well with a logo.

Web Site Color Resources

I just finished a major redesign of this site and one of the most agonizing aspects for me was trying to pick an appropriate color scheme. It was a lot tougher than I expected to get the right tone, complement my fonts, and generally avoid clashing. Here’s a list of sites and articles that were particularly helpful:

A Simple Web Developer’s Guide To Color (Smashing Magazine) - This article pointed out simple things I hadn’t even thought of like how to match your grays to your base colors.

Coolors - A really handy color scheme generator. I really like the simplicity of it’s design.

Trendy Web Color Palettes and Material Design Color Schemes & Tools (Awwwards) - An article that analyzes Awwwards Site of the Day winner color palettes and includes a number of color resources itself.

Adobe Color CC - There are a few options to help you pick colors with a color wheel but I found Adobe’s easiest to use.

Pinterest - For me, Pinterest might have actually been the most useful site. Click through to see everything I saved to my color palettes board.