15 must ask website project - 15 MUST ASK Questions to kick-start on a Website project.
Reading Time: 6 minutes

The starting of any kind of websites can be a real hassle. It gets tougher when you have to meet with your client’s expectation when both styles do not match.

Your struggle and challenges increase when you have to decide on what to charge, which then turns into a horror when you’re taking on a client as a freelance web designer. But we all know when we nailed our part into realizing the expectations of our clients, the project and relationship between the client and you become fruitful and rewarding.

It is never too late to revise a bit. Here are 15 MUST ASK Questions to kick-start on a website project.

photo 1517048676732 d65bc937f952 1024x683 - 15 MUST ASK Questions to kick-start on a Website project.

1. What is your client’s business about?

One of the toughest obstacles that frequently comes up is understanding what the client does. It can create a whole lot of misunderstanding to which can be solved when you do little research on your client’s business and ask them for further clarification.

2. Who is the target audience?

Having a target audience is something that every company should have regardless of the size of operations of the business. Therefore it is important for you to know who the target audience are. Imagining the characters and personality of the audience to outline the elements needed for the project. For example, the font type, color, image, the vibe and the approach of the website which has to be suitable for the target audience.

3. What is the purpose of the website?

Different types of websites has different conversion goals but it is clear that all websites have conversion goals. What are the expectations that the client has when his customers visit the website?

Commonly used types of conversion goals can include:

  • Clicking into a link which is informative or educational
  • Purchasing of a product or service
  • Answering or filling in forms or questionnaires
  • Bringing the customers to a particular page
  • Downloading of an app or software
  • Sharing an article or the page of the website via social media or email


There are many things that the users can do when they are on a website.

Mini-GoalsOverall Goals
Actions from each page where leads the user to the overall objective of the website.The one thing that you would like the users to do only. What is it?

photo 1481487196290 c152efe083f5 1024x617 - 15 MUST ASK Questions to kick-start on a Website project.

4. Does your client own a website now?

If they do, what is the URL or the link of the website?

5. What would your client prefer/not prefer to have in the website?

This is one of the biggest and crucial parts of the project. Have your client list down a list of things that they like and dislike about their current website.

This will then become a guide for you to plan out the new design and elements on what to put in and not put into the project.


photo 1517245386807 bb43f82c33c4 1024x683 - 15 MUST ASK Questions to kick-start on a Website project.

6. How is your client’s company different from other companies?

After having a blueprint on the design and elements to incorporate into the website. Ask about the company’s specialty on how are they different from other companies. If the concept of the company is “sold” to you, you then need to incorporate the value of the company into the website’s design. It may sound easy but it can be really complicated because understanding the exact value of something can be tough for clients that are not in the sales industry.

7. Who are the competitors of your client?

Always ask on the competitors of your client if their competitor share the same platform as your clients. How are they a competitor? Then you can research that information and look through the website of the competitor to gain a deeper understanding.

8. What are some samples of the website that your client really likes?

In this part, you can ask your clients to do a bit of research on the type of aspirational websites that attracted their attention. Have them list at most 3 to 5 websites and have your clients to explain on the features and the functions that he/she likes about that website. What are the features or functions or elements that they’d like to have on their website?

9. What are the features that the website should have and the must have?

Usually, the clients are already prepared and aware of the things that they want their website to do. The things on the list often times will vary from client to clients based on their needs and wants. Some can be as simple as having a mobile version and a desktop version on the mobile device, parallax scrolling, and a more in-trend design.

photo 1460925895917 afdab827c52f 1024x729 - 15 MUST ASK Questions to kick-start on a Website project.

10. Is there an Analytics?

Having insight on your website is important because this can help you understand how to arrange the navigation of the pages. Going through the current analytics can create a deeper understanding of what the users are actually doing on the website. A full analytic audit can help your client to understand their audiences and the interaction between their customer and the website.

11. Do you have imagery?

Will there be images, videos, or audios as a part of the website element? This is where you need to ensure that the pixel count is high enough for the resolution to be clear. This is where your client will have prepared the materials for you. However, for some clients, you will need to discuss with them on the pixel count and resolution level for the image, audio, or video.

12. Is there a color or a typography palette?

Be sure to ask your clients if they have a preferred color or fonts that they want to use currently and for their new website.

This is because if the company would like to rebrand or refresh then you should ensure that the design is made up of new elements.

This part is trickier because you need to look up for typeface substitutions when the typography palette is not a common HTML or CSS font. You will then need to look for a close substitute that are used online than the fonts used for print brandings.


photo 1542744095 291d1f67b221 1024x683 - 15 MUST ASK Questions to kick-start on a Website project.

13. Is there a brand book or style guide?

If your client owns a brand book regardless of it being new or old, you should own a copy as it can give you a deeper insight on the information about the persona of the company and the style of the company.

14. When do they want it?

How fast your client wants you to hand in the project can often time be the deal breaker question because the having to build up a website that meets the expectation of your client would often time require a lot of trial and error. Therefore, is the dateline convenient for you?  Of course, this can be avoided when there is a clear image of what is expected and needed for the projects to flow smoothly to meet its dateline.

15. Are there going to be any plans to make changes after the launch?

Based on how you formed and created the website, sometimes having followed up’s is essential. Follow up’s such as…

  • Giving training to your client’s staff
  • Teaching them the ability to add contents and features
  • Managing the back end of the website
  • Maintenance of the website

Therefore, in the process of building a website, you should always keep in mind that the purpose of the website is for your client not for you or your portfolio. It is always important that the back end is kept organized with easily located codes structures.


We certainly hope we’ve gotten you covered with all the basics. We’ve spoken our mind, now we want to hear from you!!! Is there a go-to project question that you would like to ask or share? Is there anything in particular that you would like to share or know? Let us know at www.webbit.com.my/contact or email us at sales@webbit.com.my. Photo credit by unsplash

web design vs web developer cover 02 - Difference Between Web Designer and Web Developer
Reading Time: 2 minutes

Web Designer vs Web Developer

Most of the time in Malaysia, people are confusing between web designer and web developer. In their mind, they are thinking both of them are in the same position. For instance,  they will think web designer can develop a CMS website or eCommerce Website. But, they are wrong, a Web designer cannot develop CMS website and eCommerce website. This is only the web developer can do that.

What does a Web Designer do?

Web Designer Job Scope

A Web Designer job scope is focused on the look and feel of the website, In other words, we call it as User Interface (UI), some of the expert web designers will consider of the User Experience (UX) as well.

Web Designer Skill Needed

Their main skill is Creative Graphics Skill, Layout Design, Color Palettes, Typography, HTML, CSS, and JavaScript. Their personality is Strong Intuition, creativity, and imagination.

Software Commonly Used

Web Designer Salary

According to Payscale, The average pay for a Web Designer is RM 35.00 per hour. The average pay for a Web Designer is RM 35,411 per year. Divide by 12 months is RM2,950 per month. 

What does a Web Developer do?

Web Developer Job Scope

A Web Developer job scope is focused on creates the inner workings of websites.

Web Developer Skill Needed

They mainly skill needed are CSS preprocessors (ie. LESS or Sass), Front-end Frameworks (eg. jQuery, Bootstrap), PHP, .NET, Python, C, Ruby, MYSQL, SQL &, etc. Their personality is Logic, Linear thinking, and Technical.

Software Commonly Used

Web Developer Salary

According to Payscale, The average pay for a Web Developer is RM 35.00 per hour. The average pay for a Web Developer is RM 37,229 per year. Divide by 12 months is RM3,102 per month. 

web design vs web developer 01 - Difference Between Web Designer and Web Developer

Web Designer and Web Developer Workflow

Normally Web Designer and Web Developer are work together. Web designers create the mock-up of a website. Once the client side confirms the mock-up, Web Designer will proceed with the HTML, CSS & JavaScript coding. Then the completed set of HTML will pass to Web Developer. Web Developer will do the integration with the CMS system such as WordPress. Both web designers and web developers only have one goal – to create a simple and user-friendly website to enhance the web experience.


So you should now have more knowledge about web designer and web developer. Please help us share this article if you like it. Thanks!

Vectors graphics designed by Freepik

best website design tools from the pros - 2019 Best Website Design Tools from the Pros

Top Web Hosting Company


ipserverone best hosting company malaysia - 2019 Best Website Design Tools from the Pros

IPServerOne provides a comprehensive range of hosting solutions for customers to accomplish operation success on the Internet. The company’s key strength is demonstrated through its proven technical expertise to seamlessly integrate systems, network, and software applications as a complete solution for today’s competitive environment. Generally, the solutions offered are in these key areas:

  • Dedicated Server Hosting
  • Cloud Hosting
  • Web Hosting
  • Domain Name Services

Best CMS (Content Management System)


wordpress best cms content management system - 2019 Best Website Design Tools from the Pros

If you want to building a website, there’s only one content management system that you should consider: WordPress.

If you’re growing your traffic with content and your site isn’t on WordPress yet, we strongly recommend making the switch.

Best Ecommerce Platform


woocommerce best ecommerce platform - 2019 Best Website Design Tools from the Pros

WooCommerce is now the most popular eCommerce platform on the web (stats from Builtwith), if you planning to start your online store in Malaysia, we strongly recommend WooCommerce.

Best WordPress SEO Plugin

Yoast SEO for WordPress

yoast best seo plugin for wordpress - 2019 Best Website Design Tools from the Pros

There’s only one WordPress SEO plugin that we trust: Yoast SEO Plugin. It handles a lot of routine SEO tasks automatically and makes on-page SEO items a lot easier.

They do have a paid version of the plugin, but we don’t use it — the free version is more than enough.

Best Email for Beginners


mailchimp best email tool - 2019 Best Website Design Tools from the Pros

For beginners or sites that need to keep costs low, MailChimp is the best email tool. It has a drag-and-drop email builder, a free plan to start, and is one of the most popular choices.

It’s the easiest and cheapest email tool. If you’re not sure what to pick, start on Mailchimp.

Best Analytics Tool

Google Analytics

google analytics best reports - 2019 Best Website Design Tools from the Pros

We’ve used just about every website analytics tool out there and nothing comes close to Google Analytics. Even the paid user analytics tools aren’t worth getting — they’re too complicated and require too much customization.

The best part is that Google Analytics is completely free. Get this installed immediately if you haven’t yet.

Best Search Data

Google Search Console

google search console - 2019 Best Website Design Tools from the Pros

Years ago, Google Analytics had all sorts of amazing search data. Then Google removed it. All that amazing search data is now in Google Search Console. That’s right, you can get all your keyword data again. There’s also a goldmine of error reporting and crawl data in Google Search Console.

Every serious SEO marketer we know uses Google Search Console heavily. Go get it, it’s free.

blog post - Online Color Picker for Web Designer

Free Online Hex Color Picker for Web Designer

UI Designer / Web Designer searching for that perfect color has never been easier, use our hex color picker to browse the color that you like.

Fast and simple

Your can select the color or search by color name.

Copy and Paste

Just click the color & the code will automatically copy into the clipboard. Paste it into your code editor.
Web designer always needs that for their website project.

color picker - Online Color Picker for Web Designer


blog responsive tester - Free Responsive Website Tester Online

Make sure your website is mobile-friendly

It’s more important than ever to make sure your website looks good and performs well on mobile devices.

How can you tell if your website is mobile-friendly or not? Check out the example below from Google.

responsive - Free Responsive Website Tester Online

What is Responsive Design (RWD) ?

Responsive web design (RWD)  is about using HTML and CSS to to make the website content is automatically adjusted for optimal viewing based on all devices (desktops, tablets, and mobile phones). Google improves your page ranking when your design is responsive!

Still not sure if your website is mobile-friendly? Just check it out our free Mobile Testing Tool

Here’s what webbit site looks like on different view:

Desktop View

desktop view 1024x812 - Free Responsive Website Tester Online

Tablet View

tablet view 1024x812 - Free Responsive Website Tester Online

Mobile View

mobile view 1024x812 - Free Responsive Website Tester Online

Free Responsive Website Tester

Responsive Website Design Tester is a quick and easy way to test your responsive website.

Quickly preview your responsive website designs at the dimensions they will be seen on popular mobile devices.

Includes presets for iOS (iPhone , iPad, iPad Mini, iPad Pro).

Enjoy the FREE Responsive Website Tester.

blog keyword pagerank - Free Google Keyword PageRank Checker Tool | SERP

Free Google Keyword PageRank Checker Tool

Google Keyword PageRank Checker is a tool used to detect the position of a website or URL in the search engine (particularly, Google) for a given keyword as per competing with other websites for the same keyword.

For example, if you run a website about web design, you may want to know what position that website currently holds on Google for the keyword “web design malaysia

Our Google keyword PageRank Checker Tool shows you this information… for completely FREE. The tool is not just quick and simple to use, it is also extremely reliable and effective.

Step 1

Step 2

  • Enter your Keyword (or that of your competitor) on the “keyword” space provided. This is the keyword whose position you want to check.
  • Enter your URL (or that of your competitor) on the “Domain.com” space provided. This is the website whose position you want to check.
  • For Country by default is: Malaysia, if you are out of Malaysia you may select other country.

seo search 01 - Free Google Keyword PageRank Checker Tool | SERP

Step 3

Once you’re done,, just click on”START” to run your check.

In a few seconds, the results usually look like this:

seo search 02 - Free Google Keyword PageRank Checker Tool | SERP

The above screenshot shows webbit.com.my ranking #6 for the keyword “webbit”.

With the result above, you will have a better idea of the competition around the keywords you’re targeting and how you can work to reach your objectives.

Enjoy the FREE Google keyword page rank checker tool.

remove bg - Online Remove Image Background Generator

100% automatically  in 5 seconds  without a single click

Personal & Professional

Whether you are a graphic designer, web designer, web developer, photographer or selfie lover: Removing backgrounds has never been easier.

Saves Time & Money

Spending hour after hour separating foregrounds from backgrounds? There’s a better way to remove your image background online – and it’s FREE.

100% Automatically

Aside from the image file, remove.bg requires no further input: No selecting pixels, no marking persons, nothing.


demo - Online Remove Image Background Generator

convert case 1 - Free Convert Case Online

Just enter your content and pick the case you need to change over it to.

Now you can do faster for your office job / layout design. This tool can convert your text to any case.

Webbit Free Convert Case online now available for Sentence Case, Upper Case, Lower Case & Title Case.

You can download the text from there as well. Just click the download button it will auto download as the .txt format for you!


convertToMobileApp - 4 Reasons Convert Your websites into mobile apps

What are the advantages of converting websites into mobile apps?

Converting your mobile websites into apps are beneficial. As research shows that more than 86% of mobile users spend their more time on mobile apps rather than websites. Not only are they using apps for shopping or gaming but they are engaging with more other apps that are informative and interesting.

For getting higher traffic and engagements of customers, companies are heading towards mobile enterprise apps. The fact is websites are not enough to provide huge amount of engagements and productivity, so mobile apps are essential for any company to reach at the top in this competitive world of mobile app and web development.

If you wan to know further benefits of converting websites into mobile apps, I can tell you some more key benefits of mobile apps that you can look for:

1. Additional Marketing Channels

If you are having an mobile app of your business then it can provide an additional channel for your brand to be found easily over internet or app stores. It provides you extra visibility to your brand.

2. Increasing Conversion Rates

Conversion rates are higher on mobile and tablets then desktops according to survey and reports of last year and will be increasing more in coming years.

3. Apps are Purpose Focused

Apps are so user friendly and easy-to-use version of a full website. Users prefer to use apps as their interface is interactive easy to navigate.

4. Increased SEO Potential

According to the latest updates of Google Algorithm, Google will now give more preference to those websites who are having mobile friendly websites and mobile app of their websites. It helps a lot to get higher ranking and to get more visibility in the search engine result pages.

You can contact us to building best suited app for your website or brand and that can also increase your visibility in SERPs through SEO services and social marketing.

MockUphone - MockUPhone - Mockup Generator

Convert your design into mobile devices just a few clicks!

MockUPhone is FREE for Web Designer to convert the screenshots into different mobile devices. Web Designer can use the PNG files to create the design for websites or online uses. MockUPhone currently supports iPhone mockup, iPad mockup, Android mockup, and TV mockup.

Step 1

Pick a device that you wish to convert.

mockuphone picklist - MockUPhone - Mockup Generator

Step 2

Upload your file. Currently, It supports Jpeg, PNG & PSD files.

mockuphone upload - MockUPhone - Mockup Generator

Step 3

After uploading, click on “Generate product mockups” for the preview

mockuphone generate - MockUPhone - Mockup Generator

Step 4

Below the preview screen, you can click the button and insert your email to download your zip file. That’s it!

Here is our Artwork! Simple & Easy! 🙂

showcase - MockUPhone - Mockup Generator