Reading Time: 2 minutes

Introduction

In the evolving digital landscape of Malaysia, web design plays a pivotal role in business success. Understanding whether to hire an in-house web designer or to collaborate with an agency is crucial. This article delves into the key differences between these two options, aiding Malaysian businesses in making informed decisions.

Understanding In-House Web Designers

In-house web designers are employed directly by a company, working exclusively on its projects. Their deep understanding of the brand allows for a consistent vision across all digital assets. However, this can lead to higher long-term costs and a lack of diverse skills, as they may not possess the wide-ranging expertise found in an agency setting.

Understanding Agency Web Designers

Agency web designers, on the other hand, operate within a creative agency and work on projects for various clients. They bring diverse skills and fresh perspectives to the table, often being at the forefront of web design trends. While they offer scalability and a broad skill set, the lack of direct company involvement can sometimes lead to misalignments in the brand’s vision.

Comparative Analysis

When comparing the two, it’s essential to consider the diversity of skills. Agency designers often have access to a broader range of expertise, including the latest design technologies and trends. In contrast, in-house designers offer brand-specific knowledge but may lack exposure to a variety of design challenges.

Cost is another significant factor. In-house designers can be more cost-effective in the long run for companies requiring consistent web design work. Agencies, while potentially more expensive in the short term, provide scalability for project-based work.

Project management and turnaround times also differ. In-house designers ensure a more streamlined communication process, potentially speeding up project completion. Agencies, managing multiple clients, might not always match these turnaround times but offer more hands to work on complex projects.

Contextualizing for the Malaysian Market

In Malaysia, the web design market is unique, with a strong emphasis on understanding local consumer behavior and cultural nuances. In-house designers may have a better grasp of these local aspects, while agencies bring global trends and perspectives that can be adapted to the local market.

Conclusion

Choosing between an in-house web designer and an agency in Malaysia depends on several factors. For businesses needing consistent, brand-specific work, an in-house designer is a viable option. However, for diverse, scalable, and trend-focused designs, an agency might be more suitable. Ultimately, the decision should align with the business’s long-term digital strategy and budget considerations.

Reading Time: 2 minutes

Web Designer vs Web Developer: Clarifying the Roles in Malaysia

In Malaysia, there’s often confusion about the roles of web designers and web developers. Contrary to common belief, these are distinct positions with different responsibilities, especially when it comes to developing CMS or eCommerce websites, which is a task reserved for web developers.

What does a Web Designer do?

Job Scope

Web Designers focus on the aesthetics of a website, encompassing the User Interface (UI) and, in some cases, the User Experience (UX). Their role is pivotal in making a website visually appealing and user-friendly.

Skill Needed

Key skills include creative graphics, layout design, color theory, typography, and basic programming languages like HTML, CSS, and JavaScript. Essential personality traits include strong intuition, creativity, and imagination.

Software Commonly Used

Salary in Malaysia (According to JobStreet – last update on December 2023):

The average monthly salary for Web Designer jobs in Malaysia ranges from RM 3,500 to RM 4,500.

What does a Web Developer do?

Job Scope

Web Developers are responsible for creating the functional aspects of websites, ensuring they work seamlessly.

Skill Needed

Their expertise includes CSS preprocessors (e.g., LESS or Sass), front-end frameworks (e.g., jQuery, Bootstrap), and programming languages such as PHP, .NET, Python, C, Ruby, along with database management systems like MYSQL and SQL. They typically exhibit logic, linear thinking, and technical acumen.

Software Commonly Used

Salary in Malaysia (According to JobStreet – last update on December 2023):

The average monthly salary for Web Developer jobs in Malaysia ranges from RM 3,600 to RM 5,300.

Web Designer vs Web Developer: Collaboration and Workflow

Typically, web designers and developers work collaboratively. Designers first create a mock-up, which, upon client approval, is transformed into HTML, CSS, and JavaScript code. This code is then handed over to web developers for integration with CMS systems like WordPress. Their united goal is to create a straightforward, user-friendly website that enhances the web experience.

Conclusion

This guide should clarify the distinct roles of web designers and web developers in Malaysia. If you find this information helpful, please share it. Thank you!

Vectors graphics designed by Freepik

Reading Time: 4 minutes

When creating a website, the first questions that are often asked by website developers is to choose between of a Static Website or a Content Management System (CMS) Website. Static websites is the basic form of website where there isn’t a custom coding, databases, and it is the easiest to create. Basically, a static website is a site with contents that cannot be altered without the developer editing its codes. A CMS website or also known as a dynamic website is a site that is able to show different contents from the same source code making it more dynamic and sophisticated. In another words, a dynamic website is a site that contains informations that changes depending on the audience, time, time zone, the audience’s native language, and other factors. Here are our unbiased views and comparisons between the two websites and educating the audiences on which is a better option in designing a website.

What is a static website?

A static website is the simplest website that’s embedded with HTML codes with no customized coding and dynamic features. Having a static website does not require the user to use server-side scripting, only client-side scripting such as JavaScript, HTML, CSS, etc. A simple small-scale company website only two to three pages of information without any bells and whistles can be classified as a static website. They are easy and low cost to develop and host without maintenance cost and additional skills except HTML. Each page is an individual file composed in HTML without interactivity features except hyperlinks and images. In short, static websites are generally just websites that remains the same unless the source code is changed.

What is a Content Management System (CMS) website?

A CMS website is also known as a dynamic website that contains pages that are characterized by changing contents that would be more operational, something the viewers are able to interact with, than just reading it. Designing a CMS website would need more than client-side scripting, it’ll need a server-side scripting language like ASP, PHP, JavaScript, JSP, ColdFusion, etc. When the viewer accesses a CMS website, the codes are separated and divided on the web server and the final HTML page is shown on the client’s web browser. To simplify, a CMS website is a combination of a server-side scripting and a client-side scripting specifically an e-commerce site and social media site.

Difference between Static Website and Dynamic Website (CMS)

1. Coding of a Static and CMS Website.

A static website is made up of a fixed number of pages and format which is displayed to the viewer. In order to build a Static website, there isn’t a need for a special software however all that is required is knowledge on HTML and CSS and can be easily built on a simple text editor software like notepad. A static website is a collection of texts, images, and multimedia elements that has marked up contents created from HTML and CSS. A CMS website generates contents to the users based on their preference which is purely composed by a server-side programming skill. Coding for CMS website is also more costly as there is a need to create webhosting, databases or servers.

2. Content in Static and CMS Website

A Static website has contents delivered to the users without having the need to be modified or processed because the website shows the same page to each viewers as there is a same HTML file to each viewers. Therefore, the developer of the site must have knowledge on HTML coding in order to change or update the page. In a CMS website, the contents are ready made to serve the viewers based on the requests of the clients and also make changes occasionally. Hence, the contents of a CMS website is subject to changes which is convenient for non-expert person to make changes and updates to the content of the website as the contents are differently catered to different viewers.

3. Flexibility in of Static and CMS Website

A Static website is differently designed and created for each page and contents in order to match the layout for each their respective page. Thus, the web designer is at ease to add in special effects on different pages which can be more flexible and adaptable based on the preference of the users. In contrast to the Static website, the CMS website is more limited in terms of flexibility as the entire development of creating a unique mix of a dynamic content and an interactive feature requires a demand for a high-end web server and content management system for each page.

Summary of Static vs CMS Website

A CMS website offers a wide range of advantages when it comes to a dynamic content, interactive features and multimedia elements because of its convenience and the efficiency which highly reduces the cost for maintaining the website in the long run. Furthermore, it also allows the website designer to include in future plug-ins and add-ons. Nevertheless, a Static website is comparably faster in terms of building as they are simple without the extra bells and whistles. Also the static website has more flexibility because of the pages being customized individually which eases the task for the website designer to be creative on different pages making them special. The CMS website is more always chic and refined and also more interactive.

Photo credit by unsplash

Looking for a CMS website / Ecommerce website services?

Webbit specializes in WordPress Website / e-commerce website (WooCommerce & OpenCart) development in Malaysia. Get in touch today!


    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.

    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-Goals Overall 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?

    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.

     

    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.

    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.

     

    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.

    Conclusion

    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 [email protected]. Photo credit by unsplash

    best-website-design-tools-from-the-pros

    Top Web Hosting Company

    IPSERVERONE

    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

    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

    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

    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

    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

    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

    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.

    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.

    Enjoy.

    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.

    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

    Tablet View

    Mobile View

    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.

    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.

    Step 2

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

    Step 3

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

    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! 🙂

    “If your business is not on the internet, then your business will be out of business.” – Bill Gates

    Reason #1 – 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.

    Reason #2 – More customers

    More than 4 billion people use the internet every day, and some 90% of those have purchased something, or contacted a company, online in the last 12 months. So by not having a website, you will be missing out on a big piece of the pie.

    Reason #3 – Business value

    Have you tried getting a business loan recently? It’s not easy, but if you try and the bank manager asks to see your website, you better have a pretty good one. It doesn’t just stop with the bank, the perceived value of your business will be lower in everyone’s eyes – especially your customers.

    Reason #4 – Influence Customers While You Sleep

    By having a website potentially thousands of people are going to see it. You are able to influence people’s decisions and educate them.

    Reason #5 – 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.

    Reason #6 – Helps with business goals

    That’s right! When it comes to writing the content for your website you are going to revisit things about your business that you haven’t in years. You will most likely reassess your business goals.

    Reason #7 – 24 hours per day

    Your website runs 24/7 without any supervision or need to lock it up. You can always be there for your customers.

    Reason #8 – Communication with customers

    By having a blog or even just a feed on your website, you can update customers on your newest offers, products, promotions, events, photos, or any other content.

    Reason #9 – Marketing

    Websites are accessible from anywhere in the world provided there is an internet connection. Since more and more people have access to the internet, even in remote locations, you can target a much wider audience if your business has a website.

    Reason #10 – [email protected]

    I know there are other ways to do this, but by having a website you can have your own email [email protected]. It is more professional and easier to remember. I know you love your [email protected] , but it doesn’t really resonate with customers.

    What is Google Analytics?

    Google Analytics is critical to any digital marketing strategy, it is a free, statistics tool available in the market. It monitors all numbers related to site traffic, can capture geographical, demographic and various statistics, such as how many visits a site receives, where does the site come from, which region most accesses the site, which pages are most accessed from the website. With this information, you can improve the website’s interaction with your visitors, thereby gaining a greater return on your objection.

    Why use Google Analytics?

    Google Analytics offers more than 500 different metrics, not counting reports with custom crosses you can create. All of these reports and graphs provide insights about content, site structure, and the sources that generate visits to the site.

    With the information one can draw conclusions by interpreting the generated graphs and tables. This is what we call Web Analytics.

    Through the web analysis and the mastery of available tools you can have a clear reading of all the information regarding numbers and behavior of users of any type of website, be it content or e-commerce.

    Let’s look at some of the most commonly used features:

    1. Preview: the path visitors take to get to the Website

    Navigation Preview reports analyse the path a visitor takes on the site. Helps visually assess how users interact with pages.

    1. Advanced Segmentation: easy analysis of specific sections of the traffic

    Why do some visits generate more sales and others do not? You can find answers to these types of questions through the Advanced Segments. Through predefined segments like “Visits with Conversions” or “Organic Traffic“, you can easily analyze individual segments or compare various segments of all reports.

    1. Really Simple Captcha

    Tells how many people are on the website right now, where they come from, and what they are viewing. With real-time analysis, you’ll find out if the new content on the website is popular, whether the promotion of the day is driving traffic to the website, and also the immediate effects of tweets and blog posts.

    In conclusion

    Google Analytics is the best tool to improve the results of the pages and always attract more and more visitors, it is the mirror of reality and the answer to the questions that can lead us to success online.