Sortis_Logo_with_Sales_new_2024_WHITE

Where Everything Comes Together

Website Design: The Good, the Bad and the Unresponsive

ELEMENTS TO INCORPORATE AND THOSE TO LEAVE OUT OF YOUR NEXT WEBSITE DESIGN.

There are an overwhelming variety of website design features and functions to choose from these days – but don’t be taken in by all the fancy bells and whistles. They have the power to turn well-meaning websites into frustrating, user-UNfriendly monsters if not used effectively. We’re highlighting good and bad web design practices when it comes to mobile, layout, color, motion, funneling, and copy.

MOBILE

  • GOOD: Mobile comes first

Today’s design recommendations include starting with a mobile layout, then moving onto a desktop look. Keep things linear and stackable, and program your website to be truly responsive in its ability to resize for every device.

  • BAD: Separate mobile & desktop sites

When you use user-agent detection to show different versions of your website to mobile and desktop users, you’ll have to manage two versions of every page. It’s possible to streamline the process, but code issues often arise.

LAYOUT

  • GOOD: Clean & minimal  

Users are savvy these days, but they’re also impatient. Give them what they need and leave clutter out of the picture. Use simple, bold images and text.

  • BAD: Sensory overload

Websites with images, text, gradients in varied styles, and too many animations all shoved in a small space will confuse, distract, and infuriate users.

COLOR

  • GOOD: Vibrant meets white

2020 saw an uptick in the use of vibrant, bold colors juxtaposed with clean, bright white. Contrast is a beautiful and effective way to direct the eye to important information.

  • BAD: Monochromatic colors

While we love colors that match, a fully monochromatic color scheme makes it hard for users to know where to focus.

MOTION

  • GOOD: For the function

Try incorporating a horizontal menu that expands from one side of the screen, and dropdowns with elements that rotate to convey when they’re open and closed. Motion is the best when it helps explain how a feature works.

  • BAD: Busy and chaotic

Avoid counterintuitive motions like adding hover changes to pieces that aren’t clickable. Animation of characters and text can be a great addition when used in moderation, but don’t go overboard.

FUNNELING

  • GOOD: Stress-based funnels

Create a clear path for users to follow when they land on your site. What stressors do they have? How can you alleviate the stress? Create visuals and copy that offer clear answers and next steps.

  • BAD: No funnels

Website designs without funnels don’t allow users to quickly and easily find information that can help them solve a particular need or problem they are facing.

COPY

  • GOOD: Smart, snappy, & personable

We’d argue that good copy has everything to do with design. A conversational tone personifies your brand and gives users a warm welcome to your website.

  • BAD: Overly technical & sales-y

Today, average users are inundated with hundreds of messages each day. Leave out technical jargon when possible and avoid overused sales-speak.

Want to learn more about website design strategy? for website design advice or to discuss your marketing needs with our savvy digital marketing team. We’ve been building beautiful, user-friendly websites since 1995.

Need Help? If so, complete the form below and we'll get right back to you...