Skip to main content
Web Design & Development

35 terms

Web Design & Development

How your website is built, why it matters, and what's probably wrong with yours right now.

#31

Responsive Design

Responsive design means your website automatically adjusts its layout, text size, and images to fit whatever screen i...

#32

Mobile-First Design

Mobile-first design means designing for the smallest screen first and working your way up to desktop — not the othe...

#33

User Experience (UX)

User experience is every interaction a person has with your website — how easy it is to find things, how fast it lo...

#34

User Interface (UI)

User interface is the visual layer of your website — the buttons, menus, forms, icons, colors, and typography that ...

#35

Wireframe

A wireframe is a rough structural blueprint of a web page — black and white boxes showing where elements will go: t...

#36

Mockup

A mockup is a high-fidelity visual of what a finished web page will look like — real colors, real fonts, real image...

#37

Prototype

A prototype is an interactive, clickable version of your website before it's actually built.

#38

Above the Fold

"Above the fold" refers to everything visible on your webpage before a visitor has to scroll — what they see the in...

#39

Hero Section

The hero section is the large banner area at the top of a webpage — typically a headline, subheadline, a background...

#40

Call to Action (CTA)

A call to action is an instruction that tells your visitor what to do next — "Book a Free Call," "Get a Quote," "Do...

#41

Landing Page

A landing page is a standalone web page designed for one specific purpose — usually to get visitors to take one act...

#42

Homepage vs. Landing Page

Your homepage is your hub — it serves multiple audiences, links to multiple sections, and gives an overview of your...

#43

Navigation

Site navigation is the menu system that lets visitors move through your website — the links in your header, footer,...

#44

Information Architecture

Information architecture (IA) is the practice of organizing and structuring the content on your website so people can...

#45

Site Map

A site map is a complete list or diagram of every page on your website and how they're connected.

#46

Content Management System (CMS)

A content management system is the software that lets you edit your website without touching code.

#47

WordPress

WordPress is the world's most widely used content management system, powering around 40% of all websites on the inter...

#48

Custom Website vs. Template

A template website is built on a pre-made design framework — you plug in your content, adjust some colors, and you'...

#49

Web Hosting

Web hosting is the service that stores your website's files and makes them accessible on the internet.

#50

Domain Name

Your domain name is your website address — the thing people type into a browser to find you.

#51

SSL Certificate

An SSL certificate is a small data file that encrypts the connection between your website and your visitors' browsers.

#52

Page Speed

Page speed is how fast your website loads for a visitor — typically measured in seconds from when they click your l...

#53

Core Web Vitals

Core Web Vitals are a set of specific performance metrics Google uses to measure real-world user experience on your s...

#54

Accessibility (ADA Compliance)

Web accessibility means designing your site so people with disabilities — visual, auditory, motor, cognitive — ca...

#55

Alt Text

Alt text (alternative text) is a written description of an image that lives in the image's HTML code.

#56

Favicon

A favicon is the tiny icon that appears in a browser tab next to your website's title, in bookmarks, and sometimes in...

#57

301 Redirect

A 301 redirect is a permanent instruction that tells a browser (and Google) "this page has moved — go here instead....

#58

404 Error

A 404 error is what a browser shows when someone requests a page that doesn't exist on your server — either because...

#59

White Space (Negative Space)

White space — also called negative space — is the empty area between and around elements on a page.

#60

Grid System

A grid system is an invisible framework of columns and rows that designers use to align and organize elements on a page.

#61

Breakpoints

Breakpoints are the specific screen widths at which your website's layout changes to better suit the device.

#62

Lazy Loading

Lazy loading is a technique where images and videos on your page don't load until the visitor actually scrolls down t...

#63

Content Hierarchy

Content hierarchy is the visual and structural order in which information is presented on a page — what's biggest, ...

#64

Conversion Rate

Conversion rate is the percentage of your website visitors who complete a desired action — fill out a form, book a ...

#65

Bounce Rate

Bounce rate is the percentage of visitors who land on a page and leave without clicking anything or visiting any othe...