Friday, 25 May 2018

26 steps need to follow before develop a website

1. Domain Name

Choose a domain name (website URL address) that people can remember easily  and choose wisely (and appropriately) whether you will use .com, .net, or something else like



2. Web Hosting Server

Choose a reliable web server and look at how much capacity you need for store the content and images

3. Web Technology

Web Script technology you use: HTML5, CSS3, PHP, JQuery, Javascript, ASP etc.

4. Purpose

What is the purpose of the website: business, corporate, e-commerce shopping cart, etc.

5. Layout & Color

Color affects the 'feel' of your site. Neat layout is always preferred. Don't forget about footer too!


6. Site Map

Clear Website site map & flow chart.

7. Web Content

Your website has to provide a good and informative content to the users. Target certain keywords to rank high in search engines. The type of content like language, picture, video, etc have influence of how fast or how slow that website will load.

8. Target Audience

You have to know who your audiences are, then you can build content that attract them.



9. Online Advertisement

Don't put too much advertisement in your website. If it is not necessary, don't put it there.

10. Pop Up Message

Prevent pop up messages. It is the most annoying type of advertising because of slow loading and sometimes you can't close it.

11. Attractive Design

Good website should be simple, yet professional.

12. Buttons

Make an eye catching buttons and "Call to" action button like buy now or download now. Try using bright colors like orange or yellow.

13. Background

You can choose from a clean look, colorful look, or you can consider patterned background too.


14. Image

Choose image carefully as it will create a lasting impression for everyone, so you want it to be a good and memorable.

15. Easy Navigation

Users can easily find what they are looking for.



16. Unique

There are so many good website out there, but you have to make your website stand out from the other.

17. Fresh Content

Keep your website up-to-date to keep visitors coming back.



18. Search Engine Optimized

A good website has to be search engine friendly. It means it is easy to find your website in the search engine.

19. Cross Browser

A good website has to be able to be viewed properly in all types of modern browser, example: Google Chrome, Mozilla Firefox, Safari.


20. Screen Resolution

Formerly, web design made 980px in width. But as responsive web design is getting popular a site can be designed up to 1230px in width.


21. Social Media

Integrate social media to your website to facilitate easy content sharing.


 22. Typography

Choose your typography. Legible font is definitely important. You don't want people to squint their eyes when reading your text.


23. Online Registration

If visitors have to register to interact with your website, give them advantages when they do.

24. Tracking & Analytics

With it, you can monitor how your website goes and how to optimize it. Website statistic is need.

25. Provide Security

Visitors have to feel safe when they leave their information in your website. Especially when they have to register their contacts details or credit card number.


26. Footer

Footer may not be the mai thing in a site, but with a well-designed footer, you can impress your visitors.

Related Link
  1. Web Developer vs Web designer comparison

Tuesday, 15 May 2018

Different type of website design

To show whether the web content is suitable for demand
When a user searches the web, the purpose is to obtain relevant information to solve the problem, which may include shopping, finding a professional company, acquiring knowledge, leisure activities. All this web content browsing and search for a particular purpose.

Corporate Image Website:
The purpose of the image web page establishment is to provide high-quality professional web pages to demanders according to the category of the company and the nature of the products. When the website uses RWD responsive webpage presentation the website displays more professional content and visual design that can make people with such needs and more willing looking for help and. This is also the company direction.

Shopping site:
Users with shopping needs should allow them to directly search for products, directly view product pictures or product explanations, and the image design plans and company professional explanations are not necessary. Such web design focuses on how to make product searching fastest. To search for the products the user's needs, so the site layout should be in the convenience of search and classification and the display of products and copywriting. The RWD responsive web page shows the product introduction page, and the people who have shopping needs will have more products. Affinity, of course, also have the opportunity to purchase orders.

Information Website:
Mainly based on a large number of articles and technical columns, such as blogs, Wikipedia, the homepage of Kiyo, and so on, the article classification section of this type of website must spend more thoughts, is whether the visual movement of the browse is clear and obvious, do not cause disorderly arrangement It should be noted that large-scale platform web pages do not recommend RWD webpages because the display content on small screens is limited and is not suitable for a large number of articles and pictures, even if it is barely displayed, it will be caused by too much information. Swiping all the way down, but this will not be convenient for the viewer, but it will cause browsing trouble.

Benefits of SEO on RWD responsive websites

Based on various experiences, we have compiled the benefits of SEO on RWD responsive websites as follows:

1. Reduce duplicate web content

If instead of using RWD responsive websites, in addition to the computer version of the website, it is necessary to design the mobile version of the webpage with the same or similar graphics content in order to pass the mobile phone compatibility check. Take MOMO Shopping Network as an example, the website of the computer version is “” and the website of the mobile version is “”. You can see that the link between the computer and mobile web pages is different. In Google's rules, if the web address is different and the content is duplicated, your website will not be listed as a malicious link. It will still affect the Page Ranking. More references: Differences between RWD websites and mobile websites

2. Reduce Bounce Rate

If the mobile user clicks on your site after searching and finds that they can't browse smoothly with their mobile phone and immediately return to the search page, that is, the stay time is too low, it is easy for Google to think that your site is not the best search result and rank you. It will also fall. Is the influence so great? Google has suggested that 61% of mobile users who encounter mobile phones that cannot be browsed by mobile phones will immediately jump out. At this time, higher clickthrough rates will increase the jump-off rate, and the advertising marketing cost of betting will be like throwing water.

3. Avoid users from hitting the wall Improve usability (Usability)

If the computer version and the mobile version are different websites, many users may not find the original searched content. For example, you see a useful webpage in front of your computer, then you are forced to jump to the mobile version after connecting to the webpage with your mobile phone, but you can't find the original content again.
The RWD Responsive Website does not need to select the computer version or mobile version. Users can use various devices to browse the web smoothly and conveniently.

4. The same URL applies to computers, mobile phones, and tablets, and maintains a single link (Single Link)

Another advantage of RWD responsive websites is that they do not need to be linked to the computer version and the mobile version. The same web address applies to computers, tablets, and mobile phones, so the number of visitors will accumulate on the same website. When web pages are shared with friends, they can ensure that both parties can see the same content. When the drop-off rate drops, availability increases and the number of sharing improvements, the increase in traffic and stay time will naturally increase search rankings.
Another advantage of using RWD to maintain a single link is that the website's marketing budget does not need to be split into computers and mobile phones. If it is done independently as a mobile website, it has to start pulling down the search ranking of the mobile website.

5. Improve local search rating (Higher Local Ranking)

More and more people use mobile phones and tablets to search common information such as daily services, entertainment, and travel. Google, to facilitate mobile Internet users, will give priority to displaying the search results of mobile devices that are closer to the user. For example, if a mobile phone in Taipei Neihu is searching for “restaurants”, Google’s search results will give priority to restaurant-related websites near Neihu. This intention is good and can increase the exposure of local businesses. However, if this website cannot be viewed smoothly on mobile phones, the high exposure rate will result in a high jump rate. That is, the more people point your website, the more People jump open and influence search rankings. Therefore, if you are a local service provider, such as restaurants, KTVs, motels, etc., the RWD responsive website will significantly increase your search ranking.

Google Likes RWD Responsive Website (Responsive Web Design)
If Google likes this set, then there's nothing more to say, and using RWD responsive websites is all right. The following is the official Google document

 Related Link

What is Responsive Web Design RWD
Responsive Web Design Service