{"id":18350,"date":"2026-05-12T08:00:00","date_gmt":"2026-05-12T01:00:00","guid":{"rendered":"https:\/\/creative.co.th\/?p=18350"},"modified":"2026-05-12T11:15:51","modified_gmt":"2026-05-12T04:15:51","slug":"web-design-glossary-terms-thai","status":"publish","type":"post","link":"https:\/\/creative.co.th\/en\/18350\/","title":{"rendered":"Learn these 40 web design terms before hiring a website developer."},"content":{"rendered":"<p><!-- \u0e2a\u0e32\u0e23\u0e1a\u0e31\u0e0d --><\/p>\n\n\n\n<nav style=\"background:#f5f3ff;border-left:4px solid #7C3AED;padding:20px 24px;margin-bottom:32px;border-radius:0 8px 8px 0;\">\n  <strong style=\"display:block;margin-bottom:12px;color:#1a1a2e;\">list of contents<\/strong><p><\/p>\n<ol style=\"margin:0;padding-left:20px;line-height:2.1;\">\n<li><a href=\"#why-know-terms\" style=\"color:#7C3AED;text-decoration:none;\">Why do business owners need to know web design terminology?<\/a><\/li>\n<li><a href=\"#design-terms\" style=\"color:#7C3AED;text-decoration:none;\">Vocabulary related to design.<\/a><\/li>\n<li><a href=\"#tech-terms\" style=\"color:#7C3AED;text-decoration:none;\">Technical vocabulary<\/a><\/li>\n<li><a href=\"#seo-terms\" style=\"color:#7C3AED;text-decoration:none;\">SEO &amp; Marketing Vocabulary<\/a><\/li>\n<li><a href=\"#ecom-terms\" style=\"color:#7C3AED;text-decoration:none;\">E-Commerce Vocabulary<\/a><\/li>\n<li><a href=\"#summary\" style=\"color:#7C3AED;text-decoration:none;\">Summary<\/a><\/li>\n<\/ol>\n<\/nav>\n\n\n\n<p><!-- Intro --><\/p>\n\n\n\n<p>Didn&#039;t it feel like you were sitting in a meeting with your web design team and hearing terms like &quot;wireframe,&quot; &quot;above the fold,&quot; &quot;CTA,&quot; and &quot;Core Web Vitals&quot;\u2014like you were in a room where everyone was speaking a foreign language?<\/p>\n\n\n\n<p>Don&#039;t worry. Most people starting out with a business website go through that experience. This article compiles essential web design terminology in an easy-to-understand format, without technical jargon \u2014 so you can communicate effectively with your team and make more confident decisions.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/creative.co.th\/wp-content\/uploads\/2026\/05\/webterm-cover.png\" alt=\"\u0e23\u0e27\u0e21\u0e04\u0e33\u0e28\u0e31\u0e1e\u0e17\u0e4c Web Design \u0e2a\u0e33\u0e04\u0e31\u0e0d \u0e17\u0e35\u0e48\u0e40\u0e08\u0e49\u0e32\u0e02\u0e2d\u0e07\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\u0e04\u0e27\u0e23\u0e23\u0e39\u0e49\u0e01\u0e48\u0e2d\u0e19\u0e08\u0e49\u0e32\u0e07\u0e17\u0e33\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c\"\/><figcaption class=\"wp-element-caption\">These terms will help you communicate more confidently with designers and agencies.<\/figcaption><\/figure>\n\n\n\n<p><!-- Section 1 --><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"why-know-terms\">Why do business owners need to know web design terminology?<\/h2>\n\n\n\n<p>Knowing basic terminology doesn&#039;t mean you have to be able to code or design things yourself, but it helps with:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Communicate your needs more clearly \u2014 reduce misunderstandings between you and your team.<\/li>\n\n\n\n<li>Evaluate quotations better \u2014 know what you&#039;re paying for, and whether it&#039;s worth it.<\/li>\n\n\n\n<li>The feedback was accurate and focused \u2014 allowing the recipient to specify exactly what needed fixing, instead of just saying &quot;I don&#039;t like it.&quot;\u201c<\/li>\n\n\n\n<li>Choose your team or agency better \u2014 listen to see if the people you&#039;re talking to actually know what they&#039;re talking about.<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p><!-- Section 2 --><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"design-terms\">Section 1 \u2014 Design Terminology<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">UI (User Interface)<\/h3>\n\n\n\n<p><strong>UI<\/strong> UI designers create everything that users see and touch on a website \u2014 buttons, menus, colors, images, fonts, input fields \u2014 everything that forms the &quot;face&quot; of the website. It&#039;s the UI designer&#039;s job to design it to be visually appealing, beautiful, and effectively communicate the brand.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">UX (User Experience)<\/h3>\n\n\n\n<p><strong>UX<\/strong> It&#039;s about the overall user experience of a website \u2014 is it easy to use? Do they find what they need? How do they feel after using it? A UX designer creates a &quot;path&quot; that users walk through, ensuring it&#039;s smooth and leads to its objective.<\/p>\n\n\n\n<div style=\"background:#f5f3ff;border-radius:10px;padding:16px 20px;margin:16px 0;\">\n  <strong style=\"color:#7C3AED;\">UI vs UX \u2014 A short summary:<\/strong><br>\n  UI = How beautiful is it? | UX = How easy is it to use? \u2014 A good website needs both.\n<\/div>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/creative.co.th\/wp-content\/uploads\/2026\/05\/webterm-ui-ux.png\" alt=\"UI vs UX \u0e04\u0e37\u0e2d\u0e2d\u0e30\u0e44\u0e23 \u0e04\u0e27\u0e32\u0e21\u0e41\u0e15\u0e01\u0e15\u0e48\u0e32\u0e07\u0e23\u0e30\u0e2b\u0e27\u0e48\u0e32\u0e07 User Interface \u0e41\u0e25\u0e30 User Experience \u0e43\u0e19\u0e01\u0e32\u0e23\u0e2d\u0e2d\u0e01\u0e41\u0e1a\u0e1a\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c\"\/><figcaption class=\"wp-element-caption\">UI focuses on aesthetics \u2014 UX focuses on ease of use. Both must work together.<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Wireframe<\/h3>\n\n\n\n<p><strong>Wireframe<\/strong> It&#039;s a rough outline of a webpage, similar to a blueprint before building a house. It contains no colors or actual images, only boxes, lines, and the positions of various elements. It&#039;s used to plan the layout and UX before the actual design process begins.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Mockup<\/h3>\n\n\n\n<p><strong>Mockup<\/strong> This is a sample image of a completed webpage design. It includes colors, fonts, and real images, but it&#039;s just a &quot;still image&quot; and hasn&#039;t been coded yet. It&#039;s used to get the client&#039;s design approval before proceeding to the development phase.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Prototype<\/h3>\n\n\n\n<p><strong>Prototype<\/strong> A mockup is a clickable portal, but it&#039;s not the actual website. It&#039;s used to test the UX (Useful Interface) and ensure a smooth user experience before writing the actual code \u2014 saving a lot of time on subsequent fixes.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Typography<\/h3>\n\n\n\n<p><strong>Typography<\/strong> It&#039;s the art of designing and using typography \u2014 choosing the right font, size, and line spacing. <a href=\"https:\/\/creative.co.th\/en\/15984\/\" style=\"color:#7C3AED;\">Good typography<\/a>This affects aesthetics, readability, and brand perception.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Whitespace (Negative Space)<\/h3>\n\n\n\n<p><strong>Whitespace<\/strong> Empty space on a webpage isn&#039;t wasted space, but rather space to allow readers to breathe and focus on the important content. Websites cluttered with everything confuse users and cause them to leave quickly.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Responsive Design<\/h3>\n\n\n\n<p><strong>Responsive Design<\/strong> Responsive design means designing websites to display beautifully on all screen sizes, including computers, tablets, and mobile phones. In an era where over 60% of people browse the web on mobile devices, responsive design isn&#039;t an option\u2014it&#039;s the standard.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Above the Fold<\/h3>\n\n\n\n<p><strong>Above the Fold<\/strong> Above the Fold refers to the part of a webpage that is immediately visible without having to scroll down. The name comes from the word &quot;fold&quot; in newspaper. Placing CTAs and important information above the fold significantly increases conversion rates.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Color Palette \/ Brand Color<\/h3>\n\n\n\n<p><strong>Color Palette<\/strong> Color palettes are the choices made in design and must align with brand identity. They typically consist of a primary color, a secondary color, and an accent color. Consistent color usage creates brand recognition.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Grid System<\/h3>\n\n\n\n<p><strong>Grid System<\/strong> A 12-column grid is a table structure used to arrange various elements on a webpage in an organized manner, resulting in a balanced, readable, and professional design.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p><!-- Section 3 --><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"tech-terms\">Section 2 \u2014 Technical Terminology<\/h2>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/creative.co.th\/wp-content\/uploads\/2026\/05\/webterm-tech-map.png\" alt=\"\u0e41\u0e1c\u0e19\u0e17\u0e35\u0e48\u0e04\u0e33\u0e28\u0e31\u0e1e\u0e17\u0e4c\u0e40\u0e17\u0e04\u0e19\u0e34\u0e04 Web Design \u2014 HTML CSS WordPress Hosting SSL API Front-end\"\/><figcaption class=\"wp-element-caption\">The main technical terms you&#039;ll frequently hear in a website development project.<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">CMS (Content Management System)<\/h3>\n\n\n\n<p><strong>CMS<\/strong> It&#039;s a content management system that allows you to add, edit, or delete content on your website without writing any code. It&#039;s like a &quot;control panel&quot; for a website. The most popular example is WordPress.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">WordPress<\/h3>\n\n\n\n<p><strong>WordPress<\/strong> It&#039;s the world&#039;s most popular CMS, used to build over 431,000 websites across the entire internet. It features a flexible plugin and theme system, excellent SEO and e-commerce support \u2014 making it suitable for businesses of all sizes.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Front-end \/ Back-end<\/h3>\n\n\n\n<p><strong>Front-end<\/strong> This refers to the part of the web that users see and interact with directly, including HTML, CSS, and JavaScript. <strong>Back-end<\/strong> That&#039;s the &quot;backend&quot; part that manages data, servers, and databases \u2014 users can&#039;t see it, but it&#039;s running constantly.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">What are HTML\/CSS\/JavaScript?<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>HTML<\/strong> \u2014 The structure of a webpage (headings, paragraphs, images, links).<\/li>\n\n\n\n<li><strong>CSS<\/strong> \u2014 Style and aesthetics (color, size, layout, font)<\/li>\n\n\n\n<li><strong>JavaScript<\/strong> \u2014 Interactive capabilities (animation, pop-ups, forms)<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Hosting (Web Hosting)<\/h3>\n\n\n\n<p><strong>Hosting<\/strong> Hosting is a service that rents space on a server to store your website files, making them accessible to people worldwide 24\/7, similar to renting office space. The quality of hosting directly affects the speed and stability of your website.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Domain Name<\/h3>\n\n\n\n<p><strong>Domain<\/strong> A domain name, such as creative.co.th, is the name people type into their browsers to access your website. A good domain should be short, memorable, and reflect your business name.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">SSL Certificate \/ HTTPS<\/h3>\n\n\n\n<p><strong>SSL<\/strong> SSL is a technology for encrypting data transmission between users and websites. When a website uses SSL, it displays \u201chttps:\/\/\u201d and a padlock icon in the browser. <a href=\"https:\/\/creative.co.th\/en\/16252\/\" style=\"color:#7C3AED;\">An SSL certificate is not just about security.<\/a> But it also directly affects Google Ranking.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Plugin \/ Extension<\/h3>\n\n\n\n<p><strong>Plugin<\/strong> A CMS (Content Management System) is an add-on program installed in a system to enhance its capabilities, such as SEO plugins, membership system plugins, and form plugins \u2014 similar to downloadable mobile apps.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">API (Application Programming Interface)<\/h3>\n\n\n\n<p><strong>API<\/strong> An API (Analog-as-a-App) is a &quot;translator&quot; that allows different systems to communicate with each other, such as connecting a website to a payment system, Google Maps, or a CRM system. It enables a website to integrate with other services without having to rebuild everything from scratch.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Cache<\/h3>\n\n\n\n<p><strong>Cache<\/strong> Cache is the process of temporarily storing frequently used information to speed up website loading the next time, instead of retrieving data from the database every time. A good caching system can significantly reduce website loading times.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p><!-- Section 4 --><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"seo-terms\">Section 3 \u2014 SEO &amp; Marketing Terminology<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">SEO (Search Engine Optimization)<\/h3>\n\n\n\n<p><strong>SEO<\/strong> SEO is the process of improving a website&#039;s ranking on Google without paying for advertising. It&#039;s divided into On-page SEO (website content and structure) and Off-page SEO (links from other websites). Having...<a href=\"https:\/\/creative.co.th\/en\/webdesign-wordpress\/\" style=\"color:#7C3AED;\">Websites designed for SEO.<\/a>It&#039;s better to address the problem from the start than to try to fix it later.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Keyword<\/h3>\n\n\n\n<p><strong>Keyword<\/strong> Keywords are the words or phrases people type into Google to search for what they need. Choosing the right keywords and incorporating them naturally into your content is the heart of SEO.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Meta Title \/ Meta Description<\/h3>\n\n\n\n<p><strong>Meta Title<\/strong> This refers to the topic displayed on the browser tab and in Google search results. <strong>Meta Description<\/strong> This is a short summary displayed below the link in Google; both have a direct impact on the click-through rate.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">CTA (Call to Action)<\/h3>\n\n\n\n<p><strong>CTA<\/strong> A CTA (Call to Action) is the part that encourages users to do what they&#039;re asked to do \u2014 &quot;Contact Us,&quot; &quot;Buy Now,&quot; &quot;View Details&quot; buttons. A good CTA should be clear, easily visible, and state what they will receive after clicking.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">CRO (Conversion Rate Optimization)<\/h3>\n\n\n\n<p><strong>CRO<\/strong> It&#039;s the process of optimizing a website to increase the proportion of visitors who become customers. People often focus only on attracting people to their website, but... <a href=\"https:\/\/creative.co.th\/en\/16391\/\" style=\"color:#7C3AED;\">CRO focuses on making sure that people who join actually &quot;buy&quot;.<\/a> Which is often more cost-effective than spending more on advertising.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Bounce Rate<\/h3>\n\n\n\n<p><strong>Bounce Rate<\/strong> Bounce rate refers to the percentage of visitors who leave a website without clicking to another page. A high bounce rate (over 70%) often indicates that the page does not meet the user&#039;s needs.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Heatmap<\/h3>\n\n\n\n<p><strong>Heatmap<\/strong> This image shows which parts of the webpage users click, scroll, or look at most often, using a color coding from red (hot = high clicks) to blue (cool = less attention). <a href=\"https:\/\/creative.co.th\/en\/16395\/\" style=\"color:#7C3AED;\">A heatmap helps us understand what customers are interested in.<\/a>To optimize the webpage for the right purpose.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Landing Page<\/h3>\n\n\n\n<p><strong>Landing Page<\/strong> A webpage is designed for a specific purpose, such as generating leads, promoting a campaign, or selling a single product. It&#039;s designed to encourage visitors to perform only one desired action, minimizing distractions.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Core Web Vitals<\/h3>\n\n\n\n<p><strong>Core Web Vitals<\/strong> LCP (Loading Speed), INP (Initial Processing Number), and CLS (Layout Stability) are metrics used by Google to measure actual user experience. Google uses these values as part of its ranking system.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Summary of Core Web Vitals you should know:<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>LCP (Largest Contentful Paint)<\/strong> \u2014 The time it takes for the largest element to finish loading must not exceed 2.5 seconds.<\/li>\n\n\n\n<li><strong>INP (Interaction to Next Paint)<\/strong> \u2014 The response time to a click must not exceed 200ms.<\/li>\n\n\n\n<li><strong>CLS (Cumulative Layout Shift)<\/strong> \u2014 The page loading jump must not exceed 0.1.<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p><!-- Section 5 --><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"ecom-terms\">Section 4 \u2014 E-Commerce Terminology<\/h2>\n\n\n\n<p>If you are about to do it. <a href=\"https:\/\/creative.co.th\/en\/e-commerce\/\" style=\"color:#7C3AED;\">E-Commerce Website<\/a> The following words are heard very often.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Shopping Cart<\/h3>\n\n\n\n<p><strong>Shopping Cart<\/strong> A shopping cart is a system that allows customers to add items they want to buy before checking out all at once. A good shopping cart experience should update in real-time and save its information even when the user closes their browser.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Checkout \/ Checkout Flow<\/h3>\n\n\n\n<p><strong>Checkout Flow<\/strong> It&#039;s the process from when the user clicks &quot;buy&quot; to successful payment. A good checkout should be short, clear, have few steps, and not force subscriptions \u2014 every unnecessary step causes customers to &quot;stop buying.&quot;\u201c<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Payment Gateway<\/h3>\n\n\n\n<p><strong>Payment Gateway<\/strong> It acts as an intermediary between online merchants and banks, handling the secure exchange of payment information. Examples include Omise, Stripe, 2C2P, and KBank Payment Gateway. \u2014 The more payment channels it supports, the lower the rate of cart abandonment.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">SKU (Stock Keeping Unit)<\/h3>\n\n\n\n<p><strong>SKU<\/strong> Each product variant has a unique SKU (Sales Unit) code. For example, a red shirt in size M and a blue shirt in size L will have different SKUs. This helps in managing inventory and tracking sales of each variant.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Cross-selling \/ Upselling<\/h3>\n\n\n\n<p><strong>Cross-selling<\/strong> This refers to recommending related products (buying a notebook \u2192 recommending a mouse). <strong>Upselling<\/strong> This involves recommending a better version (buying the Basic Plan \u2192 recommending the Pro Plan). Both are strategies that increase Average Order Value without spending extra on advertising.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Conversion Rate (Rate of converting visitors into customers)<\/h3>\n\n\n\n<p><strong>Conversion Rate<\/strong> This refers to the percentage of visitors who perform the desired action, such as purchasing a product, filling out a form, or calling. Typical e-commerce websites have a conversion rate of approximately 1\u201331 TP3T. Increasing from 11 TP3T to 21 TP3T means a doubling of revenue.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p><!-- Section 6: Summary table --><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"summary\">Summary: All Web Design Terminology<\/h2>\n\n\n\n<p>This is a summary table of all the terms mentioned in this article. Feel free to keep it as a cheat sheet.<\/p>\n\n\n\n<div style=\"overflow-x:auto;margin:20px 0;\">\n<table style=\"width:100%;border-collapse:collapse;font-size:0.95em;\">\n<thead>\n<tr style=\"background:#7C3AED;color:#fff;\">\n<th style=\"padding:10px 14px;text-align:left;border-radius:0;\">vocabulary<\/th>\n<th style=\"padding:10px 14px;text-align:left;\">group<\/th>\n<th style=\"padding:10px 14px;text-align:left;\">Abbreviation<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr style=\"background:#faf5ff;\">\n<td style=\"padding:8px 14px;border-bottom:1px solid #ede9fe;\"><strong>UI<\/strong><\/td>\n<td style=\"padding:8px 14px;border-bottom:1px solid #ede9fe;\">Design<\/td>\n<td style=\"padding:8px 14px;border-bottom:1px solid #ede9fe;\">The appearance that the user sees.<\/td>\n<\/tr>\n<tr style=\"background:#fff;\">\n<td style=\"padding:8px 14px;border-bottom:1px solid #ede9fe;\"><strong>UX<\/strong><\/td>\n<td style=\"padding:8px 14px;border-bottom:1px solid #ede9fe;\">Design<\/td>\n<td style=\"padding:8px 14px;border-bottom:1px solid #ede9fe;\">User experience and ease of use.<\/td>\n<\/tr>\n<tr style=\"background:#faf5ff;\">\n<td style=\"padding:8px 14px;border-bottom:1px solid #ede9fe;\"><strong>Wireframe<\/strong><\/td>\n<td style=\"padding:8px 14px;border-bottom:1px solid #ede9fe;\">Design<\/td>\n<td style=\"padding:8px 14px;border-bottom:1px solid #ede9fe;\">A rough outline before the actual design.<\/td>\n<\/tr>\n<tr style=\"background:#fff;\">\n<td style=\"padding:8px 14px;border-bottom:1px solid #ede9fe;\"><strong>Mockup<\/strong><\/td>\n<td style=\"padding:8px 14px;border-bottom:1px solid #ede9fe;\">Design<\/td>\n<td style=\"padding:8px 14px;border-bottom:1px solid #ede9fe;\">The design image is complete, but not yet coding.<\/td>\n<\/tr>\n<tr style=\"background:#faf5ff;\">\n<td style=\"padding:8px 14px;border-bottom:1px solid #ede9fe;\"><strong>Responsive<\/strong><\/td>\n<td style=\"padding:8px 14px;border-bottom:1px solid #ede9fe;\">Design<\/td>\n<td style=\"padding:8px 14px;border-bottom:1px solid #ede9fe;\">A website that looks great on all screen sizes.<\/td>\n<\/tr>\n<tr style=\"background:#fff;\">\n<td style=\"padding:8px 14px;border-bottom:1px solid #ede9fe;\"><strong>CMS<\/strong><\/td>\n<td style=\"padding:8px 14px;border-bottom:1px solid #ede9fe;\">Technical<\/td>\n<td style=\"padding:8px 14px;border-bottom:1px solid #ede9fe;\">Content management system (e.g., WordPress)<\/td>\n<\/tr>\n<tr style=\"background:#faf5ff;\">\n<td style=\"padding:8px 14px;border-bottom:1px solid #ede9fe;\"><strong>SSL\/HTTPS<\/strong><\/td>\n<td style=\"padding:8px 14px;border-bottom:1px solid #ede9fe;\">Technical<\/td>\n<td style=\"padding:8px 14px;border-bottom:1px solid #ede9fe;\">Website security system<\/td>\n<\/tr>\n<tr style=\"background:#fff;\">\n<td style=\"padding:8px 14px;border-bottom:1px solid #ede9fe;\"><strong>API<\/strong><\/td>\n<td style=\"padding:8px 14px;border-bottom:1px solid #ede9fe;\">Technical<\/td>\n<td style=\"padding:8px 14px;border-bottom:1px solid #ede9fe;\">A connector that links two systems together.<\/td>\n<\/tr>\n<tr style=\"background:#faf5ff;\">\n<td style=\"padding:8px 14px;border-bottom:1px solid #ede9fe;\"><strong>SEO<\/strong><\/td>\n<td style=\"padding:8px 14px;border-bottom:1px solid #ede9fe;\">SEO\/Marketing<\/td>\n<td style=\"padding:8px 14px;border-bottom:1px solid #ede9fe;\">Optimizing your website for Google ranking.<\/td>\n<\/tr>\n<tr style=\"background:#fff;\">\n<td style=\"padding:8px 14px;border-bottom:1px solid #ede9fe;\"><strong>CRO<\/strong><\/td>\n<td style=\"padding:8px 14px;border-bottom:1px solid #ede9fe;\">SEO\/Marketing<\/td>\n<td style=\"padding:8px 14px;border-bottom:1px solid #ede9fe;\">Increase the proportion of visitors who actually make a purchase.<\/td>\n<\/tr>\n<tr style=\"background:#faf5ff;\">\n<td style=\"padding:8px 14px;border-bottom:1px solid #ede9fe;\"><strong>Heatmap<\/strong><\/td>\n<td style=\"padding:8px 14px;border-bottom:1px solid #ede9fe;\">SEO\/Marketing<\/td>\n<td style=\"padding:8px 14px;border-bottom:1px solid #ede9fe;\">The image shows the points that users click on most often.<\/td>\n<\/tr>\n<tr style=\"background:#fff;\">\n<td style=\"padding:8px 14px;border-bottom:1px solid #ede9fe;\"><strong>Core Web Vitals<\/strong><\/td>\n<td style=\"padding:8px 14px;border-bottom:1px solid #ede9fe;\">SEO\/Marketing<\/td>\n<td style=\"padding:8px 14px;border-bottom:1px solid #ede9fe;\">Google&#039;s user experience metrics.<\/td>\n<\/tr>\n<tr style=\"background:#faf5ff;\">\n<td style=\"padding:8px 14px;border-bottom:1px solid #ede9fe;\"><strong>Checkout Flow<\/strong><\/td>\n<td style=\"padding:8px 14px;border-bottom:1px solid #ede9fe;\">E-Commerce<\/td>\n<td style=\"padding:8px 14px;border-bottom:1px solid #ede9fe;\">Online store payment process<\/td>\n<\/tr>\n<tr style=\"background:#fff;\">\n<td style=\"padding:8px 14px;border-bottom:1px solid #ede9fe;\"><strong>Payment Gateway<\/strong><\/td>\n<td style=\"padding:8px 14px;border-bottom:1px solid #ede9fe;\">E-Commerce<\/td>\n<td style=\"padding:8px 14px;border-bottom:1px solid #ede9fe;\">Online payment system<\/td>\n<\/tr>\n<tr style=\"background:#faf5ff;\">\n<td style=\"padding:8px 14px;\"><strong>Conversion Rate<\/strong><\/td>\n<td style=\"padding:8px 14px;\">E-Commerce<\/td>\n<td style=\"padding:8px 14px;\">% Visitors who become customers.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n\n\n\n<p>The more vocabulary you know, the better you can communicate with your team and the more likely you are to create a website that truly meets your business needs. But if you&#039;re unsure where to start, you don&#039;t need to know everything before you begin \u2014 a good professional will explain it to you.<\/p>\n\n\n\n<p><!-- CTA --><\/p>\n\n\n\n<div style=\"background:linear-gradient(135deg,#7C3AED,#06B6D4);padding:36px 32px;border-radius:16px;margin-top:40px;text-align:center;color:#fff;\">\n<h3 style=\"margin:0 0 12px;color:#fff;\">Are you ready to create a website that truly meets your business needs?<\/h3>\n<p style=\"margin:0 0 24px;opacity:0.93;line-height:1.7;\">Our creative team has over 15 years of experience, overseeing everything from... <a href=\"https:\/\/creative.co.th\/en\/webdesign-wordpress\/\" style=\"color:#fff;font-weight:bold;text-decoration:underline;\">Web design<\/a> From SEO planning to e-commerce development, we offer a complete service all in one place. Tell us your needs, and let us translate all the requirements into a website that actually sells.<\/p>\n<p>  <a href=\"https:\/\/creative.co.th\/en\/contact-us\/\" style=\"display:inline-block;background:#fff;color:#7C3AED;padding:14px 32px;border-radius:50px;font-weight:700;text-decoration:none;box-shadow:0 4px 16px rgba(0,0,0,0.15);\">Talk to our team \u2014 free, no obligation.<\/a>\n<\/p><\/div>","protected":false},"excerpt":{"rendered":"<p>This comprehensive glossary of essential web design terms covers all categories: Design, Technical, SEO, and E-Commerce. It&#039;s easy to understand, without jargon, and will help you prepare for discussions with designers.<\/p>","protected":false},"author":1,"featured_media":18347,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_seopress_robots_primary_cat":"","_seopress_titles_title":"\u0e23\u0e39\u0e49\u0e08\u0e31\u0e01 40 \u0e04\u0e33\u0e28\u0e31\u0e1e\u0e17\u0e4c Web Design \u0e01\u0e48\u0e2d\u0e19\u0e08\u0e49\u0e32\u0e07\u0e17\u0e33\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c","_seopress_titles_desc":"\u0e23\u0e27\u0e21\u0e04\u0e33\u0e28\u0e31\u0e1e\u0e17\u0e4c\u0e2a\u0e33\u0e04\u0e31\u0e0d\u0e43\u0e19\u0e27\u0e07\u0e01\u0e32\u0e23\u0e2d\u0e2d\u0e01\u0e41\u0e1a\u0e1a\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c \u0e04\u0e23\u0e1a\u0e17\u0e38\u0e01\u0e2b\u0e21\u0e27\u0e14 \u0e17\u0e31\u0e49\u0e07 Design, Technical, SEO \u0e41\u0e25\u0e30 E-Commerce \u0e2d\u0e48\u0e32\u0e19\u0e40\u0e02\u0e49\u0e32\u0e43\u0e08\u0e07\u0e48\u0e32\u0e22 \u0e44\u0e21\u0e48\u0e21\u0e35\u0e20\u0e32\u0e29\u0e32\u0e0a\u0e48\u0e32\u0e07 \u0e40\u0e15\u0e23\u0e35\u0e22\u0e21\u0e04\u0e38\u0e22\u0e01\u0e31\u0e1a\u0e14\u0e35\u0e44\u0e0b\u0e40\u0e19\u0e2d\u0e23\u0e4c\u0e44\u0e14\u0e49\u0e40\u0e25\u0e22","_seopress_robots_index":"","_seopress_analysis_target_kw":"","footnotes":""},"categories":[46],"tags":[439,67,438,252,370,437,131,440,39,436,149,383],"class_list":["post-18350","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","tag-cms","tag-e-commerce","tag-responsive-design","tag-seo","tag-typography","tag-ui-ux","tag-web-design","tag-wireframe","tag-wordpress","tag-436","tag-149","tag-383"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/creative.co.th\/en\/wp-json\/wp\/v2\/posts\/18350","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/creative.co.th\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/creative.co.th\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/creative.co.th\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/creative.co.th\/en\/wp-json\/wp\/v2\/comments?post=18350"}],"version-history":[{"count":1,"href":"https:\/\/creative.co.th\/en\/wp-json\/wp\/v2\/posts\/18350\/revisions"}],"predecessor-version":[{"id":18351,"href":"https:\/\/creative.co.th\/en\/wp-json\/wp\/v2\/posts\/18350\/revisions\/18351"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/creative.co.th\/en\/wp-json\/wp\/v2\/media\/18347"}],"wp:attachment":[{"href":"https:\/\/creative.co.th\/en\/wp-json\/wp\/v2\/media?parent=18350"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/creative.co.th\/en\/wp-json\/wp\/v2\/categories?post=18350"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/creative.co.th\/en\/wp-json\/wp\/v2\/tags?post=18350"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}