[infographic] effective business websites: key features that make a difference

1
www.MyDomain.com Your Tagline / You are Here Design layout for an effective HOME page TITLE URL ADD PUBLICATION DESCRIPTION HOME ABOUT SERVICES/PRODUCTS TESTIMONIALS CONTACT 24 ABOUT: Customize your layout and content on this page to communicate clearly about your busi- ness and its values. 25 SERVICES or PRODUCTS: Layout your services in bullet point format (easier and quicker to read) and/or list your products in categories (easier to search for desired items). 26 CONTACT form: Ask just enough information to make it simple for people to contact you. 27 CAPCHA feature: Help filter out spam messages sent by robots. Design layouts for effective inner pages: ABOUT, SERVICES / PRODUCTS and CONTACT NAME MESSAGE I’M NOT A ROBOT EMAIL SEND Things you should avoid: Don't use Flash 33 Don't use auto-play background music 35 Don't upload videos on your website's server: Should be use YouTube and/or Vimeo server to host and stream your videos. 34 (123) 456-7890 28 Hamburger menu: Fits a smartphone's limited space. 29 Visible phone number: Tab-n-call button. 30 Content prioritization: Simplify your content and position the more important ones on top. Mobile responsive considerations MENU (123) 456-7890 41 Products page: Organize your products so they are easy to find; Ex: filter products by category, type, etc. 42 Product's detail page: Provide enough information for customers to make their decision. 43 Main product's image: Large enough for people to see with a zoom-in feature. 44 More images section: Allows people to view the product from differ- ent angles. 46 Product specification: More detailed information about each product. 47 Upsell: Position related or complementary products for upsell. 45 Social media shared buttons: Make it easy for people to share information about this product. 48 SSL Certificate integration: Provides another layer of protection for your e-commerce website. E-Commerce FILTER 36 Search feature: Enables people to search text. 37 Sidebar: Archive blog posts by date or by listing the most popular ones first. 38 Social media shared buttons: Make every article easy for people to share. 39 Comment feature: Allow people to comment. 40 SSL Certificate integration: Provide another layer of protection for your blog website. Blog SEARCH MOST POPULAR ARCHIVE COMMENT I’M NOT A ROBOT SEND 31 Google Analytics integration: Track and report your website's traffic. 32 Google Webmaster (or Search Console) tool integration: Check indexing status and optimize visibility of your website. Advance SEO tools: 13 14 15 16 Testimonials & Reviews: Text and/or video testimonials from your happy customers. Certificates & Awards: Add them to let potential customers know you're qualified for the job. Crucial business information: A short paragraph or video to introduce your business, including your contact information (email, phone, and address). Internal Links: Text links that lead potential customers to related, quality content which addresses the questions they might have. Right Below The Fold This section is where you provide information to score more "trust points" with potential customers (the reasons why they should choose you). FIND US Above The Fold Domain Name: Easy to say. Easy to remember. 1 Logo: A clean, well-reasoned logo representing your business name. 2 3 4 5 6 7 8 9 10 11 12 Tagline: Your positioning statement to customers that differentiates your company from the competition; Ex: Nike: “Just Do It.” and Target: “Expect More. Pay Less.” Top navigation menu: Easy to see. Easy to navigate. Phone number: It's best to show a call-to-action button. Bread crumb navigation: Help viewers see the location of the web page they are currently viewing. This feature is most helpful for large sites with hundreds of pages. Main image slider: Customize your image(s) to communicate your key messages graphically. Smart messages for services or products: Tell target customers how your services or products can help solve their needs. Keep it concise. Optimized URL, title tags and description tags: Optimize each of your web pages strategically so search engines will list them under the right category. Optimize for a faster loading website: Reduce the sizes of your images and remove unnecessary plugins. Content management system ( CMS ): Enables you to manage and maintain your site without coding knowledge. Cross-browser compatible: Website displays consistently across the five main web browsers. These first 12 items must position above this fold so viewers see it before they have to scroll down further to see more. 17 Business Hours: The days of the week and times your business is open. 18 Contact information: How to contact or find your business. 20 Social media channels: Link to your business' social media pages. 22 Live Chat: Online Chat window to quickly assist customers. This feature is not usually needed for a Blog or small E-commerce website 21 Newsletter signup: Allows viewers to subscribe to your newslet- ters with their email address. 19 Terms & Policies: Policies consumers might like to know prior to doing business with you. 23 Sitemaps : Demonstrate the organization, navigation and labeling system of your web pages for users and search engines. Footer This section shows different ways viewers can reach out or learn more about your business. CONTACT Street City / State Phone Email Terms & Policies 8am - 6pm Monday - Friday FOLLOW US NEWSLETTER ONLINE CHAT BUSINESS HOURS INFO SITE MAP www.ProWeb365.com http://ProWeb365.com/effective-business-websites-key-features-that-make-a-difference Source: Effective Business Websites: Key Features That Make A Difference Effective Business Websites: Key Features That Make A Difference

Upload: proweb365-company

Post on 20-Mar-2017

173 views

Category:

Design


1 download

TRANSCRIPT

Page 1: [Infographic] Effective business websites: Key features that make a difference

www.MyDomain.com

Your Tagline

/ You are Here

Design layout for an effective HOME page

TITLE

URL

ADD PUBLICATION

DESCRIPTION

HOME ABOUT SERVICES/PRODUCTS TESTIMONIALS CONTACT

24 ABOUT: Customize your layout and content on this

page to communicate clearly about your busi-ness and its values.

25 SERVICES or PRODUCTS: Layout your services in bullet point format (easier and quicker to read) and/or list your products in categories (easier to search for desired items).

26 CONTACT form: Ask just enough information to make it simple for people to contact you.

27 CAPCHA feature: Help filter out spam messages sent by robots.

Design layouts for effective inner pages: ABOUT, SERVICES / PRODUCTS and CONTACT

NAME

MESSAGE

I’M NOT A ROBOT

EMAIL

SEND

Things you should avoid:

Don't use Flash33

Don't use auto-play background music

35

Don't upload videos on your website's server: Should be use YouTube and/or Vimeo server to

host and stream your videos.

34

(123) 456-7890

28 Hamburger menu: Fits a smartphone's limited space.

29 Visible phone number: Tab-n-call button.

30 Content prioritization: Simplify your content and position the more important ones on top.

Mobile responsive considerations

MENU

(123) 456-7890

41 Products page: Organize your products so they are easy to

find; Ex: filter products by category, type, etc.

42 Product's detail page: Provide enough information for customers to make their decision.

43 Main product's image: Large enough for people to see with a zoom-in feature.

44 More images section: Allows people to view the product from differ-

ent angles.

46 Product specification: More detailed information about each product.

47 Upsell: Position related or complementary products

for upsell.

45 Social media shared buttons: Make it easy for people to share information about this product.

48 SSL Certificate integration: Provides another layer of protection for your e-commerce website.

E-Commerce

FILTER

36 Search feature: Enables people to search text.

37 Sidebar: Archive blog posts by date or by listing the

most popular ones first.

38 Social media shared buttons: Make every article easy for people to share.

39 Comment feature: Allow people to comment.

40 SSL Certificate integration: Provide another layer of protection for your

blog website.

Blog

SEARCH

MOST POPULAR

ARCHIVE

COMMENT

I’M NOT A ROBOT SEND

31 Google Analytics integration: Track and report your website's traffic.

32 Google Webmaster(or Search Console) tool integration: Check indexing status and optimize visibility of your website.

Advance SEO tools:

13

14

15

16

Testimonials & Reviews: Text and/or video testimonials from your

happy customers.

Certificates & Awards: Add them to let potential customers know

you're qualified for the job.

Crucial business information: A short paragraph or video to introduce your business, including your contact information (email, phone, and address).

Internal Links: Text links that lead potential customers to

related, quality content which addresses the questions they might have.

Right Below The FoldThis section is where you provide information to

score more "trust points" with potential customers

(the reasons why they should choose you).

FIND US

Above The Fold

Domain Name:Easy to say. Easy to remember.

1

Logo:A clean, well-reasoned logo

representing your business name.

2

3

4

5

6

7

8

9

10

11

12

Tagline:Your positioning statement to customers that differentiates your company from the competition;

Ex: Nike: “Just Do It.” and Target: “Expect

More. Pay Less.”

Top navigation menu:Easy to see. Easy to navigate.

Phone number:It's best to show a call-to-action button.

Bread crumb navigation: Help viewers see the location of the web page they are currently viewing. This feature is most helpful for large sites with hundreds of pages.

Main image slider: Customize your image(s) to communicate your key messages graphically.

Smart messages for services or products: Tell target customers how your services or

products can help solve their needs. Keep it

concise.

Optimized URL, title tags and description tags: Optimize each of your web pages strategically

so search engines will list them under the right category.

Optimize for a faster loading website: Reduce the sizes of your images and remove unnecessary plugins.

Content management system ( CMS ):Enables you to manage and maintain your site without coding knowledge.

Cross-browser compatible: Website displays consistently across the five main web browsers.

These first 12 items must position above this fold so

viewers see it before they have to scroll down further

to see more.

17 Business Hours: The days of the week and times your business is open.

18 Contact information: How to contact or find your business.

20 Social media channels: Link to your business' social media pages.

22 Live Chat: Online Chat window to quickly assist customers.

This feature is not usually needed for a Blog or

small E-commerce website

21 Newsletter signup: Allows viewers to subscribe to your newslet-

ters with their email address.

19 Terms & Policies: Policies consumers might like to know prior to doing business with you.

23 Sitemaps : Demonstrate the organization, navigation and labeling system of your web pages for users and search engines.

FooterThis section shows different ways viewers can reach

out or learn more about your business.

CONTACT

StreetCity / StatePhoneEmail

Terms & Policies8am - 6pmMonday - Friday

FOLLOW US NEWSLETTER ONLINE CHAT

BUSINESS HOURS INFO

SITE MAP

www.ProWeb365.com

http://ProWeb365.com/effective-business-websites-key-features-that-make-a-differenceSource:

Effective Business Websites:

Key FeaturesThat Make A Difference

Effective Business Websites:

Key FeaturesThat Make A Difference