Changes you can make to improve your website before redoing it all
Quick Wins
- Fix your nav bar – desktop AND mobile
Spend 3 days talking about this. Make it as clear and as simple as possible. Try to have no more than 4 items, and one clear button. You might find this bleeds into restructuring your site pages. This is a good thing.
- Say less!
Users attention spans are short, you only have the first couple of blocks before they’re off and done. Cut your copy, then cut it again. Make it skim-able, like a billboard. Make it extremely clear the problem you are solving, and how
Put your site into your favorite ai, tell it to pretend to be your buyer persona (age, knowledge, economic status, etc) and ask it to analyze what you do. Prompt it with thoughts like “what question do you still have about our offering,” “is the problem we’re solving clear to you?,” “What information do you still need to take the next step?”
- Add EXTREMELY clear CTAs
Add buttons up high on the page, and add buttons frequently.
User should know what will happen when they click the button. “learn more” is too vague for me to want to click. “schedule a tour” tells me exactly what will happen next.
- Better photography
Its a worthwhile investment. Pay the photographer, not your cousin’s neighbors daughter. Pics of your users, pics of your product, or even pics of your office and team. Second option, have a designer select your stock photos. There are so many good stock photos available, but even more terrible ones.
Bigger Bang?
- Tracking
We love strategically informed designs. Set up Hot Jar tracking to see what blocks are getting hovers, clicks, or being skipped entirely.
- Build stronger visual hierarchy
Good typography is powerful. Clear short headlines (H1s), 1-2 lines of subtitle, and short body copy.
- Use fresh color to guide the eye
Color is easy to mess up. You need high contrast, but readable. Colors that feel familiar but not overly dated. On brand, but stands out from your competitors.
QUICK TOOL TIP: Coolers.co is a fav tool for building cohesive color palettes
- Create dynamic blocks that feel help you feel relevant
Once you have all this in place, your designer and your developers should work together to be sure the site feels like living experience. Start as simple as loading in animations, and look for amazing examples of whole block movement. Sites like awwwwards, dribbble, and webflow templates can offer great inspiration for trending site movement concepts.
