Sign In Start Free Trial
Account

Add to playlist

Create a Playlist

Modal Close icon
You need to login to use this feature.
  • Book Overview & Buying Building Business Websites with Squarespace 7
  • Table Of Contents Toc
  • Feedback & Rating feedback
Building Business Websites with Squarespace 7

Building Business Websites with Squarespace 7

4.1 (9)
close
close
Building Business Websites with Squarespace 7

Building Business Websites with Squarespace 7

4.1 (9)

Overview of this book

Squarespace is a web-based tool that allows non-technical people to create and manage professional-looking websites quickly, without needing to write any code. It empowers business owners to take total control of their own websites, without needing to pay someone to design or maintain it. This book covers much more than just how to use Squarespace. It covers all aspects of creating a successful business website, from developing your brand identity, to writing and structuring content to match your target audience's needs, and dozens of other other valuable tips that will help your website shine. Most importantly, you'll learn the correct steps to follow in order to ensure your project is smooth and stress-free. The book starts by helping you plan your website project and gather all the raw materials you'll need. Next, you'll set up your account and become familiar with the terminology and tools that you'll be using. Once you've learned the basics of how the Squarespace interface, templates, and different page types operate, you will create the framework of your website, ready for you to insert content and functionality. Then, once all the core elements are in place, you'll apply the aesthetic fine-tuning needed to bring your website in line with your brand. After the aesthetics have been honed and all functions tested, you will launch your website and drive traffic to it, monitor it, and improve it.
Table of Contents (21 chapters)
close
close
Title Page
Credits
About the Author
About the Reviewer
www.PacktPub.com
Customer Feedback
Preface
13
Squarespace Templates in a Nutshell
14
List of Online Resources Used in This Book

Creating a sitemap


Your sitemap lays out the structure of your website, acting as a blueprint for building. The sitemap is the foundation of your information architecture, which is a word to describe the way in which visitors move around your site. Good information architecture is essential to enable your target audience to take the desired actions on your site. If visitors can't easily find what they need, they will leave in an instant.

Even if you start out by writing things on paper, it's a good idea to make an electronic version of your sitemap, because you will be able to copy/paste page titles directly into Squarespace later.

Note

The card sorting technique can be a useful way to quickly map out your website structure. The following blog post explains the and how to use it: http://bit.ly/umh-pages-content

Some people like to use software such as Microsoft PowerPoint, Apple Keynote, or Google Drive Drawings to layout their sitemap in a flowchart (organizational chart) style. Others prefer to use a word processor and create the sitemap as a text outline. Whichever way you choose, remember the following tips.

Don't make your customers work hard

Remember your customers' primary and ensure that your site structure makes it easy for them to perform that action. Put yourself in their shoes and think about what they expect to see in your site, and where.

This is especially important if you are creating a website to replace an existing one. Don't just copy your existing site structure; take the time to revisit your site through the eyes of a customer.

Break it down

You may many or just a few pages for your website. Either way, it's worth remembering that not every page or link is created equal. You can use a footer or sidebar on your website to house links to the less important information, such as terms and conditions, newsletter signup, or delivery information.

If you have several key areas, you might want to break them down into subpages to keep each page short and sweet.

Keep it simple

Don't use jargon or uncommon words as labels for site pages or sections. A first-time customer won't know that The Scoop is your news page, KDD Lite is the internal name for one of your services, or Gimme Gimme Gimme is your online shop section. You less than 2 seconds to show your customers what they came for; don't make them have to think about what things mean.

Try to use common words such as Home, Shop, and Contact, because today's web users are accustomed to these labels. Unless your brand or product names are well known, consider using more general terms as labels for the pages or sections.

Even if one of your brand values is quirkiness or playfulness, you can convey this through your text, images, and visual elements-keep your navigation labels clear and concise.

Consider action words

One trend in website navigation is to action words. This can make your site feel more inclusive and dynamic, and encourage your visitors to perform certain tasks. If you do this, be careful to ensure that the words are still clear and concise. The following table shows some examples:

Passive words

Equivalent action words

Newsletter

Sign Up

Store

Go Shopping or Buy Now

Enquiry Form

Contact Us or Get In Touch

About Us

Meet the Team

Location

Find Us

Membership

Join Now

Include notes or wireframes

As you go along, include any to yourself that you need to remember, such as cross-linking pages between sections or links to external sites as Facebook.

You might find it easier to keep notes in separate schematic drawings for certain pages. If so, go ahead and make some page wireframes (sketches) in addition to your sitemap. Tools as https://moqups.com/,http://lumzy.com/, or Google Drive Drawings can create simple wireframes and are useful if you need to share your ideas or get approval from colleagues.

Once you have finished your sitemap and wireframes, have someone else look them over to sense-check. This could be a colleague or friend, ideally someone who fits your target audience.

Note

Avoid reinventing the wheel. Refer back to the websites in your idea boards when working on your own sitemap.

Create a Note

Modal Close icon
You need to login to use this feature.
notes
bookmark search playlist font-size

Change the font size

margin-width

Change margin width

day-mode

Change background colour

Close icon Search
Country selected

Close icon Your notes and bookmarks

Delete Bookmark

Modal Close icon
Are you sure you want to delete it?
Cancel
Yes, Delete

Delete Note

Modal Close icon
Are you sure you want to delete it?
Cancel
Yes, Delete

Edit Note

Modal Close icon
Write a note (max 255 characters)
Cancel
Update Note

Confirmation

Modal Close icon
claim successful

Buy this book with your credits?

Modal Close icon
Are you sure you want to buy this book with one of your credits?
Close
YES, BUY