WEB DESIGN

I have been delighted by how naturally the instincts and rhythms developed in other media translate to web. The same rules of composition guide the eye through a photo or across a webpage; color shapes emotion just as much in a page as a video.

Surprisingly, I have found great joy in the infrastructure that supports a well-functioning website as well. With every project, I find new ways to construct and optimize my tech stack. Not every site build is created equal, but I love finding ways to deliver maximum stability and performance at minimal cost.

Rachelmillnertherapy.com

Oxygen Builder, 2024

Rachel Millner is an amazing practitioner, a powerful activist, and a wonderful human being - so when the opportunity presented itself to build her a fresh website I jumped at the chance. 

My goal here was to build something that captured the welcoming energy of her and her practice while establishing a clear and powerful SEO presence for her that would allow her to continue to expand into the future. That translated into a bright, airy design that utilizes white space and gentle greens and blues to soften the edges of the text, as well as subtly tinting all of the grey tones with a touch of blue to tie it all together.  I went for fonts that maximize readability, boosted the line spacing just a hair to let it all breathe, and prioritized clear, bold section headers to maximize navigability. 

Rachel and I also worked hard to  prioritize the information potential clients would look for first and de-prioritize pages like the privacy policy that, while important, are not the first thing anybody wants to click on when they first arrive. This prioritization of information allowed for a more focused layout and clearer design choices.
Come check it out!

This Site You're On Now!

(Re)built with Oxygen, 2023

The website that you see before you is designed to be simple, lightweight, and filled with character. I chose typography that leans more towards mid-century modernism, as a nod towards my love for classic cameras and film photography. Headers are intentionally large to show off the font and act as signposts, while paragraphs are narrowed and allowed to breathe. The intended result is a clean, readable, and stylish foundation that accents the contents and displays my accomplishments without being obtrusive.

This site is my sandbox, my playground, my favorite hobby project.

Skills Learned

- Use of SSH, command line to administer custom Linux box
- Creative use of simplified color palette
Back to the homepage...?

Collingscats.com

Oxygen Builder, 2022

This cat blog is just the best. My wife and I foster cats, and we wanted a place to both hype them up pre-adoption and also to centrally collect updates from their new families post-adoption. Is it any surprise that I decided to build them a blog?

As this was my first site with Oxygen, I started from a template and customized as I went. Again, what stood out to me was that all the design in the world can't save you if you don't have excellent assets - in this case, my photography and the pics we get back from the new familes. 

What I appreciate about Oxygen is that it largely functions as a GUI for CSS. There's no fluff or obfuscation or language changes - a flexbox is a flexbox, text decoration is labeled exactly as such, and if you don't like the menus and want to do it by hand you can just drop in your own code. It's a great learning tool for anyone picking up CSS and HTML, and it's a solid, no-frills experience for anybody who knows it but doesn't want the hassle.
Come check it out!

AAASCO.com

Elementor Pro, 2020

AAA Service Company is a somewhat unique business. Each customer with a signed contract is worth thousands of dollars, and traffic numbers that would be miniscule in some settings can add up to millions of dollars in revenue here. That places very high value on user experience – every customer who bounces off of a landing page represents potentially thousands of dollars lost.

For that reason, we chose Kinsta’s premium WordPress hosting, using Elementor Pro to construct the site. Through relentless A/B testing with Google Optimize, I consistently attacked the bounce rate for our site, driving it to 7% below the industry average at the time of my departure.

One of the signature flourishes that separates the site from a simple business listing is the active and vibrant “Completed Projects” blog. Using Advanced Custom Forms paired with Elementor Pro’s dynamic post templates, I pulled these posts in to enrich otherwise-static pages. I also scored a major local SEO coup by embedding relevant location data in every blog post and then tying them back to our Service Area pages.

Skills Learned

- Embedding Dynamic Content to enrich static pages
- Optimizing large WordPress sites
- Debugging page errors through inspector
- Managing large media libraries
- Use of CDN to deliver consistent quality experiences
Come check it out!

Collings

wedding.com

Built with Elementor, 2019

My first real WordPress website was my very own wedding website. I knew we needed one, and I figured this was as good a time as any to cut my teeth. I purchased dirt-cheap hosting and a domain, and I googled everything else I needed to know. Along the way I had to learn what I needed from a theme, how to customize that theme with the use of simple CSS tricks, and all of the basics of navigating and operating a WordPress site.

This was also an early lesson that the best sites are built on custom (and consistent) assets. Every header, every cover, every illustrative photo came to us from our engagement photos, and that consistent visual palette gave me a firm foundation to build the style from.

After the wedding, this was converted to a static site and is now hosted at Cloudlfare Pages.

Skills Learned

- Quick deployment through use of simple templates
- Use of CSS to customize WordPress Theme
- The value of strong custom assets
Come check it out!