Plain-language definitions for digital projects

The part of a webpage visible without scrolling. It usually carries the strongest first impression — brand, headline, and primary call to action.

Designing and building digital products so people with different abilities can use them — including readable contrast, keyboard navigation, screen-reader support, and clear focus states.

Connecting artificial intelligence features — such as chat assistants, content helpers, or recommendation tools — into a website, app, or internal workflow so they support real business tasks.

Application Programming Interface. A way for software systems to talk to each other — for example connecting your website to payments, booking tools, CRMs, or messaging platforms.

A small navigation trail that shows where you are in a site (for example Home › Services › UI/UX Design). It helps people orient themselves and move up a level quickly.

Using software to handle repetitive tasks automatically — like lead routing, follow-up emails, invoice reminders, appointment confirmations, or status updates — so your team spends less time on manual work.

A short highlighted message that pulls attention to a tip, benefit, warning, or detail — often set apart with color, icon, or spacing so it doesn't get lost in body copy.

A contained UI block that groups related content — title, text, image, or action — into a scannable unit. Useful for services, features, blog posts, and product lists.

A private dashboard built for you or your customers to manage content, bookings, orders, records, or account details without needing a complicated admin system.

Content Management System. Software that lets you update website content — pages, posts, images, products — without editing code. At Mapout Creative, CMS tools are custom-built around what you actually need to edit.

When a visitor takes a desired action — booking a call, submitting a form, making a purchase, or signing up. Conversion-focused design removes friction from those paths.

Google's key performance metrics for real-user experience: loading speed (LCP), interactivity (INP), and visual stability (CLS). Strong scores help SEO and reduce bounce rates.

Call to Action. A button or link that asks visitors to take the next step — Book a Free Call, Apply Now, Explore Services, and similar prompts.

Building a website or web application from your brand, goals, and workflows — not forcing your business into a generic template or page-builder theme.

A shared set of colors, typography, spacing, components, and rules that keep every screen consistent as a product grows.

The first project phase where we learn about your business, audience, goals, competitors, and constraints before designing or building — so decisions are based on clarity, not guesswork.

Your website address on the internet (for example mapoutcreative.com). You should own the domain so your brand stays under your control.

Selling products or services online — including catalogs, carts, checkout, payments, inventory, and order management.

A short label placed above a headline — often in uppercase or smaller type — that sets context before the main message (for example “What We Offer” or “Who We Are”).

The small icon shown in a browser tab, bookmarks, and some search results. It helps people recognize your brand at a glance.

The bottom section of a website with secondary navigation, contact details, policies, and company links. It supports orientation when someone has scrolled past the main content.

The point when design is packaged for development — with specs, assets, components, and notes so engineers can build accurately without guessing.

The main line of text in a section or page that states the core idea. Strong headlines are specific, scannable, and support the brand rather than burying it.

The large first section of a landing or marketing page — usually brand, headline, supporting line, CTA, and a dominant visual. It sets the tone before visitors scroll further.

Where your website or application lives on the internet. Managed hosting typically includes servers, uptime monitoring, backups, and security updates so you don't have to run infrastructure yourself.

A focused page built for a specific goal or campaign — often with one clear offer and one primary CTA — rather than general site navigation competing for attention.

A Google tool that scores a page on performance, accessibility, best practices, and SEO. Useful for finding concrete improvements before and after launch.

Ongoing care after launch — updates, backups, monitoring, bug fixes, small improvements, and technical help so your site stays secure and reliable.

An expanded navigation panel that shows grouped links, short descriptions, and sometimes icons or a promo column — useful when Services, Solutions, or Resources need more than a simple dropdown.

Information about a page used by browsers and search engines — title tags, descriptions, Open Graph images, and similar fields that shape how your site appears in search and shares.

An application built for smartphones and tablets (iOS and/or Android). Can be native, cross-platform, or a progressive web app depending on goals and budget.

A focused overlay dialog that appears on top of the page for a short task — contact forms, applications, confirmations — without navigating away from the current screen.

Minimum Viable Product. The smallest useful version of a product that can be launched, tested with real users, and improved based on feedback — instead of building everything at once.

The primary top navigation bar with logo, menu links, and often a primary CTA. It stays available so people can move between key sections and pages.

A drag-and-drop tool for assembling website pages visually. Convenient for simple sites, but often harder to customize, secure, and scale for complex business workflows.

Improving how fast a site loads and responds — by reducing heavy assets, improving code, caching, and fixing layout shifts — so visitors stay and search engines reward the experience.

When your website, content, or customers are trapped inside a hosted platform that is hard or expensive to leave. Custom builds and clear ownership help you avoid this risk.

A clickable preview of an interface used to test flows and design decisions before full development. Prototypes make feedback cheaper and clearer.

Quality Assurance. Systematic testing of performance, security, devices, browsers, accessibility, forms, and content before launch so issues are caught early.

Layouts that adapt cleanly across phones, tablets, and desktops so the experience feels intentional on every screen size — not squeezed from a desktop mockup.

A phased plan of what gets built, in what order, and why. It connects features to business goals and helps manage budget and timeline.

A clear definition of what is included in a project — features, pages, integrations, and deliverables — so both sides know what “done” means before work starts.

A distinct block of a page with one job — hero, services, process, pricing, FAQ, CTA. Clear sections keep pages scannable and prevent competing messages from stacking together.

Search Engine Optimization. Technical and content practices that help search engines understand and rank your pages so the right people can find you.

A map of important pages on a site. For visitors it can mean a navigation overview; for SEO it often means an XML file that helps search engines discover and crawl your URLs.

Strategy, content, creative, posting, engagement, and campaigns across social platforms to grow awareness, trust, and demand for your brand.

Security technology that encrypts data between a visitor's browser and your site. The padlock in the address bar means HTTPS is active — a baseline for trust and SEO.

The short sentence under a headline that explains the offer or context without competing with the main message. Also called a subhead or lead-in.

The behind-the-scenes side of SEO: site structure, indexing, sitemaps, speed, mobile readiness, metadata, and clean URLs that help search engines crawl and understand your site.

User Interface. The visual layer people interact with — layout, color, type, buttons, forms, and components.

User Experience. How easy, clear, and effective a product feels to use — from first visit to completing a goal like booking or buying.

The visible area of a page in the browser or device screen. Designers use it to plan what fits on first load and how layouts change across breakpoints.

Software that runs in the browser with richer functionality than a marketing site — dashboards, portals, tools, workflows, and logged-in experiences.

A simple structural sketch of a page or screen that focuses on layout and flow before visual design details are added.

A popular open-source CMS and ecosystem of themes and plugins. Powerful for many sites, but plugin-heavy setups can create security, speed, and maintenance issues over time.