Skip to main content
Web Design

User Experience on a Budget: UX Improvements That Don't Require a Redesign

September 25, 20269 min readBy Crystal Reyes
Hand-drawn line art of a wrench adjusting small website components like knobs and dials, with a coin showing the low cost, green and gold pencil hatching

A full website redesign can cost thousands of dollars and take months to complete. Sometimes that's exactly what you need. But sometimes it's not.

Sometimes your website doesn't need to be torn down and rebuilt. It needs five to ten specific improvements in the right places. The kind of changes that cost little (or nothing), take days instead of months, and make a measurable difference in how people experience your site.

This guide is for organizations that aren't ready for a redesign but know their site could work harder. Every improvement here is practical, affordable, and something you can start on this week.

Navigation Fixes

Your navigation is how people find things. If it's cluttered, confusing, or missing key items, nothing else on your site matters because nobody can get to it.

Reduce your menu to 5 to 7 top-level items

This is the most impactful navigation change you can make. Research consistently shows that people scan menus, and too many options causes decision paralysis. Look at your main menu right now. If it has more than seven top-level items, something needs to move to a submenu or get cut entirely.

Audit your menu by checking analytics for each page linked in your navigation. If a page gets fewer than 1% of your total visits, it probably doesn't need a top-level menu spot. Move it to a submenu, your footer, or a "Resources" section.

Make your primary action visible on every page

What's the most important thing you want a visitor to do? Donate? Contact you? Submit a request? Whatever it is, that action should be visible in your navigation on every page. A contrasting button in the top-right corner of your header is the convention, and conventions exist because they work.

Don't make people hunt for your donate button. Don't bury your contact link three levels deep. If it's important, it should be one click away from anywhere on your site.

Add a search function

If your site has more than 20 pages, add search. People who use search are showing high intent. They know what they want. Make it easy for them to find it. Most CMS platforms have search built in or available as a free plugin.

Add breadcrumbs on deep pages

If someone lands on a page three levels deep from a Google search, they need to know where they are. Breadcrumbs (those "Home > Programs > Youth Services" links near the top of a page) provide context and let people navigate upward without hitting the back button.

Content Improvements

The words and images on your page determine whether people stay or leave. These fixes improve readability and scannability without rewriting everything.

Put your most important information above the fold

"Above the fold" means the content visible before scrolling. On your homepage, that's your headline, your value proposition, and your primary call to action. On your donation page, that's the giving form or a direct link to it.

Check your highest-traffic pages. What do people see before they scroll? If it's a giant stock photo with no text, a vague tagline, or a rotating carousel that says nothing specific, you're wasting your most valuable real estate.

Break up walls of text

Long, unbroken paragraphs are hard to read on screens, especially phones. If any paragraph on your site is longer than four sentences, break it up. Add a subheading every two to three paragraphs so scanners can find what they need.

Most people don't read web pages top to bottom. They scan headings, bold text, and bullet points looking for the information they came for. Structure your content for scanning, not for reading aloud.

Replace stock photos with real ones

People can spot stock photography instantly, and it undermines trust. A photo of your actual building, your actual team, or your actual community is worth ten polished stock images. You don't need a professional photographer. A smartphone photo with good natural lighting is better than a stock photo of strangers shaking hands in a conference room.

Speed Improvements

Page speed affects everything: bounce rates, search rankings, donation conversions, and visitor satisfaction. The good news is that the biggest speed wins are often the cheapest to implement. A slow website costs you real money, so these fixes pay for themselves.

Compress your images

This is the single biggest speed win for most websites. Unoptimized images are responsible for more slow websites than any other factor.

Check your image file sizes. If any image on your site is larger than 200 KB, it needs to be compressed. Tools like TinyPNG, Squoosh (from Google), and ShortPixel can reduce image file sizes by 60% to 80% with no visible quality loss. Convert images to modern formats like WebP where your platform supports it.

A page with four uncompressed 3 MB photos takes 12 MB to load. Compress and resize those same photos and you're looking at 400 KB total. That's the difference between a five-second load and a one-second load.

Remove unused plugins and scripts

Every plugin, widget, and third-party script on your site adds weight. That social media widget nobody uses? The analytics tool you set up and forgot about? The popup plugin from a campaign two years ago? Each one loads JavaScript and CSS that slow your pages down.

Audit your plugins and scripts. If you don't know what something does or when you last needed it, remove it. You can always add it back.

Enable browser caching

Browser caching tells returning visitors' browsers to store certain files locally so they don't need to download them again. This makes second visits dramatically faster. Most hosting platforms let you enable caching through a settings panel or a plugin. It's usually a one-time configuration that takes 15 minutes.

Mobile Fixes

More than half your visitors are on phones. These fixes specifically target the mobile experience. For a deeper look at optimizing speed on mobile, check our website speed optimization guide.

Increase tap target sizes

Buttons and links on mobile need to be at least 44 by 44 pixels. That's roughly the size of a fingertip. If your visitors have to zoom in or carefully aim their thumb to tap a link, the target is too small. This is also a WCAG accessibility requirement, so fixing it improves accessibility and mobile usability at the same time.

Eliminate horizontal scrolling

If your site scrolls sideways on a phone, something is broken. This is usually caused by images that are wider than the screen, tables that aren't responsive, or fixed-width elements that don't adapt. Open your site on a phone and scroll in every direction. Horizontal scrolling should never happen.

Make phone numbers tappable

If your phone number appears on your site as plain text, mobile visitors have to memorize it, switch to their phone app, and type it in. Wrap phone numbers in a `tel:` link so people can tap to call. This takes 30 seconds per phone number and dramatically improves the mobile experience for anyone trying to reach you.

Test your forms on a phone

Pull out your phone and fill out your own contact form. Is the keyboard type correct for each field (email keyboard for email fields, number keyboard for phone fields)? Do the fields resize properly? Can you see what you're typing? Can you submit without issues?

Forms that work on desktop and break on mobile are one of the most common conversion killers. If you have a donation form or contact form, test it on at least two different phones.

Accessibility Quick Wins

Accessibility improvements help people with disabilities. They also improve the experience for everyone else. Better contrast helps people reading in sunlight. Labeled form fields help people using autofill. Keyboard navigation helps power users. These are improvements with no downside.

Add alt text to every image

Screen readers describe images to blind and low-vision users using alt text. If your images don't have alt text, screen reader users get nothing, or worse, they hear the file name ("IMG_4392.jpg"). Write descriptive alt text that conveys the purpose of each image. For a detailed guide on writing effective alt text, see our complete guide.

Increase color contrast

If you have light gray text on a white background, some of your visitors can't read it. Use a free tool like the WebAIM Contrast Checker to test your text colors against their backgrounds. Body text should have a contrast ratio of at least 4.5:1. Headings and large text need at least 3:1.

Add visible focus indicators

When someone navigates your site with a keyboard (by pressing Tab), there should be a visible outline showing which element is currently focused. If your site removes these outlines with CSS, keyboard users are navigating blind. Add `:focus-visible` styles to your buttons, links, and form fields.

Label your form fields

Every form input needs a visible label that's programmatically associated with the field. Placeholder text inside the field doesn't count. It disappears when someone starts typing, and screen readers don't always read it. Proper labels help everyone: screen reader users, people with cognitive disabilities, and anyone who stepped away from a half-filled form and forgot which field is which.

Trust Improvements

Trust is fragile online. Small signals add up. These fixes are about removing the things that make people question whether your organization is legitimate and active.

Update your copyright year

If your footer says "Copyright 2019," visitors assume the site (and possibly the organization) has been abandoned. Update it to the current year. Better yet, set it to update automatically so you never have to think about it again.

Fix broken links

Broken links make your site look neglected. Use a free tool like Broken Link Checker or Dead Link Checker to scan your entire site. Fix or remove every broken link you find. Pay special attention to your navigation and your most-visited pages.

Add staff photos and a physical address

People trust organizations that show real humans and a real location. Add photos of your team (even just leadership) to your About page. Display your physical address in your footer. If you're a virtual organization, say so clearly. Transparency builds trust. Anonymity erodes it.

Get your SSL certificate in place

If your site URL starts with "http://" instead of "https://," modern browsers are warning visitors that your site is "Not Secure." This is especially damaging for donation pages. Most hosts offer free SSL through Let's Encrypt. There's no reason not to have it. For a full explanation, see our SSL certificate guide.

How to Prioritize

You can't fix everything at once, and you shouldn't try. Here's how to decide what to do first.

Step 1: Check your analytics. Find your five most-visited pages. These are where improvements will have the biggest impact.

Step 2: Do the quick wins first. Compressing images, adding alt text, fixing broken links, and updating your copyright year can all be done in an afternoon. Start there.

Step 3: Fix your conversion pages. Your donation page and your contact page are where action happens. Improvements here directly affect your bottom line.

Step 4: One improvement per week. This pace is sustainable for any organization, even with no dedicated web person. One fix per week adds up to 52 improvements in a year. That's transformative.

If you work through this list and still feel like your site isn't performing, it might be time for a full redesign. But don't start there. Start with the targeted fixes. You'll be surprised how much they move the needle.

And if you want a structured approach, our website redesign checklist can help you evaluate whether a full rebuild is actually what you need, or whether focused improvements will get you where you want to go.

Enjoying this article?

Get more like it delivered to your inbox. Practical web tips for nonprofits, churches, and community organizations.

Unsubscribe at any time. We value your privacy.

Continue Reading