Take Your Website To The Next Level with Jenna Miller
Jenna has been working with Here Comes The Guide for about ten years, and recently started her own branding and web design company, Absolute Jem. We talked about the best practices to level up your website, optimizing your website for mobile users, what you should be doing with your images, navigation, website functionality, contact forms, calls to action, and so much more! Let's dive right in.
Hey Jenna - I'm so glad you're here! Can you give yourself a little intro?
Absolutely! I work at Here Comes The Guide, which is a national wedding website, focused primarily on wedding venues, but we also have vendors, articles, and checklists, and all wedding planning things. I've been working there for the past ten years. About six or seven years ago, I moved from vendor sales into the Creative Director role. At the time, our website was blue and green and, I don't know, it just didn't give off our ideal client vibes or reflect where wedding trends were going. Unbeknownst to the staff, I decided to do sort of an undercover redesign of our website. This was back in the early days before I had a ton of experience - I designed it in Keynote. I presented it to our CEO, and she ended up loving it. She gave me the green light to go ahead and start implementing the design. At that point, I decided to go full force into my design hobby and really make it legit, and I've been designing ever since! I am still with HCTG, but I also recently started a branding and redesign side hustle called Absolute Jem, which started in February.
I would love to start with whatever your number one tip is for leveling up your website. What would that be?
I think one of the most important things to understand is that you have mere seconds to communicate with users who land on your website. If they don't get who you are, what you do, who you serve, and where you're located in 1-3 seconds, they're going to bounce off your site. If they don't immediately see an incredible visual first impression, they're going to bounce off your site. That very first glance of your site - your photos, your brand statement, the overall look and feel - is crucial to hook in those users, and to convert them into inquiries and bookings.
There's something in website design that we refer to as "above the fold." It's actually an old school newspaper term, and it refers to the headlines and stories and photos that you would see on a newspaper when it was folded in half. In website lingo, it refers to that first snapshot of content that you see filling your device's screen without having to scroll. That is the prime real estate on your website - what will hook a user in, or make them likely to bounce off.
I know that most people are designing websites for desktop, but an overwhelming amount of traffic is now coming from mobile devices. How can we best prepare our websites for mobile users?
The ratio of desktop to mobile users has officially crossed the threshold. Mobile users make up over half of all website visits. Even Google is now prioritizing mobile sites when ranking, and they use a mobile-first kind of rule. If you don't have a mobile-optimized site, there's a chance Google won't even rank you.
I get it - I have this huge iMac that I love, but most people aren't doing that. Of course your website needs to look amazing on desktop, but it needs to be equally amazing on mobile. And it needs to be equally easy to use and navigate through. Any buttons or forms need to be able to be pressed with a thumb. Even your fonts need to be large enough on mobile devices - don't go any smaller than 14 or 16 points for your body copy. It is unbelievably important now to prioritize your mobile site.
Can you talk about the ideal way to optimize images, and if there's a difference in the way you do that for desktop versus mobile users?
First, when we talk about photos and videos, I can't overstate the importance of high quality imagery, especially for the wedding industry. We need to have unbelievable, high quality, beautiful, modern, clear imagery on our sites. The thing about those photos is that it's the number one piece of the puzzle that can slow down your website. Site speed is a huge ranking factor for Google. You have to optimize those images! And what I mean by that is you need to resize them and compress the file size down.
I recommend images be no larger than 1500 - 2500 pixels on the longest side. Maybe if it's a huge splash image that fills the whole screen you can go up to 3500, but those should be used few and far between. If you have Photoshop, great, but you can also use a free website like tinyPNG.com. You can only load about 20 photos at time, so if you have a big portfolio you might not want to go that route. There's another website called JPEGmini.com. It is a paid site, but both do an incredible job at compressing the file size down after you have resized them, and the quality isn't compromised. They still look crisp and beautiful, but it's going to make a huge difference in your site speed.
When it comes to desktop vs. mobile, just make sure you're double checking the scaling of your images on your mobile device. Make sure things aren't getting cut off in a weird way and that the galleries scroll. I design desktop first, and then use my desktop design - which is my ideal design - and I reformat it for mobile.
I would love to dive into the functionality of a website. What's the best way for someone to get their consumer to bounce around and see everything they have to offer?
So I think there's a few different ways. One is the navigation of your site. Another is your calls to action. And then making sure you don't have any dead ends on y