# Artifacts

> UX deliverables and design artifacts — wireframes, journey maps, personas, service blueprints, and the documents that make design tangible.

## Pages

- [Customer Journey Maps](https://www.fernandoux.com/en/wiki/artifacts/customer-journey-maps/)
  A Customer Journey Map (CJM) is a visualization of the complete story of a user's interaction with a product or service over time and across different channels.
- [Design Specifications](https://www.fernandoux.com/en/wiki/artifacts/design-specs/)
  Detailed documentation that translates designs into development instructions—the bridge between design and code.
- [Empathy Maps: Understanding Users at a Deeper Level](https://www.fernandoux.com/en/wiki/artifacts/empathy-maps/)
  An empathy map is a visual framework for understanding a user's needs, feelings, and environment by exploring what they think, feel, see, say, do, and hear.
- [Mockups](https://www.fernandoux.com/en/wiki/artifacts/mockups/)
  A mockup is a static, high-fidelity representation of a product's interface. Unlike wireframes, mockups focus on the visual and aesthetic aspects, including colors, typography, images, and other graphic elements to simulate the final product's appearance.
- [Personas](https://www.fernandoux.com/en/wiki/artifacts/personas/)
  A Persona (or User Persona) is a fictional user archetype based on real research data that represents a group of users with similar behaviors, goals, and motivations.
- [Prototypes](https://www.fernandoux.com/en/wiki/artifacts/prototypes/)
  A prototype is an interactive simulation of a final product used to test and validate design concepts before development. Unlike mockups (which are static), prototypes are "clickable" and allow users to experience the flow of an application.
- [Red Routes](https://www.fernandoux.com/en/wiki/artifacts/red-routes/)
  The top 5 user journeys your product must support flawlessly—identify these and everything else is secondary.
- [Service Blueprints](https://www.fernandoux.com/en/wiki/artifacts/service-blueprints/)
  A Service Blueprint is a diagram that visualizes the relationships between different components of a service (people, processes, and objects) across the different stages of customer interaction.
- [Site Maps](https://www.fernandoux.com/en/wiki/artifacts/site-maps/)
  A hierarchical diagram showing all pages and how they relate—the blueprint before you design a single page.
- [User Flows](https://www.fernandoux.com/en/wiki/artifacts/user-flows/)
  A User Flow is a diagram that visualizes the complete path a user follows through a digital product to complete a specific task.
- [Wireframes](https://www.fernandoux.com/en/wiki/artifacts/wireframes/)
  A wireframe is a low-fidelity visual schematic of an interface, similar to an architect's blueprint. It focuses on structure, content hierarchy, and functionality, deliberately ignoring visual elements like colors, typography, or images.


---

Source: https://www.fernandoux.com/en/wiki/artifacts/