Process Glossary

Here you can find important tech terms and definitions, explained in a simple and clear way.

XD (Adobe XD)

XD is one of the industry-standard tools for UI/UX Design, performing functions similar to Figma.

UI-UX
Process

Workflow

A Workflow defines the repeatable process for any business activity, from the internal steps a developer takes to build a feature to the automated sequence that routes a new lead. In web development, key workflows include: development, marketing, and content.

Process
Development

Testing (A/B, Usability, etc.)

Testing is a core component of both Quality Assurance (QA) and Optimization and is a continuous activity. Key types include: A/B testing, usability testing, functional testing, and performance testing.

Process
QA
Growth

Quality Assurance (QA)

Quality Assurance is a comprehensive process that spans the entire Revamp and development cycle, ensuring high-quality standards are met. It involves: testing, technical checks, and aesthetic review.

Development
Process
Testing

Reusable Components

Reusable Components are the building blocks of Modular Design and the coded realization of a Component Library. They are built once and then dropped onto any number of pages or templates across the site.

Development
Design
Process

Naming Convention

A Naming Convention provides a structure and vocabulary for the entire development project. Using a recognized system (like BEM or a custom client-specific standard) for naming CSS (Cascading Style Sheets) classes is vital.

Development
Technical
Process

Iteration

Iteration is the principle of continuous improvement, moving away from a single, static product launch toward an ongoing cycle of refinement. It is the engine behind Conversion Rate Optimization (CRO) and Growth-Focused Strategies.

Process
Development
Growth

Integration

Integration is the fundamental act of making disparate software tools work together. For B2B/SaaS, this means connecting the Webflow marketing site to the rest of the business ecosystem: CRM, analytics, and marketing.

Technical
Development
Process

High-Fidelity Prototype

A High-Fidelity Prototype is the final output of the design phase, typically created in Figma. Unlike a low-fidelity Wireframe, it includes all the final elements.

Design
UI-UX
Process

Design System

A Design System is more than a simple Style Guide; it is the single source of truth for the entire interface. It is typically housed in Figma (design files) and implemented in Webflow (code structure). It defines rules for: brand identity and component library.

Design
Development
Process

Deployment

Deployment is the technical procedure that pushes the final, tested code from the development environment to the live production environment. It includes several non-negotiable steps.

Development
Technical
Process

Component Library

A Component Library is the heart of a Design System, containing all the modular parts used to construct the interface. These components are fully defined in Figma (design specs) and built as Reusable Components in Webflow (coded elements).

Design
Development
Process

Atomic Design

Coined by Brad Frost, this methodology uses the metaphor of chemistry to organize a Design System into hierarchical components: Atoms, Molecules, Organisms, Templates, and Pages.

Design
Development
Process