Google Sites Layout Guide
How we design professional-looking Google Sites powered websites with overall great page experiences.
Here are the main elements that should appear on a Google Sites home page so that users can quickly find what they are looking for:
❶ Logo in the top left-hand corner (links to the site's homepage).
❷ Horizontal navigation (Limited to 6-8 top-level links).
❸ Main page title and the most important or informative content.
❹ Call-to-action buttons that link to web forms such as "get a quote" or "contact us."
❺ Secondary content to help further inform the user.
❻ Photos or icons with links to additional content pages.
❼ Footer area that contains the key page links, as well as a summary of contact information.
❽ Adaptive single-column display to optimize the user's experience on mobile phones.
Simple & Clean:
The KISS (Keep It Simple & Straightforward) principle states that most systems work best if they are kept simple rather than made complicated; therefore, simplicity should be a key goal in design, and unnecessary complexity should be avoided. We take this same approach to designing websites.
A clean and straightforward design is easier to navigate and understand, and it helps to keep the website fast-loading and responsive.
Design Grids:
Using the Google Sites grid system also helps create a consistent layout for your site and ensures that all elements are aligned and balanced.
Colors:
Choosing a color scheme is another important aspect of Google Sites design. A well-chosen color palette can create a cohesive and visually appealing design. It's best to stick to a few colors and use them consistently throughout the site.
Images:
Additionally, using high-quality images can help enhance your website's visual appeal. Just be sure to optimize them for web use to ensure that your site loads quickly.
Text & Fonts:
When it comes to text, choosing a font that is easy to read is important. Using plenty of whitespace around text can also make it easier to read.
Focus on Users:
Ultimately, the key to building Google Sites is to test and iterate regularly. By gathering feedback and data, you can make changes to improve the user experience over time. By following these rules, you can create a Google Sites website that looks great and works well for your users.