10 website design do’s & don’ts

A well-designed website is a valuable investment that will generate revenue for your business—but 38% of people say they won’t explore a site if they find it unattractive. If your website hasn’t been updated in a while, your web design could unintentionally be hurting your business by turning people away at the door.

Related: 8 best practices of high-converting websites

If it’s time to refresh your website, we’ve put together a list of 10 design elements and coupled them with the do’s and don’ts of great web design. Follow these best practices as you update your site.

1. Target audience

  • Don’t ignore the users

Always keep your target audience in mind. Your point-of-view, as a professional, might be very different from that of the user. Pretend you’re visiting your website with fresh eyes. Walk through the user’s journey as they explore different pages. Focusing on this experience will help you create a user-friendly website.

  • Do optimize for search

Websites that don’t rank well on Google and other search engines have very little chance of breaking through the noise. As you update your website and add new pages, make sure you’re following the most recent SEO guidelines. Your page titles, meta descriptions, and content are all important players in driving better search signals.

2. Layout

  • Don’t create a cluttered layout

Have you seen websites that look like rows of boxes—all different sizes and arranged haphazardly? Would you spend more than two seconds sorting through it? Probably not. That’s because cluttered websites are visually confusing; the viewer doesn’t know where to direct their attention. A well-organized layout, on the other hand, guides the viewer where you want them to go.

  • Do create a focal point

So, where do you want your visitors to go? It depends on the purpose of your website. An e-commerce site will drive visitors to purchase, while a SaaS site might drive visitors towards a demo or a free trial. Whatever purpose your website serves, make it the focal point of your homepage.

3. Color scheme

  • Don’t use all the colors

Using too many colors will make your website design clash. Colors have strong psychological impact, and they will affect a viewer’s opinion of your brand. If you’re unsure how many colors to use, the rule of thumb says your design should not use more than three colors. If you’re working with a brand palette, you might be able to use more, as long as you balance them well.

  • Do use color combos that enhance your content

Your website’s colors should reflect the brand, complement the content, and visually delight viewers. [Click to tweet Tweet this  10 website design do’s & don’ts tweet graphic trans] Avoid selecting random colors just based on what you like. Instead, think about the brand and its users. If you have a primary color but don’t know how to make color schemes, you can use an automatic color scheme generator to help fill out your palette.

4. Text placement

  • Don’t fill the page with long paragraphs

Just like the layout, you don’t want the design to be cluttered with text. If you have long-form content on the website, create a clean, spacious design that divides the content into readable chunks. You can do that by adding ample white space, using images, and creating proper flow.

  • Do make it easily scannable

If your pages are easy to scan, you have a better chance of luring readers to the bottom. Attention spans are short online, but if you can make your content easy to absorb, readers will get more value from it. In addition to high-quality writing, use headings, bullets, quotes and blocks to emphasize the essentials.

5. Search & navigation

  • Don’t make it hard for users to find what they need

Everything on your website should be easily searchable. Whether it’s the sign-up form, the “About Us” page, or your contact information, readers should not have to spend more than a few seconds finding it. To make things even easier, include a search box so people can find things that don’t align with the page’s primary focus.

  • Do set up proper navigation

If your site requires users to sign up, use colors to make the navigation simple. For instance, if your navigation headers are blue, make your sign-up button green or some other color. Organize your content into categories that users can browse if they like. You can also organize content on various hub pages.

6. Fonts

  • Don’t use too many fonts

A website that uses five different fonts loses users in seconds because it takes too much effort to read. Too many fonts on the screen can make a website look chaotic and unprofessional. The ideal number of fonts is three: one for main headings, another for sub-headings, and the third for the body text.

  • Do select the right font sizes

Font size has a huge impact on legibility. It’s important that they’re neither too big (taking up half the page) nor too small (uncomfortable to read). The sizes of your fonts should reflect the importance of each element. For example, section titles and taglines are more significant than the body text, so they’re bigger. This helps readers scan the content, too.

7. Images

  • Don’t use too many images

Too many images will crowd out your message, so use them sparingly and impactfully. Remember, search engines can’t read images very well, so don’t rely on them to convey text. If you’re using a background image, keep it under 1 MB. Large images slow down your site’s loading time.

  • Do make it visually attractive

People think visually, which is why images are so effective. Feel free to use images in your web design, but find ones that are visually attractive, high resolution and not pixelated. Make sure the images you use reflect your brand’s personality. Don’t forget that you can also use textures and gradients to add visual appeal.

8. Mobile compatibility

  • Don’t forget to optimize for mobile

57% of mobile users won’t recommend a website that’s not optimized for mobile. More people are browsing and shopping on mobile devices, and they expect websites to provide great mobile experiences. Invest in responsive or mobile-first design so you don’t miss customers during crucial moments.

  • Do test for functionality

It’s not enough for your website to look good on mobile—it needs to be fully functional as well. Give your mobile users the tools to get things done, such as product search, store locators, service details, and more. If you can seize these opportunities, you won’t lose customers who are searching on the go.

9. Conventional vs. unique design

  • Don’t ignore the power of convention

People are used to certain structures and formats on the web. This familiarity makes it easier for the brain to absorb content and make decisions. Your visitors shouldn’t have to be detectives to figure out who you are and what you offer. The power of traditional web design is that users will understand what your website is about with a single glance.

  • Do be creative & unique

Still, you do want your brand to stand out from the crowd. Be creative, and use elements that make your site unique without disrupting the flow of information. Whether you experiment with moving images, video, or other design elements, try different things and monitor the results. You might be surprised what works.

10. Test it out

  • Don’t forget to take it for a test drive

Once you’re done designing the site, test it to make sure everything is working correctly. Use multiple devices to navigate your website and see if it’s doing what it’s supposed to do. A user’s experience can vary depending on device type, internet browser, and location. Try to recreate different scenarios so you can catch any bugs or performance issues before they do.

  • Do think like a CEO

A successful web designer needs to think like a CEO as well as an artist. This will help you view the website with business strategy in mind. Critical evaluation will give you a site that looks good, is user-friendly, and helps the business reach its goals.

Read More
CloudTimon April 23, 2019 0 Comments

Why i need website for my business in 2019

Why i need website for my business in 2019. There are so many reason your business needs website in 2019.

Now a days building a website or eCommerce store is easier than ever: It’s cheap, you don’t have to know how to code or design, more over your online store is not restricted to business hours, location or days, and it’s one of the best means of free advertising.

Having a small business website isn’t just about selling your goods and services — it’s also about providing something of value to potential customers. Here are ten reasons every business needs a website:

1. A professional website meets customer expectations.

Your customer needs branded company or store to fill his/her needs. If they want anything about product or services, they will look into Google or any other search engines. He/She wants to get educated through service provider or online store website. In an survey customers 6/10 ratio will look for brands online.

If you don’t have a business website, today’s digital-savvy (and impatient) customers may look elsewhere. Take a look at this list of specifics that customers say they want from a business website.

2. You can find existing and potential customers.

Most of the customers, 90% claim that online reviews, ratings or testimonials influence their buying decisionsYou could rely on Four Square, Just Dial, Sulekha, India Mart, Yelp, and other review sites to host reviews for your brand, but you can kill two birds with one stone on your own website.

Since potential buyers are already looking for you online, including customer testimonials on your site is a great way to impress potential buyers.

3. A website is more affordable than traditional advertising.

Many small businesses rely on Yellow Page ads and listings to get their name out there. No one is going to tell them to remove their listings, but is purchasing an ad in the ever-shrinking and increasingly expensive directory the best use of funds? Website costs are decreasing every year and have a wider reach.

3. You can control information and branding.

It’s true that you cannot control what others say about you on social media channels, but you can influence public perception by creating your own story via your business website.

A company blog helps business owners get their message, mission, and personality in front of their target audience faster than print ads or snail mail brochures.

Plus, social icons linking to Facebook, Twitter, Instagram, and other networking platforms make sharing your content easier for your visitors who like what they see.

4. No need of lot of money.

When you use a free website-building tool, like WordPress.com, you position your company to reach thousands more potential customers for less than you would spend mailing ten brochures by traditional mail.

5. You don’t need coding or technical skills.

Because WordPress — and a number of other website-building platforms — offer online tutorials and community-based support, almost anyone can get a basic website up and running in about thirty minutes.

6. Your competitors all have company websites.

Consumers typically start their buying journey with research and recommendations from peers and social network connections.

Studies show that once a consumer has an idea of what they need or want, they start researching, and 72 percent of them go online to find educational material, reviews, and testimonials, according to a recent report.

So if you’re not staying competitive with your competition, you’re giving shoppers a reason to buy from another brand.

7. Never put up the ‘closed for business’ sign again.

Nobody wants to work at 3 a.m., but some people like to shop then. Having a business website or eCommerce store means that you can sell products all the time — not simply between 9 a.m. and 5 p.m.

An online store can mean a dramatic boost in sales, especially when you factor in additional customers who are not restricted by geography. Your online presence also supports marketing campaigns, customer service, client relationship building, brand recognition, and almost every other element of the revenue stream.

Combining your website with marketing tools, like email marketing, helps you reach new customers and generate repeat business.

8. You’ll show up in Google search results.

Consider this: 81 percent of consumers perform online research before making a purchaseThat means they go to Google and type in one or more keywords, like “best leather shoes” or, if they know what they want, “handcrafted Italian leather women’s shoes in Los Angeles.”

If you don’t have a website for your business, the chances of showing up on the search engine results page (SERP) are zero. But if you have a site, you can optimize it for search engines, thereby increasing your chances of appearing at the top of Google’s results and getting more visibility with potential customers.

Long-tail keywords, meta descriptions, and titles are just some of the things you can customize on your site to improve your search engine optimization (SEO).

9. Create a resource center for your staff.

In addition to helping customers, your business website can also benefit your own employees.

Create an orphan page (one that is not visible anywhere on the site so it can’t be found unless someone is given the direct link) with self-service videos, instructional materials, or even internal forms to help your team learn everything they need to know on their own schedules.

10. Showcase your products and services.

Not only can you display your products or outline your services in detail with beautiful images, but you can provide short video tutorials or downloadable PDF instructions to give hesitant customers no reason to go elsewhere to purchase.

Need help setting up a website for your business?

If you haven’t created a website for your business, you can get set up with a web hosting service, like CreedHosting. CreedHosting offers 24/7 support from in-house experts, as well as guides, video tutorials, and more. Learn more about CreedHosting here.

Want to outsource your website management or looking for a professional website designer or web developer? Check out the list of our services along with reviews. 

Read More
CloudTimon April 3, 2019 0 Comments

How to Fix WordPress Posts Returning 404 Error

WordPress is a powerful CMS. Sometimes a slight tweak can make your website inaccessible. However, finding a solution for any WordPress problem is extremely easy (check out how to properly ask for WordPress support and get it). In the past we have covered some of the most common problems WordPress users face. Like the internal server error or error establishing database connection. Another common problem that most WordPress users face at some point is WordPress posts returning a 404 Error. In this article we will show you how to fix WordPress posts returning 404 error.

Usually in this scenario a user can access their WordPress admin area, their blog’s main page, but when accessing a single posts they get a 404 Not found error. First of all, don’t panic most of the time your posts are still there and completely safe. This usually happens if your .htaccess file got deleted or something went wrong with the rewrite rules. What you need to do is fix your permalinks settings.

If you don’t like the video or need more instructions, then continue reading.

Go to Settings » Permalinks, and simply click on Save Changes button.

Update permalink settings  How to Fix WordPress Posts Returning 404 Error updatepermalinks

This will update your permalinks settings and flush rewrite rules. In most cases this solution fixes the WordPress posts 404 error. However, if it does not work for you, then you probably need to update your .htaccess file manually.

Login to your server using FTP, and modify the .htaccess file which is located in the same location where folders like /wp-content/ and /wp-includes/ are located. The easiest thing you can do is to temporarily make the file writeable by changing the permissions to 666. Then repeat the original solution. Don’t forget to change the permissions back to 660. You can also manually add this code in your .htaccess file:

1
2
3
4
5
6
7
8
9
10
# BEGIN WordPress
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>
# END WordPress

Fix for Local Servers

Often designers and developers install WordPress on their computers using a local server for testing purposes. If you want to use pretty permalinks, then you need to enable the rewrite_module in the Apache configuration of your MAMP, WAMP, or XXAMP.

We have written a tutorial here on how to enable custom permalinks in WordPress local environment.

We hope this article helped you resolve posts returning 404 error in WordPress. Did this solution work for you? Do you have another solution that worked for you? Please share it in the comments below. We would like to make this article a comprehensive resource for users who run into this issue.

Read More
CloudTimon March 30, 2019 0 Comments

Hello world!

Welcome to WordPress. This is your first post. Edit or delete it, then start writing!

Read More
CloudTimon March 18, 2019 0 Comments

66 Sources of Content Inspiration

The time has finally come. You’ve poured your blood, sweat, and tears into your most recent content piece, and it’s ready to be packaged up and sent to the client to be pushed live. After a few final checks and only…

Read More
CloudTimon November 16, 2018 0 Comments

The New AdWords Experience

The time has finally come. You’ve poured your blood, sweat, and tears into your most recent content piece, and it’s ready to be packaged up and sent to the client to be pushed live. After a few final checks and only…

Read More
CloudTimon November 16, 2018 0 Comments

Is Bing Really Rendering AngularJs?

The time has finally come. You’ve poured your blood, sweat, and tears into your most recent content piece, and it’s ready to be packaged up and sent to the client to be pushed live. After a few final checks and only…

Read More
CloudTimon November 16, 2018 0 Comments

There are no secrets to success. It is the result of preparation, hard work, and learning from failure.

- Paul Tournier

Content Ideation: Tools & Techniques

The time has finally come. You’ve poured your blood, sweat, and tears into your most recent content piece, and it’s ready to be packaged up and sent to the client to be pushed live. After a few final checks and only…

Read More
CloudTimon November 16, 2018 0 Comments

Is Bing Really Rendering NodeJs?

The time has finally come. You’ve poured your blood, sweat, and tears into your most recent content piece, and it’s ready to be packaged up and sent to the client to be pushed live. After a few final checks and only…

Read More
CloudTimon November 16, 2018 0 Comments

The Simple iframe Hack

How To Fetch & Render (Almost) Any Site

The time has finally come. You’ve poured your blood, sweat, and tears into your most recent content piece, and it’s ready to be packaged up and sent to the client to be pushed live. After a few final checks and only…

Read More
CloudTimon November 16, 2018 0 Comments