Squarespace Inc.

08/08/2024 | Press release | Distributed by Public on 08/08/2024 07:47

6 Web Design Tips from a Squarespace Designer

1. Pick visuals with context and purpose in mind

When choosing visuals for your website, try to stick to images or designs that reflect the energy of your brand or mission in their type, color palettes, or subject matter.

Next, consider the function and placement of your visuals. This will give you an idea of how many you need and where to place them. Is the primary goal for a visual to:

  • Convey some information

  • Add context to your copy

  • Evoke an emotion

  • Be decorative

  • Some combination of the above

If you're stuck, consider the function of the images. "For example, hero images need to be attention-grabbing, offer space for legible text placement, and effectively set the tonal expectations for the rest of your site," says Wilson.

Remember, the quality of the images you choose matters too. "If you don't have the best visuals to show, or are too busy to get something high-quality, consider making them smaller," Wilson says. "We'd also recommend avoiding a full-width display for lower-quality assets."

Get more tips for adding photos to your website

2. Keep copy clear and brief

"There is an old Nielsen Norman group study that suggests that, on average, users read about 20% of the words on a web page," Wilson says. "Long-form text, with the exception of editorial experiences, can be overwhelming to create and digest.

In short, when it comes to the amount of words on screen: less is actually more."

Use these general guidelines as a checklist when looking over the copy you write.

  • Consider your audience

  • Reduce redundancy

  • Use clear language

  • Make it scannable

When creating calls to action (CTAs), like buttons or text asking someone to get in touch, read on, or buy something, make it clear where a click will be taking them. CTAs are short-often 20 characters or less-and encourage action, like "Buy Now".

Know that there's no rule that applies to every single website. How many words does it take to get your point across in your tone of voice?

When in doubt, look at websites similar to yours. Notice where the copy is longer and shorter. Do you find yourself scanning or tuning out at any point? The copy on a homepage is probably 200 words or fewer, for example. But the "About Us" page might be closer to 500 words.

Learn how to use Squarespace AI for copy support