Choosing a design based on where the navigation text falls
I guide people through the overwhelm of decisions and designs when they are creating a website from scratch.
Choosing a design based on two preferences
When you get started with Squarespace, you are faced with a design decision before you even provide a domain name or a credit card number. You will be asked to choose a design template. Templates have all the styles for text, buttons, headings, images, and pages already created in a way that the components look good together. As I browsed through many templates in doing work for clients, I started to realize that there was a pattern in the designs that could help me narrow down template choices for my clients. Whenever I start working with a client, I ask the client to make one or two decisions to narrow down the design choices.
The first decision is the width of the banner image
The first decision I ask clients to make when choosing a template is to decide how wide they want the image on the first page visitors see. They can either choose a large image that goes the full width of the page or choose a narrower image with some "breathing room" on either side. I described and showed examples of both choices in another blog post, "The one trick to starting a Squarespace website."
The next decision for the widest banner images
If clients prefer a wide edge-to-edge image, there's a second decision I ask them to make. Do they want the navigation text to appear above the image or within the image? Making that second decision narrows down design template choices to just a few. Here are a few examples of both types of navigation text placement.
You can browse through Squarespace templates before you start working on a website to get a sense of what your preferences are. For my clients who have preferred a wide edge-to-edge image on their first page, they have also had a preference about whether they liked the navigation text within the image or outside of it.
Adding links to your website gives people a convenient way to learn more about a subject that interests them. Links can be built into text, buttons, or images. Learn more about the guidelines I go by when deciding which type of link to use.
Whether your website is new or has been around a while, decluttering the content to encourage visitors to browse is always a good idea.
Whether you design your website on Squarespace or some other platform, you’ll be making color choices that are unified and compatible across your website, from the text to the buttons to the colors in the images. Designers call these color choices a color palette. Here’s how I simplify color selections for my clients.
Like the receptionist and reception area in an office, the Home page is the greeting area that needs to contain enough cues to reassure visitors that they're in the right place and give them guidance about how to find what they need and what to do now that they're there.
Squarespace assigns every new website a built-in domain, a Site ID, that ends with “squarespace.com.” I recommend changing the random ID Squarespace assigns to be something you’ll remember.
To stretch and expand the background image to the top of your website, change the site header color style to Adaptive. The site header then becomes transparent so the background image shows behind the navigation text.
Understanding in advance how your website will support your business will inform your website's design and content.
The aspect ratio of an image is its width relative to its height. Understanding aspect ratio helps you design your pages with images that look attractive and well-matched. Aspect ratio choices can also help with planning and choosing images you’d like to use on your website.
As a Squarespace Circle Member, I bring lots of benefits to my clients’ projects through the supportive professional community I belong to. As my client, you also get direct benefits I pass on to you, like an extended 6-month trial period and 20% off your first annual purchase.
Being able to preview your website live without logging out of Squarespace is a convenience for testing and proofreading before you launch.
Squarespace and Square are two different companies. They both support online stores, so it can be confusing when you are doing research about getting your business online. Squarespace is my favorite website builder, so this blog post will explain how it’s different from the company called Square.
A footer is the last section of information at the bottom of a website page. Use this valuable area to show contact information, add links to website pages, and ask visitors to take action on their way to becoming loyal customers.
Here are my 10 favorite text tips to help you create a modern and professional-looking website on Squarespace or any other website platform.
One of the first decisions you'll make with a new website is the choice of typefaces, especially those used as display accents throughout your site, such as the Site Title and Headings. Your website probably includes typefaces that suit the design template you chose, but if you would prefer another typeface, there are many to choose from.
Spacers are invisible design elements that add blank space to any part of a website page. I call them a website super power because they are incredibly useful for adding space around elements on a page.
As I worked with clients, I noticed there were six words that came up in questions to me during our consultations: domain, web host, website, page, SEO, and navigation. Becoming familiar with these website components and how they work together helps you manage and maintain a healthy website for your business.
Two kinds of forms are common on websites: a Contact form and an Email signup form. Each form has its own purpose. To plan which forms will go on your website, it’s helpful to understand how each form is used as an interactive tool for collecting information from your website visitors.
Kerry A. Thompson
You don’t need a big agency to get your website done. You just need the one right person. I offer Squarespace website design and content development services for creatives, coaches, and healers. Learn more in a free 30-minute consultation.