Website Layout Ideas

December 11, 2016

CloudLife

^

^

^

website layout

Make it easy to navigate.  Think of your business website as an extension of how your business works at a local level. If you do quality work and your a dependable business, show that through your website. Here are some quick website layout ideas when considering how you want your small business website to look. As you view each one, take in consideration what you are selling. Do you provide services like plumbing or construction? Are you a non for profit looking for donations? All of these things matter when trying to find a way to build a website that interacts with your customers. Make it easy for them to navigate the website and/or call you.

Tom Early

About the Author: Born and Raised in San Antonio, Texas. Loves art, nature and Data-centers.

Click on a picture to see more layout ideas

landscaping website doctors website
Pest Control website service website
Landscaping Website layout Ideas

A website designer company went out of business and I picked up some of its customers. Immediately I checked out how the website functioned on different platforms. While the website did change views depending on what device you saw it on, the old version had multiple web-pages with the same content copied and pasted over and over. I would consider that a big no-no. You don't want to Spam your website with keywords, Google and other search engines frown upon that tactic. That being said, a with a lack of content, i had to improvise.

The front page was left untouched, for the most part. However, I did change the way the phone version looked. Instead of the same front page with a hovering menu, i added a big button that people can press to send the user to their call screen with the companies number already copied over.

Desktop Version Phone Version
landscaping website
landscaping website phone version
Tablet Version

The tablet, and even the phone version, have big blue buttons over pictures, instead of above or below. This gives users less to scroll through to find the services they are interested in.

landscaping website
Pest Control Website layout Ideas

This website was designed to fit around the company. A local beekeeper who saves honey bees from properties and brings them back to his ranch.  The front page caters towards two people, the ones who want bees removed, and the ones that want to buy honey bee hives. I want this be a reflection of the services and company, and to feel as natural as possible.

Desktop Version: Landing Page
pest control website
Phone Version: Landing Page

The owner of the beekeeping website takes job calls from his cell phone, so i added three buttons so customer can quickly get in contact. The major difference here, is that the phone version of the front page layout has the full menu available right away.

pest control website
Desktop Version: Main Page

If the customer wants to explore, then the main page gives options to check out videos, news, and learn more about the company

pest control website
Desktop Version: Services

Following the same color themes, here is a look at one of the services. Notice the contact form on the page to make things easy.

pest control website
Non Profit Website layout Ideas

The key thing here, is that you have a page dedicated to donations and what the donations are going towards. This uses WordPress so as it scales down to the phone version it doesn't have call, text, or email buttons

Desktop Version: Front Page
nonprofit website

Content, lots and lots of content. If you're looking to be engaged and passionate about what you do, show it. Your front page will give up-to-date news and articles, and have some buttons on how to interact with the website.

nonprofit website

At the end of the page, also know as a footer, have some statements about what your organization is about, put another donation button, and some contact information.

nonprofit website
Desktop Version: Resource Page
nonprofit website
Phone Versions

I know these images are kind of long, but i wanted to layout how the content flows when viewing it on a mobile phone.

Front Page Resources Page
nonprofit website
nonprofit website
General Services Website layout Ideas

Now if you are a less then 5-person operation, chances are you wont have a lot of time to fill your website with content. You will suffer when it comes to search engine results, but at least you can make your website easy to use. Bonus: because i have access to the server this website is hosted on, i installed WordPress to hold a calender so the public can book appointments.

Desktop Version: Front Page
services webstie
Desktop Version: Schedule Appointments

This Plug-in is called Pinpoint Booking System, and it works with Wordpress. The free version is worth checking out as a lot of the features are free right off the bat. Otherwise you can spend $50.00 for a license.

services webstie
Phone Versions

The Front page turns into big buttons and the appointment scheduler stream-lines down to make it easy.

Front Page Appointments
services webstie
services webstie

Stay tuned for more layouts and other designs. Follow us on social media!

Copyright 2017 © CloudLife. All rights reserved.

website layout
Website Layout Ideas
landscaping website Pest Control website
Landscaping Website layout Ideas Desktop Version
landscaping website
Phone Version Tablet Version
landscaping website
Pest Control Website layout Ideas Desktop Version: Landing Page
pest control website
Phone Version: Landing Page
pest control website
Desktop Version: Main Page
pest control website
Desktop Version: Services
pest control website
Non Profit Website layout Ideas
Desktop Version: Front Page
nonprofit website
nonprofit website
nonprofit website
Desktop Version: Resource Page
nonprofit website
Phone Versions
Front Page Resources Page
General Services Website layout Ideas
Desktop Version: Front Page
services webstie
Desktop Version: Schedule Appointments
services webstie
Phone Versions Front Page Appointments
Website Layout Ideas
website layout
landscaping website Pest Control website doctors website service website
Landscaping Website layout Ideas
Desktop Version
landscaping website
Phone Version Tablet Version
landscaping website
Pest Control Website layout Ideas Desktop Version: Landing Page
pest control website
Phone Version: Landing Page
pest control website
Desktop Version: Main Page
pest control website
Desktop Version: Services
pest control website
Non Profit Website layout Ideas
Desktop Version: Front Page
nonprofit website
nonprofit website
nonprofit website
Desktop Version: Resource Page
nonprofit website
Phone Versions Front Page
nonprofit website
Resources Page
nonprofit website
General Services Website layout Ideas
Desktop Version: Front Page
services webstie
Desktop Version: Schedule Appointments
services webstie
Phone Versions Front Page
services webstie
Appointments
services webstie