Glossary

Accessibility in digital design refers to building products that can be used by people of all abilities, including those with visual, motor, or cognitive impairments. WCAG (Web Content Accessibility Guidelines) is the international standard that defines how to meet accessibility requirements. In SaaS product design, accessibility is not a nice-to-have: it affects usability for all users, not just those with disabilities.

Atomic design is a methodology for building UI systems by breaking interfaces down into their smallest reusable parts. It organises components into five levels: atoms, molecules, organisms, templates, and pages. The approach, developed by Brad Frost, helps product teams build consistent, scalable design systems.

Brand guidelines are a set of rules that define how a brand should look, sound, and behave across all touchpoints. They typically cover logo usage, typography, colour palette, tone of voice, and visual style. For SaaS companies, strong brand guidelines ensure consistency across product, marketing, and sales materials.

Brand identity is the collection of visual and verbal elements that make a company recognisable: its logo, colours, typography, imagery, and tone of voice. It is how a company chooses to present itself to the world. A strong brand identity builds trust and makes a product more memorable in a crowded market.

Branding is the strategic process of shaping how a company or product is perceived. It goes beyond visual design to include positioning, messaging, and the emotional associations a brand creates over time. For early-stage SaaS startups, clear branding accelerates trust with potential customers and investors alike.

A call to action is a prompt that directs a user toward a specific next step, such as signing up, booking a demo, or starting a free trial. Good CTAs are clear, specific, and tied to the user's current intent. In SaaS product design and marketing, CTAs are one of the highest-leverage elements on any page or screen.

A component library is a collection of reusable UI elements, such as buttons, form fields, modals, and navigation bars, built to be used consistently across a product. It sits within or alongside a design system and helps development teams build faster without reinventing the wheel. A well-maintained component library reduces inconsistency and speeds up product iteration.

A creative brief is a short document that outlines the goals, audience, constraints, and deliverables for a design or marketing project. It aligns the creative team with the business objective before work begins. A good brief saves time by preventing misaligned work and rounds of unclear feedback.

A creative studio is a team or agency that handles the design, branding, and creative execution of a company's visual and communication output. Unlike a traditional agency, a creative studio often works in closer collaboration with a client's internal team. Otto Creatives is a creative studio built specifically for SaaS product teams.

A customer journey map is a visual representation of the steps a user takes when interacting with a product or service, from first awareness to active use. It highlights pain points, moments of delight, and gaps in the experience. Product teams use journey maps to align on what users actually go through, not what they assume they go through.

Dark mode is a display setting that replaces light backgrounds with dark ones, reducing eye strain in low-light environments. In UI design, dark mode requires a separate set of design decisions around contrast, colour, and legibility. Many SaaS products now offer dark mode as a standard user preference.

A design sprint is a structured five-day process for solving a product challenge through rapid prototyping and user testing. Developed at Google Ventures, it compresses weeks of work into a single week by forcing focused decision-making. Product teams use design sprints to validate ideas before committing to full development.

A design system is a shared set of standards, components, and guidelines that governs how a product looks and behaves. It connects design and engineering by providing reusable building blocks and the rules for using them. A strong design system enables product teams to ship faster and more consistently as a product scales.

A design token is a named variable that stores a visual decision, such as a colour, spacing value, or font size, in a format that can be used across design tools and code. Tokens make it possible to update a visual style in one place and have the change propagate across an entire product. They are a foundational element of scalable design systems.

The discovery phase is the early stage of a product or feature project where the team gathers insights before committing to a solution. It involves user research, stakeholder interviews, and problem framing. Skipping discovery is one of the most common reasons product teams build features that do not get used.

An embedded design team works inside a client's product process rather than at arm's length. They join standups, work in the same tools, and operate like an internal hire rather than an external vendor. This model gives early-stage startups access to senior creative talent without the overhead of a full-time hire.

Feature adoption measures how many users discover and actively use a new feature after it has been launched. Low adoption does not always mean a bad feature: it often means poor onboarding, weak communication, or a mismatch between the feature and user workflow. Improving adoption is a product marketing challenge as much as a product design one.

A feature launch plan is a structured document that outlines how a new product feature will be introduced to users. It covers messaging, positioning, rollout strategy, onboarding, and success metrics. Without a launch plan, even well-designed features can land quietly and underperform.

Figma is a cloud-based design tool used by product teams for UI design, prototyping, and design collaboration. It has become the industry standard for SaaS product design because it allows designers and developers to work in the same file in real time. Most modern design systems and component libraries are built and maintained in Figma.

Fractional design refers to hiring a senior designer or design team on a part-time or project basis rather than as a full-time employee. It gives startups access to experienced creative talent at a fraction of the cost of a full-time hire. It is a practical model for early-stage teams that need high-quality design work without a long-term headcount commitment.

Glassmorphism is a UI design trend that mimics the appearance of frosted glass: semi-transparent backgrounds, soft blurs, and layered depth. It creates a sense of visual hierarchy without heavy shadows or borders. Used well, it adds sophistication to interfaces; overused, it can reduce legibility.

A go-to-market strategy is the plan a company uses to bring a product or feature to its target audience. It defines the target customer, messaging, pricing, distribution channels, and launch timeline. In SaaS, a clear GTM strategy is the difference between a feature that gets traction and one that gets ignored.

In-app onboarding is the process of guiding new users through a product's core features immediately after they sign up. It typically involves tooltips, walkthroughs, checklists, or empty state messaging. Effective onboarding accelerates the moment users first experience the product's core value.

Information architecture is the practice of organising and structuring content and navigation so that users can find what they need easily. In product design, IA decisions shape how menus, pages, and features are grouped and labelled. Poor information architecture is one of the most common sources of user frustration in SaaS products.

Interaction design focuses on the behaviour of a digital product: how it responds when a user clicks, taps, scrolls, or types. It covers transitions, feedback states, error handling, and the logic of how elements behave. Good interaction design makes a product feel intuitive and responsive without users having to think about it.

Jobs to be done is a framework for understanding why customers use a product by focusing on the underlying task or goal they are trying to accomplish. Rather than describing users by demographics, JTBD asks: what job is this person hiring the product to do? It is widely used in product strategy and feature prioritisation to avoid building for the wrong reasons.

Messaging and positioning define how a product or feature is described to a specific audience. Positioning establishes where a product sits in the market relative to alternatives. Messaging translates that positioning into language that resonates with the target user's actual needs and language.

Micro-interactions are small, contained moments in a UI that respond to a user action: a button that changes state on hover, a success animation after a form submission, or a subtle shake when a password is wrong. They make interfaces feel alive and responsive. When done well, they go unnoticed but are missed when absent.

Motion design in digital products refers to the use of animation and transitions to guide attention, communicate state changes, and improve perceived performance. It covers everything from page transitions to loading states to micro-animations. Purposeful motion makes interfaces feel more polished and reduces cognitive load.

An MVP is the simplest version of a product or feature that can be released to test a hypothesis with real users. The goal is to learn quickly with minimal investment, not to ship something unfinished. The definition of 'minimum' is often misunderstood: it means the minimum needed to generate useful learning, not the minimum effort applied.

Neumorphism is a UI design style that creates soft, extruded shapes using light and shadow to simulate physical depth on a flat surface. It gained attention around 2020 as a successor to flat design. In practice, it has significant accessibility challenges due to low contrast, making it difficult for many users to distinguish interactive elements.

Product design is the end-to-end process of defining, designing, and refining a digital product so that it solves real user problems effectively. It spans user research, UX design, UI design, and usability testing. In SaaS, strong product design is one of the primary drivers of user retention and competitive differentiation.

Product-led growth is a go-to-market strategy where the product itself is the primary driver of user acquisition, expansion, and retention. In a PLG model, users experience value before talking to sales, often through free trials or freemium plans. It places significant pressure on the product team to design a first-use experience that converts.

Product-market fit describes the point at which a product satisfies a strong market demand. It is often described as a feeling more than a metric: users are retained, they refer others, and the team struggles to keep up with growth. Most early-stage startups are in active pursuit of product-market fit before scaling.

Product marketing connects the product to the market. It covers positioning, messaging, launch strategy, and ensuring that the right people understand the value of a product or feature. In early-stage SaaS companies, product marketing is often under-resourced, which leads to well-built features that fail to gain traction.

A prototype is a working simulation of a product or feature used to test ideas before building the real thing. Prototypes range from low-fidelity paper sketches to high-fidelity interactive mockups in tools like Figma. They allow product teams to gather user feedback and identify problems at a fraction of the cost of full development.

Release notes are short communications that inform users about what has changed, been added, or been fixed in a new version of a product. They are a product marketing touchpoint as much as a technical one. Well-written release notes drive feature awareness and reinforce that the product is actively improving.

Responsive design is the approach of building interfaces that adapt fluidly to different screen sizes and devices. A responsive layout looks and functions correctly on a desktop, tablet, and mobile phone without requiring separate codebases. It is a baseline expectation in modern SaaS product design.

SaaS is a software distribution model where applications are hosted in the cloud and accessed via a subscription, rather than installed locally. Examples include tools like Notion, Slack, and Salesforce. The SaaS model aligns revenue with ongoing customer satisfaction, making product quality and user experience central to business health.

UI design, or user interface design, is the practice of designing the visual layer of a digital product: the layouts, colours, typography, buttons, icons, and interactive elements that users see and touch. It sits on top of UX design and translates structure into a visual experience. Strong UI design makes a product feel polished, credible, and easy to use.

Usability testing is a research method where real users attempt to complete tasks in a product while the team observes. It reveals where users get confused, stuck, or frustrated in ways that internal teams cannot see from the inside. Even a small number of usability tests, typically five users, can uncover the majority of significant design problems.

A user flow is a diagram that maps the path a user takes through a product to complete a specific task, from entry point to completion. It helps product and design teams identify friction, missing steps, or unnecessary complexity before building. User flows are commonly created during the UX design phase of a project.

A user persona is a fictional but research-based representation of a target user, including their goals, behaviours, frustrations, and context. Personas help product teams make design and prioritisation decisions by anchoring them to a real type of user rather than abstract assumptions. They are most useful when built from actual user research, not internal guesswork.

User research is the practice of gathering insights about users' needs, behaviours, and mental models to inform product decisions. Methods include interviews, surveys, usability tests, and behavioural analytics. It is the foundation of user-centred design, and the most reliable way to build features that people actually want to use.

UX design, or user experience design, is the practice of designing products that are intuitive, efficient, and satisfying to use. It encompasses the full experience a user has with a product: the structure, the flows, the interactions, and the emotional response. UX design is distinct from UI design: UX is the architecture of experience, UI is the visual surface on top of it.

A value proposition is a clear statement of the specific benefit a product delivers to a defined customer, and why it is better than the alternatives. It is not a slogan or a list of features: it is a precise answer to the question 'why should I use this?' In SaaS marketing, a weak value proposition is one of the most common reasons conversion rates underperform.

Visual hierarchy is the principle of arranging design elements so that the most important information is seen first. It is created through size, weight, colour, contrast, and spacing. Strong visual hierarchy reduces cognitive load and guides users toward the actions and information that matter most on any screen.

A wireframe is a low-fidelity blueprint of a screen or interface that shows layout, structure, and content placement without visual design. It is used early in the design process to align on how a page or feature will work before investing in visual execution. Wireframes are fast to produce and easy to change, making them ideal for early-stage exploration.