New Website UX & UI

If you’re reading this and you’ve been to our website before, you might be noticing things look a little different around here. The truth is, the original website was thrown together pretty …

Kyle Van Deusen

Published:

Filed Under:

General

Funny robots painters with paint rollers. Yellow wall background
This content contains affiliate links. View our affiliate disclaimer.

If you're reading this and you've been to our website before, you might be noticing things look a little different around here.

The truth is, the original website was thrown together pretty quickly… and at the time we had very little idea of what The Admin Bar would become.

We've patched and patched, and as we approach 2,000 members in our community, we figured it was time to give it a fresh coat of paint.

What we've realized is that this site should be the “hub” for all the content that's produced around our show, guests, products, discussions, etc. So our approach with the redesign is to make getting to that content a whole lot easier (read more on this in the “Navigation” bullet point below).

A Few Things to Notice

For the most part, the content on the site is the same… but there are a few new things to check out.

Navigation

Navigation menu
New Navigation Menu

The biggest need for the site overhaul was the navigation. This site has ended up being all about CONTENT… but it wasn't easy to find what you're looking for. Of course, you can still get to the podcast show pages, but there's a new “Topics” menu which will allow you to filter the content by topic (which is much better UX!).  These filters will pull in content of any kind (blog, podcast, one-off, or endorsement). Our hope is this will make all our content more useful for you.

Dark Theme

The most drastic change is the UI of the website. A completely new “dark mode” look, using GeneratePress as the site's theme (swapped out from Astra).

Pub Games

Shooting Pool Hero

For a little fun, we've included some of the best pub games in the page hero sections. It's subtle and not over the top— but brings in a little of the “fun” that you know we like to have at The Admin Bar.

Typography

Barlow Typeface

We've ditched the use of Filson Soft from the website, but it remains in the logo (for now at least 😉 ).  The font was alright, but the lower case letters didn't look good, and it was funky at thinner weights… This meant every time we needed to use it, it had to be 900 weight and all caps. Just not very versatile.  The new typeface, Barlow, is clean and easy to read…. and looks great just about any way you use it.

Endorsements (in progress!)

Our Endorsement Single Post Template

Instead of the old endorsements page (which was basically an image and an affiliate link), we're doing a complete overhaul to give you more information on why we endorse any particular product.  There are a few in there already, and we'll be adding to this list in the near future. Inside each ‘Endorsement Post', you'll find an overview of the product, a section on “why we love it” and any additional or bonus content we've done that relates. Sure, we do affiliate marketing… but we don't want to just throw links in your face. By providing you with lots of content, we hope you'll have a better understanding of why we've choose to partner with any given product, course, etc.

We hope you enjoy!

The site isn't what I would call “done” at this point, but it was “done enough” to get it out there and start being useful. Over time we'll be adding plenty of more content, as well as going back and making sure we have all the old content categorized properly (this is still a work in progress).

I'm sure you don't spend a ton of time on our website, but now when you do I hope it's more enjoyable.

Cheers!

Share this article!

Kyle Van Deusen

The Admin Bar

Born in California and raised in Texas, Kyle is a husband and proud father of three. After spending 15 years as a graphic designer and earning a business degree, he launched OGAL Web Design in 2017, The Admin Bar community with Matt Sebert in 2018, and Docket WP with Andre Gagnon in 2020.

Come Join Us!

Join the #1 WordPress Community and dive into conversations covering every aspect of running an agency!

Kyle Van Deusen

Community Manager

The Friday Chaser

Wash down the week with the best of The Admin Bar! News, tips, and the best conversations delivered straight to your inbox every Friday!

Latest Events

September 16th, 2022

Kevin Powell Talks WordPress!

What we can learn from a master front end developer

August 19th, 2022

Optimizing Live with Perfmatters

Get a behind-the-scenes look at how Brian uses Perfmatters on live websites!

July 8th, 2022

New TAB Site Teardown

How any why I rebuilt The Admin Bar website with GenerateBlocks (Featuring Dave Foy)

More Articles

Login Credentials Blog Post

How to Share Login Credentials with Your Clients

You have probably heard about the importance of password management, but did you know that you can easily help your clients protect their passwords as well?

A computer taking money from a human

Step-By-Step Web Design Sales Process (with email templates)

The objective of this process is to qualify a new lead and take them from opportunity to paid discovery, to open project.

A crash test dummy sitting at a computer with his hands on the keyboard

Free Website Testing Tools for Web Developers

A collection of tools to help you test your website projects and find ways to improve your build quality.