In the 21st century, for any business, enterprise, organization or institution, a virtual presence away from its physical location is imperative for economic survival. To this end, these entities have developed web pages that they maintain on the World Wide Web, also known as the Internet. The Internet is a resource that enables customers and businesses to do business and enables transactions of all kinds worldwide. To be able to interact with a wide range of people, a web page must successfully fulfill its purpose by being interactive and user-friendly. Which is not an easy task and requires designers to create a user-friendly website. A user interface should work conveniently on all devices that access it and adapt to a wider range of platforms. This makes the UI design process one of the most difficult aspects of creating an effective and comprehensive web page. Say no to plagiarism. Get a tailor-made essay on “Why Violent Video Games Should Not Be Banned”? Get an original essay Web design is divided into two sections; the front-end and the back-end. The front end is the part that is generally considered to be the face of the website, ideally what the online users of a website see and interact with. Front-end developers are generally expected to be fluent in programming languages ​​such as HTML, JavaScript, and JQuery. The second section is the back-end of the website, which is considered the website server. The back-end connects to the front-end through templates and uses databases to competently realize the intended purpose of the website. Back-end developers are generally well trained in, but not limited to, Java, PHP, Python, SQL, and .Net (Stewart, 2015). From a purely design perspective, the front-end is considered much more sophisticated and complex. than the back-end. The reason given is that the back-end design deals with how the website functions and performs its function. It is only subject to the approval of the developers and their supervisors (Sonmez, 2018). On the other hand, front-end design is a much more complex affair. The front end is meant to be subject to the experiences of hundreds, thousands, or in some cases, millions of users every day. For example, in the first quarter of 2018, Facebook Inc. saw 1.47 billion users access its platform per day (Statista, 2018). If there is a huge traffic of users trying to visit the site, it is important for the designers to make sure that the application is easy on the eyes and can easily render the services that the customers/users would like to benefit from even if they want to. are not particularly good at using the Internet, otherwise the company will be at a strategic disadvantage (Bloc, 2016). For a designer to make a decision regarding website layout, it is important to know the four main website layouts; namely fixed, fluid, reactive and adaptive, and how they compare to each other. Static or fixed design is the type of web design that is strict in its attributes regarding measurements, dimensions, and other content properties. This means that whatever browser or software is used to access the material on the fixed page, it will be independent of changes that take place in the browser with regard to dimensions. In the early days of website creation, stationary web designs were more appropriate because cell phones, tablets, and other wireless devices were not commonly used andOnly one version of the website was needed to be designed. It allowed content to be added to pages without worrying too much about making it look perfect as it was only intended for use on desktops and large tablets since the hardware was ideal for displaying the website. It was mostly favored for its ease of creation, but with the advent of smartphones and other interactive electronic devices, it was discouraged by developers due to its lack of flexibility. Since the websites did not offer similar services to these devices, developers had to create separate websites for each platform, which resulted in additional work. (Spencer, 2018). Smooth web design is based on the concept of using relative units. Unlike static websites, fluid web designs do not use units such as pixels, but are designed using percentages. When fluid websites designed for the web are viewed on smartphones or other smaller electronic devices, the page content automatically adapts to the dimensions of the hardware. The result is a much more user-friendly platform than static web designs. However, fluid designs present their own set of problems. The most commonly cited problem is that once a media file is uploaded to the website, if the browser in which the website is viewed is too large or too small, it can create resolution issues and the media will not work as intended by whoever downloaded it (Dawson 2015). For example, if a video clip is played on a much larger screen than the desktop was originally designed for, the resolution will not be optimal and the experience will therefore be unsatisfactory. The third major layout available to developers is known as responsive web design. Responsive web design (abbreviated RWD) became popular in the latter years of the last decade, when an increasing number of people began using smaller wireless devices. More internet-connected people and businesses saw the potential to meet the needs of these masses. Responsive web layout is the type of design that adapts to the device the user is using to view the website. For example, if the content of a page is displayed on a larger desktop with a much better resolution and larger canvas size, the server identifies the changes and ensures that the website updates. fits there respectively. The reason RWD is able to do this is fluid meshing. Fluid Grid is a design or layout that can withstand shear stresses related to screen size or user device, meaning that Fluid Grid allows designs to adapt to the device or screen size and adapt to the user environment while maintaining an optimal visual experience (1stWebDesigner, 2016). It inspires developers to create a single website that serves users on a wider range of platforms. RWD layouts are much more complex to create as they require extensive knowledge of programming languages ​​to make the most of the available options. The last major web design option is called responsive web design. Responsive web designs (abbreviated as AWD) may seem virtually indistinguishable from a responsive web design to a casual user because they offer almost the same experience, but unlike RWD, adaptive web designs are not fluid. Instead, theDevelopers anticipate the nature of the devices that will be used to access the website and write the necessary code for the devices in advance. The code remains inside the server and is only accessible when requested by the device used by the user. Once the request is sent to the server, it responds by displaying the appropriate layout for that particular device. A particular caveat regarding AWD is that when new devices are introduced and users use the services of those devices to access the website, the website may not load properly on the new devices because the AWD code was not ready for this new platform (Harris, 2015). ). Developers need to be careful while making a decision regarding website layout as it is the block of developing a functional website. In order to create a user-friendly layout, developers need to come up with multiple templates which then progress to the website. This is one of the most important parts of the whole process. The prototyping process is a way in which website developers attempt to create a fictional system and then build the basis of the original web page on top of it. There are two types of prototyping, scalable and disposable. Evolutionary prototyping is based on incremental feedback and improvement until all correctable issues are resolved (Teach-ICT, 2018). One of the most common evolutionary prototyping is paper prototyping. Paper prototyping is inexpensive, quick, and easily modifiable. For example, if a group of amateur developers begin planning the design of a web page, they should start with paper prototyping. This allows for more options in a relatively short period of time. If the group doesn't like a particular element of a design, they can simply get rid of it. It is smarter if the design process is completed and meticulously tested before getting into coding. The other prototyping methodology is called disposable prototyping. The goal of disposable or rapid prototyping is to quickly develop a feature, evaluate it, and then implement it. A big problem with rapid prototyping is that once feedback is accepted and used, the original suggestion is discarded (Teach-ICT 2018). However, some developers favor it because of its short-term speed, even though it can cause many more problems in the future. For example, if a design problem arises later at some point, there is no way to access the original idea because it has been discarded, which puts the designers in an uncomfortable situation and they are expected to keep lots of information from the previous steps. This also means that front-end developers need to be thoughtful in their designs. The thought process behind designing a website is based on user priorities and needs. At the beginning, the front-end designer must imagine what it would feel like to put yourself in the user's shoes and how the website could have the greatest impact. There is a tendency to assume many things about users, which leads to logical design flaws. To illustrate, developers can create an input field that only works when integers are entered, but if the user ends up entering decimals, the result may differ. Developers must spend considerable time on the design process. After making the decision about the design, the developer's task has just begun. The impending task is to code the web page in one of the many available resources, such as cloud9, atom and pycharm, etc. THE.