Web Design & UX

Mockup

Quick Definition

A mockup is a high-fidelity visual representation of a page, showing colours, typography, imagery, and final design — but not interactive.

In context

Mockups follow wireframes in the design process. Tools: Figma, Adobe XD, Sketch. Mockups are reviewed and approved before development begins.

Book a free 60-minute strategy call. We'll explain how this concept applies to your specific situation.

CRO is the practice of increasing the percentage of visitors who take a desired action through systematic testing and design improvement.

WCAG is the W3C accessibility standard with three conformance levels: A (basic), AA (typical legal/best-practice), AAA (highest).

Contrast ratio measures the difference in luminance between text and background, expressed as a ratio (e.g., 4.5:1).

Session recording captures and plays back individual user sessions, showing exactly how a person navigated, scrolled, and interacted with the site.

Web typography is the practice of arranging type for clarity, hierarchy, and brand on the web.

Accessibility is designing and building websites that work for all users, including those with visual, auditory, motor, or cognitive impairments.