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

Kyle Van Deusen

Kyle Van Deusen

The Admin Bar

After spending 15 years as a graphic designer and earning a business degree, I launched my agency, OGAL Web Design, in 2017. A year later, after finding the amazing community around WordPress, I co-found The Admin Bar, which has grown to become the #1 community for WordPress professionals. I'm a husband and proud father of three, and a resident of the Commonwealth of Virginia.

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

Kyle Van Deusen

The Admin Bar

After spending 15 years as a graphic designer and earning a business degree, I launched my agency, OGAL Web Design, in 2017. A year later, after finding the amazing community around WordPress, I co-found The Admin Bar, which has grown to become the #1 community for WordPress professionals. I'm a husband and proud father of three, and a resident of the Commonwealth of Virginia.

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

August 30th, 2024

Vitality – Part 4: Cumulative Layout Shift (CLS)

Join us for a deep dive into Cumulative Layout Shift (CLS) and learn practical strategies to improve your website's visual stability and user experience.

August 2nd, 2024

Vitality – Part 3: First Contentful Paint (FCP)

As we continue to decode the Core Web Vitals, our focus shifts to a metric essential for capturing user attention — First Contentful Paint (FCP)

More Articles

Vitality Lcp 2

How to Fix Interaction to Next Paint (INP) and Total Blocking Time (TBT) Issues

Learn how to improve INP and TBT to boost your website’s speed with practical tips and strategies.

The White Speech Bubble Shaped Post It Note On Green Background

The Web Designer’s Guide to Brand Messaging and How to Craft Your Own

Learn the fundamentals of brand messaging and how to craft your own unique messaging framework that connects with your audience and reflects your brand.

Depositphotos 182960574 L

Privacy Regulations: How to protect your agency when building websites for clients

Protect your web agency from privacy regulation risks with practical tips on client education, legal documentation, and compliance strategies.