# Masterly

> Masterly is a founder-led UI/UX design agency for B2B SaaS We design and build product experiences that make complex workflows clearer, easier to use, and ready to ship.

Masterly works with B2B SaaS companies that have a working product, an internal owner and a budget for a defined task or ongoing work, with deep specialization in fintech, healthtech and AI products. Engagements are fixed-scope projects (product redesigns, new features, design systems, websites) or an embedded design team on a monthly basis.

Full content (all blog + glossary text in one file): https://www.themasterly.com/llms-full.txt

Markdown versions: every blog post, case study, service page, and glossary term
is also available as clean markdown — append `.md` to the URL, e.g.
https://www.themasterly.com/blog/saas-ui-ux-design-guide.md or https://www.themasterly.com/services/ui-ux-design.md.

## Key pages
- [Services](https://www.themasterly.com/services): Full list of design, development, and marketing services
- [Success Stories](https://www.themasterly.com/success-stories): Client case studies and results
- [Shots](https://www.themasterly.com/shots): Gallery of product UI, website and brand design work from the case studies
- [Blog](https://www.themasterly.com/blog): Guides and field notes on growth design, product, and brand
- [About the author](https://www.themasterly.com/author/vlad-hrynchuk): Vlad Hrynchuk — Co-Founder & Head of Design at Masterly; a decade designing for Meta, Ray-Ban, Amazon and Reddit
- [Book a call](https://calendly.com/vlad-masterly/discovery-call): Book a 30-minute intro call with the team

## Services
- [UI/UX Design](https://www.themasterly.com/services/ui-ux-design)
- [UX Audit](https://www.themasterly.com/services/ux-audit)
- [Web Design](https://www.themasterly.com/services/web-design)
- [Mobile App Design](https://www.themasterly.com/services/mobile-app-design)
- [Design From Scratch MVP](https://www.themasterly.com/services/design-from-scratch-mvp)
- [Product Redesign](https://www.themasterly.com/services/product-redesign)
- [Branding](https://www.themasterly.com/services/branding)
- [Design System](https://www.themasterly.com/services/design-system)
- [Motion Design](https://www.themasterly.com/services/motion-design)
- [Landing Page Design](https://www.themasterly.com/services/landing-page-design)
- [Fintech Design](https://www.themasterly.com/services/fintech-design)
- [Pitch Deck For Investors](https://www.themasterly.com/services/pitch-deck-for-investors)
- [Ad Creative](https://www.themasterly.com/services/ad-creative)
- [Social Media Creative](https://www.themasterly.com/services/social-media-creative)
- [Email Design](https://www.themasterly.com/services/email-design)
- [Marketing Design](https://www.themasterly.com/services/marketing-design)
- [Team Extension](https://www.themasterly.com/services/team-extension)
- [Embedded Design Team](https://www.themasterly.com/services/embedded-design-team)
- [Web Development](https://www.themasterly.com/services/web-development)
- [Webflow Development](https://www.themasterly.com/services/webflow-development)
- [Framer Development](https://www.themasterly.com/services/framer-development)
- [Shopify Development](https://www.themasterly.com/services/shopify-development)
- [WordPress Development](https://www.themasterly.com/services/wordpress-development)
- [Trial Week](https://www.themasterly.com/services/trial-week)
- [AI Feature Decision Sprint](https://www.themasterly.com/services/ai-feature-decision-sprint)
- [Fractional Head Of Design](https://www.themasterly.com/services/fractional-head-of-design)
- [White Label Design](https://www.themasterly.com/services/white-label-design)

## Industries
- [Fintech](https://www.themasterly.com/client-industries/fintech)
- [SaaS](https://www.themasterly.com/client-industries/saas)
- [Healthcare](https://www.themasterly.com/client-industries/healthcare)
- [Ecommerce](https://www.themasterly.com/client-industries/ecommerce)
- [Web3](https://www.themasterly.com/client-industries/web3)
- [EdTech](https://www.themasterly.com/client-industries/edtech)
- [Legal Tech](https://www.themasterly.com/client-industries/legal-tech)
- [Real Estate](https://www.themasterly.com/client-industries/real-estate)
- [Automotive](https://www.themasterly.com/client-industries/automotive)
- [Travel](https://www.themasterly.com/client-industries/travel)
- [AI & ML](https://www.themasterly.com/client-industries/ai-ml)
- [Wellness & Sport](https://www.themasterly.com/client-industries/wellness-sport)
- [Websites](https://www.themasterly.com/client-industries/websites)

## Case Studies
- [Omnea — From Hand-Edited Pages to a Reusable Component System](https://www.themasterly.com/cases/omnea-b2b-saas-website-product-pages-webflow-case-study): How Masterly turned a Series B procurement platform's hand-maintained Webflow site into a reusable component system, while product pages grew from 6% to 15.1% of all sessions.
- [How Masterly Helps Gigs Close Enterprise Deals](https://www.themasterly.com/cases/gigs-embedded-design-team-for-enterprise-sales): How Masterly works as Gigs' embedded design team for marketing and sales, inside the pipeline that closed eSIM launches with Santander and Motorola.
- [NEFT Vodka — Premium Spirits Website Design & Framer Development](https://www.themasterly.com/cases/neft-vodka-website-design-framer-development): Website design and Framer development for NEFT Vodka — ultra-premium Austrian vodka. Multi-page site, recipe system, product showcase, and social creatives.
- [Alterscope: risk analytics platform, from alpha to investor-ready in 3 weeks](https://www.themasterly.com/cases/alterscope-fintech-saas-platform-redesign-masterly-case-study): A Munich fintech had a working alpha of its real-time risk analytics platform and three weeks before an investor presentation. We redesigned the product, built the design system, and shipped on time. Alterscope went on to raise from IOSG Ventures and Zee Prime Capital.
- [Fintech Brand Identity & Product Design: From Zero to Launch-Ready](https://www.themasterly.com/cases/fintech-brand-identity-product-design): How Masterly built a complete fintech brand and mobile wallet UI from scratch — identity, product design, and UX for a stablecoin remittance platform competing with Wise and Remitly.
- [ASPN Labs: repositioning a healthtech platform, with two funding rounds along the way](https://www.themasterly.com/cases/aspn-labs): A US concierge health optimisation platform came to us twice: first for a brand and pitch deck that raised $140K, then for a full repositioning, UX and a compliant purchase flow for regulated health products that preceded a $120K follow-on round.
- [Makepeace — Brand & Website Design for a Mind-Body Pain Program](https://www.themasterly.com/cases/makepeace-method-brand-website-design): Brand identity and website design for the Makepeace Method — a mind-body chronic pain healing program. Logo, landing page, course delivery, and payment flow.
- [PropScore: AI real estate platform, from MVP to investor-ready product](https://www.themasterly.com/cases/ai-real-estate-saas-platform-ux-ui-design-from-mvp-to-investor-ready-product): PropScore scores properties the way FICO scores borrowers, on 190M+ records. The analytics were strong; the product did not show it. We redesigned the platform, the website and the design system so the score, and the trust behind it, land in seconds.
- [Expert Listing — Real Estate Marketplace UX/UI Design](https://www.themasterly.com/cases/expert-listing-proptech-marketplace-ux-ui-design): Full UX/UI design for Expert Listing — a two-sided proptech marketplace for the Nigerian real estate market. Buyer search flows, property detail pages, agent dashboard, and mobile across web and mobile.
- [correkt commerce — Crypto Ecommerce Redesign & Ad Creatives](https://www.themasterly.com/cases/crypto-ecommerce-website-redesign-and-ad-creatives-for-marketplace-platform): How Masterly redesigned Correkt Commerce's crypto eCommerce marketplace and created performance-optimized ad creatives to improve clarity, conversion, and funnel efficiency.
- [dentinostic — Healthcare Branding & App Design That Helped Raise €650K](https://www.themasterly.com/cases/healthcare-startup-branding-mobile-app-and-website-design-that-helped-raise-eu650k): We designed the brand, mobile app, and website for a healthcare startup — helping them close a €650K round.
- [USDV — DeFi Dual-Token Yield Platform UX/UI Design](https://www.themasterly.com/cases/usdv-defi-yield-platform-ux-ui-design): Full UX/UI design for USDV — a DeFi stablecoin yield platform backed 1:1 by USDC. Landing page, mint & stake flows, APR dashboard, and swap widget for both power users and crypto newcomers.
- [Ocoord: healthcare compliance SaaS, designed so practices know what to do next](https://www.themasterly.com/cases/healthcare-saas-ux-ui-design-and-webflow-development-for-osha-hipaa-compliance-platform): Ocoord turns OSHA and HIPAA compliance into a task list medical and dental practices can actually follow. We designed the SaaS platform, the marketing site and the investor deck. Ocoord raised $500K, lifted site conversion by 192% and grew monthly subscriptions by 87%.
- [Image Lab — Med Spa Website Redesign That Cut Lead Costs by 21%](https://www.themasterly.com/cases/med-spa-website-redesign-that-cut-lead-costs-by-21): How Masterly redesigned ImageLab Med Spa's website and booking flow, achieving 51% conversion rate increase, 29% higher CTR, and 21% reduction in cost per lead.
- [Jewalleria — Ecommerce UX/UI Redesign](https://www.themasterly.com/cases/jewalleria-ecommerce-ux-ui-redesign-masterly-case-study): How Masterly redesigned Jewalleria's online jewelry store and achieved 44% sales increase, +25% conversion rate, and +15% average order value. Full ROI in 3.3 months.
- [Tipsy Pickles — Shopify Ecommerce & Custom Booking Platform](https://www.themasterly.com/cases/shopify-ecommerce-website-and-custom-booking-platform-for-entertainment-venue): How Masterly designed and developed Tipsy Pickle's Shopify website with eCommerce merch store and custom admin platform for booking pickleball courts and golf simulators in Charlotte.
- [Refinery — Luxury Automotive Website Design & Webflow Development](https://www.themasterly.com/cases/website-design-and-webflow-development-for-luxury-automotive-brand): How Masterly designed and built a luxury automotive website for Refinery Autohaus, a custom Land Rover Defender restoration company. Brand guidelines, Webflow development, and marketing collateral.
- [Light: AI personal finance app, from wireframes to a development-ready prototype](https://www.themasterly.com/cases/light-ai-finance-mobile-app-ux-ui-design-masterly-case-study): Light is an AI-powered personal finance app with smart budgeting, goal tracking and daily insights. The client brought wireframes. We delivered the brand, the customer journey, the full UI, a design system and an interactive prototype ready for engineering.

## Blog
- [SaaS Pricing Page Design: Patterns We Tested and 8 Examples That Help Buyers Decide](https://www.themasterly.com/blog/saas-pricing-page-design): Pricing page design that moves buyers: subscription pricing tests we ran, eight live SaaS pricing page examples, and how to help buyers choose and pay.
- [How to Choose a Design Agency: An 8-Point Scorecard for Product Teams](https://www.themasterly.com/blog/how-to-choose-a-design-agency): How to evaluate a product design agency: eight criteria, the question to ask for each, the evidence that settles it, and the red flags that end the call.
- [How to Use Claude Design Without the Slop (and When Figma Is Still the Answer)](https://www.themasterly.com/blog/how-to-use-claude-design): How to use Claude Design on a real product: set up your design system, brief it like a designer, review the output, and know where Figma still fits.
- [Form Controls for B2B SaaS: Which Input to Use When](https://www.themasterly.com/blog/form-controls-b2b-saas): Which control to use when: checkboxes, radios, dropdowns, toggles, sliders and uploads, decided by list length, timing and precision.
- [Who Owns a Component Search: Code or Design](https://www.themasterly.com/blog/component-serp-ownership): Seven UI component searches, checked result by result on 11 September 2026. Some are owned by component libraries, some by design writing, and the split is predictable.
- [DesignOps Before You Have a Design Team](https://www.themasterly.com/blog/design-ops-for-saas): Most DesignOps writing assumes a department. Here is the version for two designers and a backlog, and the point at which the overhead starts paying.
- [Accessibility Is a Sales Problem Before It Is an Engineering One](https://www.themasterly.com/blog/accessibility-deal-blocker): The accessibility request arrives in procurement, late, with a deal attached. What it is, why it stalls, and what to do in the week you have.
- [Dashboard Design: Patterns, Examples, and What Separates Good From Bad](https://www.themasterly.com/blog/dashboard-design): What makes a dashboard work — the job it serves, the hierarchy, density, and the states most teams never design. With real product examples and a pre-launch checklist.
- [What Design Agencies Actually Charge: 21 Agencies, Verified on Clutch](https://www.themasterly.com/blog/design-agency-pricing-data): Minimum project size and hourly rate for 21 design agencies, read from their live Clutch profiles on 11 September 2026. Method stated, figures dated.
- [Can You Design Your Product With AI Instead of Hiring a Designer?](https://www.themasterly.com/blog/design-with-ai-instead-of-hiring): A straight answer from an agency that uses AI daily: what it genuinely replaces, where it fails, and when not hiring stops being cheaper.
- [Top SaaS Design Agencies in 2026 (Ranked by What Actually Matters)](https://www.themasterly.com/blog/top-saas-design-agencies): Ten SaaS design agencies compared on real pricing, verified Clutch reviews, and stage fit — including which ones work as a SaaS website design agency too.
- [Best AI Website Builders in 2026 (Tested by a Design Agency)](https://www.themasterly.com/blog/best-ai-website-builders): Six AI website and app builders compared on price, output quality, and where each one breaks — from a design agency with no builder to sell you.
- [The Design Retainer Agreement, Clause by Clause (And When to Buy One)](https://www.themasterly.com/blog/design-retainer-agreement): What goes in a design retainer agreement: the eight clauses that decide whether it works, how hours and scope get handled, and when fixed scope is the better buy.
- [Website Redesign SEO: The Checklist We Run to Protect Rankings](https://www.themasterly.com/blog/seo-website-redesign): The website redesign SEO checklist a design agency runs, phase by phase: baseline, URL inventory, redirect map, launch sequence, and the first 30 days after.
- [10 Best Website Redesign Agencies in 2026 (Ranked on Migration Risk)](https://www.themasterly.com/blog/top-website-redesign-agencies): Ten website redesign agencies compared on what breaks redesigns: SEO migration, CRM continuity, phased rollout, plus verified Clutch ratings and pricing.
- [B2B Website Redesign: A Strategy That Protects Your Pipeline](https://www.themasterly.com/blog/b2b-website-redesign): A b2b website redesign strategy from an agency that runs them: the five real triggers, what breaks pipelines mid-migration, and the sequence that protects revenue.
- [Website Redesign Prices in 2026: What Agencies Charge Now](https://www.themasterly.com/blog/website-redesign-cost): Website redesign cost in 2026, without the fog: what agencies still quote, what AI changed, the honest price tiers, and how to scope yours by stage.
- [How to Write a Website Redesign RFP That Good Agencies Answer](https://www.themasterly.com/blog/website-redesign-rfp): How to write a website redesign request for proposal, from the agency side of the table: the eight sections, the red flags agencies pass on, and a full annotated example.
- [Design Tokens: A Practical Guide to Naming, Tiers, and the Figma-to-Code Workflow](https://www.themasterly.com/blog/design-tokens): Design token naming, the reference–semantic–component tier model, and a Figma Variables + Style Dictionary workflow that keeps design and code in sync.
- [B2B SaaS Website Design in 2026: 8 Sites That Actually Convert (Teardown)](https://www.themasterly.com/blog/b2b-saas-website-design): A teardown of 8 B2B SaaS website designs that convert — Linear, PostHog, Stripe, Ramp and more — plus the conversion patterns worth stealing for your own site.
- [12 Design System Examples Worth Studying in 2026 (And What to Steal From Each)](https://www.themasterly.com/blog/design-system-examples): The 12 best design system examples in 2026 — Polaris, Material, Carbon, Primer and more — plus what a B2B SaaS product team should actually steal from each.
- [Best Fintech Design Agencies in 2026 (Ranked for Financial Products)](https://www.themasterly.com/blog/best-fintech-design-agencies): A ranked guide to the best fintech design agencies in 2026 — who specializes in financial UX, what sets them apart, and how to choose for your product stage.
- [Top Digital Product Design Agencies in 2026](https://www.themasterly.com/blog/top-product-design-agencies): We compared 10 digital product design agencies and firms on real pricing, Clutch scores, and stage fit — including who we'd honestly send you to instead of us.
- [SaaS UI/UX Design: The Complete Guide for Product Teams](https://www.themasterly.com/blog/saas-ui-ux-design-guide): B2B SaaS UI/UX design is not about first impressions — it's about the thousandth use. A guide to patterns, principles, and measurement.
- [What Series A SaaS Teams Get Wrong About Product Design](https://www.themasterly.com/blog/series-a-saas-design-mistakes): Series A SaaS teams treat product design as polish. It isn't. Here are five UX design mistakes that compound quietly — and what to fix before your next raise.
- [What Is Growth Design? (And Why the Consumer Playbook Breaks in B2B SaaS)](https://www.themasterly.com/blog/what-is-growth-design): Growth design is a different discipline from product design, and the consumer playbook breaks in B2B SaaS. What works instead.
- [Fintech Dashboard Design: Patterns & Real Examples (2026)](https://www.themasterly.com/blog/fintech-dashboard-design-guide): What makes a fintech dashboard work — data hierarchy, KPI layout, density, and trust signals — shown on real screens from Ramp, Mercury, Stripe, and client work.
- [Fintech UX Design in 2026: Why Apps Look the Same (And What Works)](https://www.themasterly.com/blog/fintech-design-guide): Fintech UX design read through Stripe, Wise, Mercury, Ramp and Brex — the patterns that move conversion and retention, and the ones teams copy blind.
- [The Complete Guide to SaaS Onboarding UX: What Works in 2026](https://www.themasterly.com/blog/saas-onboarding-ux-guide): We tore down Notion, Loom, and Linear's onboarding to find what drives activation — time-to-value, aha moments, and the flows that cut first-week churn.
- [UX Audit Checklist: 42 Questions to Run Before You Redesign](https://www.themasterly.com/blog/ux-audit-checklist): A practical UX audit checklist with 42 questions across design, IA, monetization, technical performance, SEO, and analytics. Use this before any product redesign.
- [Fintech Onboarding UX: What Stripe, Wise, Revolut, Robinhood, and Mercury Get Right (And Wrong)](https://www.themasterly.com/blog/fintech-onboarding-ux): We analysed onboarding at Stripe, Wise, Revolut, Robinhood and Mercury: real drop-off data, the patterns that work and where each one fails.
- [Crypto Wallet UX Teardown: Phantom, Coinbase, Trust Wallet, Cash App, and Payy](https://www.themasterly.com/blog/crypto-wallet-ux-teardown): We analyzed onboarding and core flows across 5 wallets. Here's the 10× activation gap between fintech and crypto — and the design patterns that close it.
- [AI Product Design: How to Build Interfaces Users Actually Trust](https://www.themasterly.com/blog/ai-product-design-guide): 84% of developers use AI tools. Only 29% trust the output. The UX patterns that close the gap, with real examples and failure cases.
- [Do You Actually Need a Design System? A Decision Guide for Product Teams](https://www.themasterly.com/blog/design-system-decision-guide): Only 40% of design systems succeed. We break down when to build one, when to wait, and what "build vs buy" actually means for product teams in 2026.
- [How to Conduct a UX Audit (And What to Do with the Findings)](https://www.themasterly.com/blog/ux-audit-guide): A UX audit guide backed by a real audit: design review, information architecture, performance, monetisation and SEO in a 6-layer framework.
- [The Hims Effect: Why Healthtech Built a Clone Factory (And What It's Costing You)](https://www.themasterly.com/blog/hims-effect-healthtech-design-monoculture): Five healthtech brands. One design. We analyzed how Felix, Ro, Bioverse, and Eden became Hims clones — and what it's costing their conversion.
- [Progression Systems That Build Daily Habits (Not Just Gamification)](https://www.themasterly.com/blog/progression-systems-that-build-daily-habits): Most apps add points and call it gamification. What Duolingo, Headspace, Finch, Forest and Insight Timer do differently, and what burns users out.
- [5 Reward Shop Patterns That Keep Users Coming Back](https://www.themasterly.com/blog/5-reward-shop-patterns-that-keep-users-coming-back): Analyzed 5 mobile apps to understand reward shop patterns. Learn when to use utility shops (Pokemon), experience shops (Fortnite), or care shops (Finch).
- [Masterly Featured in Dribbble Select: Best Shots of the Year](https://www.themasterly.com/blog/masterly-featured-in-dribbble-select-best-shots-of-the-year): Masterly is in Dribbble's Best Shots of the Year editorial and the Dribbble Select directory of agencies handling large-scale projects.

## Glossary
Definitions of the product design, UX, branding, and growth-design terms Masterly works with. Index: https://www.themasterly.com/glossary
- [A/B Testing](https://www.themasterly.com/glossary/ab-testing): Comparing two versions of a design by showing each to a slice of live traffic and measuring which drives the target metric better.
- [Accessibility Audit](https://www.themasterly.com/glossary/accessibility-audit): A structured evaluation of a product against WCAG, producing a list of failures with severity, location and a route to fixing each one.
- [Accordion (UI)](https://www.themasterly.com/glossary/accordion-ui): A stack of headers that expand to reveal content one section at a time, used to compress long pages into a scannable list.
- [Activation](https://www.themasterly.com/glossary/activation): The moment a new user first experiences the product's core value — the milestone that separates a signup from a real user.
- [Affinity Mapping](https://www.themasterly.com/glossary/affinity-mapping): Grouping raw research observations until themes emerge from the data rather than from the team's assumptions.
- [AI Product Design](https://www.themasterly.com/glossary/ai-product-design): Designing products whose behaviour is probabilistic — where the system can be confidently wrong and the interface has to account for it.
- [Alert](https://www.themasterly.com/glossary/alert-ui): An in-page message about something needing attention — persistent, placed where it applies, and dismissed only when resolved.
- [ARPU](https://www.themasterly.com/glossary/arpu): Average revenue per user or account over a period — the numerator in most unit-economics calculations, and the one most often averaged badly.
- [Atomic Design](https://www.themasterly.com/glossary/atomic-design): A methodology that organises an interface into five levels — atoms, molecules, organisms, templates and pages — so components compose predictably.
- [Avatar](https://www.themasterly.com/glossary/avatar-ui): A small image or initials standing for a person or an organisation, used to make ownership and presence scannable.
- [Badge](https://www.themasterly.com/glossary/badge-ui): A small, non-interactive marker showing a status or a count.
- [Banner](https://www.themasterly.com/glossary/banner-ui): A full-width message at the top of a page or app, for conditions affecting everything below it.
- [Brand Identity](https://www.themasterly.com/glossary/brand-identity): The visual and verbal system that makes a company recognizable — logo, color, type, imagery, and voice, applied consistently.
- [Breadcrumb](https://www.themasterly.com/glossary/breadcrumb-ui): A trail showing where the current page sits in a hierarchy, and a way back up it.
- [Bulk Actions](https://www.themasterly.com/glossary/bulk-actions): Selecting many records and doing one thing to all of them — and designing what happens when it works for most but not all.
- [Button Design](https://www.themasterly.com/glossary/button-design): Designing the appearance, hierarchy, states, and labels of buttons so people can tell what is clickable and which action matters most.
- [Card](https://www.themasterly.com/glossary/card-ui): A bounded container grouping related content about one thing — useful for scanning, expensive in vertical space.
- [Card Sorting](https://www.themasterly.com/glossary/card-sorting): A research method where participants group your content into categories, revealing the mental model they already hold.
- [Checkbox](https://www.themasterly.com/glossary/checkbox-ui): A control for independent on/off choices — any number of which can be selected at once, including none.
- [Chip (UI)](https://www.themasterly.com/glossary/chip-ui): A compact element representing an input, filter, selection or attribute — small, often removable, and usually appearing in groups.
- [Churn](https://www.themasterly.com/glossary/churn): The rate at which users or customers stop using a product or cancel over a given period — the inverse of retention.
- [Color System](https://www.themasterly.com/glossary/color-system): The palette plus the rules for applying it — semantic roles, contrast requirements, and the values behind each mode.
- [Combobox](https://www.themasterly.com/glossary/combobox): A text input joined to a filtered list — for choosing from more options than anyone should scroll through.
- [Command Palette](https://www.themasterly.com/glossary/command-palette): A keyboard-summoned overlay that searches actions and destinations at once — the power-user route through a dense product.
- [Component Instance](https://www.themasterly.com/glossary/component-instance): A copy of a component that stays connected to its source, so a change at the source reaches every place the component is used.
- [Component Library](https://www.themasterly.com/glossary/component-library): A collection of built, reusable interface elements — buttons, inputs, modals — that designers and engineers assemble screens from.
- [Concept Testing](https://www.themasterly.com/glossary/concept-testing): Putting an idea in front of the people it is for, before it is built, to find out whether it is worth building.
- [Confirmshaming](https://www.themasterly.com/glossary/confirmshaming): A dark pattern that words or styles the option to decline so it makes the person feel foolish or guilty for choosing it.
- [Contextual Inquiry](https://www.themasterly.com/glossary/contextual-inquiry): Watching someone work in their own environment, with their own data and interruptions, and asking about it as they go.
- [Conversion Funnel](https://www.themasterly.com/glossary/conversion-funnel): The sequence of steps between first contact and a target action, measured at each stage to show where people drop out.
- [Conversion Rate Optimization (CRO)](https://www.themasterly.com/glossary/conversion-rate-optimization): The practice of systematically raising the share of visitors who take a target action, using research, hypotheses, and controlled tests.
- [Customer Acquisition Cost (CAC)](https://www.themasterly.com/glossary/customer-acquisition-cost): The fully loaded cost of winning one new customer — all sales and marketing spend divided by the customers it produced.
- [Customer Journey Map](https://www.themasterly.com/glossary/customer-journey-map): A visualization of the full experience a customer has with a product or brand over time, stage by stage, including actions, emotions, and pain points.
- [Dark Patterns](https://www.themasterly.com/glossary/dark-patterns): Interface designs that steer people into choices they would not make if the options were presented plainly, usually to lift a short-term metric.
- [Data Table](https://www.themasterly.com/glossary/data-table): A grid of rows and columns for scanning, comparing and acting on records — the component most B2B products are built around.
- [Date Picker](https://www.themasterly.com/glossary/date-picker): A calendar control for selecting dates — the component most often used where a plain text input would serve better.
- [Design Debt](https://www.themasterly.com/glossary/design-debt): Accumulated inconsistency and shortcuts in a product's interface that slow every future change, the design equivalent of technical debt.
- [Design Retainer](https://www.themasterly.com/glossary/design-retainer): An ongoing agreement where a client reserves a fixed amount of design capacity each month, rather than buying a one-off project.
- [Design Sprint](https://www.themasterly.com/glossary/design-sprint): A time-boxed process — classically five days — that runs a big product question from idea to a tested prototype with real users.
- [Design System](https://www.themasterly.com/glossary/design-system): A single source of truth for a product's UI — reusable components, tokens, patterns, and guidelines that keep design consistent and fast.
- [Design Thinking](https://www.themasterly.com/glossary/design-thinking): A human-centered problem-solving framework that moves through empathize, define, ideate, prototype, and test to reach validated solutions.
- [Design Token](https://www.themasterly.com/glossary/design-token): A named value for a design decision — a color, spacing step, or type size — stored once and used everywhere instead of a raw value.
- [Diary Study](https://www.themasterly.com/glossary/diary-study): Asking participants to record their own experience over days or weeks, capturing behaviour that no single session can show.
- [Drawer (UI)](https://www.themasterly.com/glossary/drawer-ui): A panel sliding in from an edge, keeping the page behind it visible — for work that needs its context.
- [Drip Pricing](https://www.themasterly.com/glossary/drip-pricing): A dark pattern that advertises a low headline price and reveals mandatory fees, minimums or surcharges only as the person moves through checkout.
- [Dropdown (UI)](https://www.themasterly.com/glossary/dropdown-ui): A control that reveals a list of options on demand — used for selecting a value, or as a menu of actions.
- [Embedded Design Team](https://www.themasterly.com/glossary/embedded-design-team): External designers who work inside a client's product team — their rituals, tools, and roadmap — rather than delivering from outside.
- [Empty State](https://www.themasterly.com/glossary/empty-state): What a screen shows when it has nothing to show — the first screen of every new account and the least designed one.
- [Error State](https://www.themasterly.com/glossary/error-state): What a screen shows when something failed — the screen most often left to whoever was implementing it at the time.
- [European Accessibility Act](https://www.themasterly.com/glossary/european-accessibility-act): The EU directive that made digital accessibility a legal requirement for products and services sold to European consumers.
- [False Urgency](https://www.themasterly.com/glossary/false-urgency): A dark pattern that invents time pressure or scarcity, such as countdowns that reset or stock warnings that are not true, to rush a decision.
- [File Upload](https://www.themasterly.com/glossary/file-upload): The control for getting a file from a person's machine into a product — and the place where most products lose the work silently.
- [Filter (UI)](https://www.themasterly.com/glossary/filter-ui): Controls that narrow a set of records — and the much harder job of keeping what was narrowed visible.
- [Forced Continuity](https://www.themasterly.com/glossary/forced-continuity): A dark pattern in which a free trial or introductory period turns into a paid subscription without a clear reminder or an easy way to stop it first.
- [Form Design](https://www.themasterly.com/glossary/form-design): Designing the fields, sequence, validation and error handling of a form so people can complete it without stopping to think.
- [Generative UI](https://www.themasterly.com/glossary/generative-ui): Interfaces assembled at runtime by a model, rather than laid out in advance by a designer.
- [Grid System](https://www.themasterly.com/glossary/grid-system): The columns, gutters, and margins a layout is built on — the structure that decides where things can go before anybody decides what goes there.
- [Growth Design](https://www.themasterly.com/glossary/growth-design): Design work aimed directly at business metrics — acquisition, activation, retention — run as a series of measured experiments.
- [Heuristic Evaluation](https://www.themasterly.com/glossary/heuristic-evaluation): An expert review of an interface against established usability principles, used to find problems quickly without recruiting users.
- [Human in the Loop](https://www.themasterly.com/glossary/human-in-the-loop): Keeping a person in the decision path of an automated system — reviewing, approving or correcting before an action takes effect.
- [Icon Library](https://www.themasterly.com/glossary/icon-library): The set of icons a product draws from — chosen once, for coverage and licence, and hard to change later.
- [Inclusive Design](https://www.themasterly.com/glossary/inclusive-design): Designing for the full range of human variation, treating exclusion as a design outcome rather than an edge case.
- [Information Architecture](https://www.themasterly.com/glossary/information-architecture): The structure of a product's content and functionality — how things are grouped, labeled, and connected so people can find them.
- [Input Field](https://www.themasterly.com/glossary/input-field): The control a person types into — the most-used element in most B2B products and the one where small decisions cost the most.
- [Interaction Design](https://www.themasterly.com/glossary/interaction-design): Designing the moment-to-moment behavior of an interface — how it responds to input, transitions between states, and gives feedback.
- [Jobs to Be Done](https://www.themasterly.com/glossary/jobs-to-be-done): A framework that describes what people are trying to accomplish and the circumstances driving them, rather than who they are.
- [Lifetime Value (LTV)](https://www.themasterly.com/glossary/lifetime-value): The total gross profit a customer is expected to generate before they leave — the ceiling on what acquiring them can be worth.
- [Link](https://www.themasterly.com/glossary/link-ui): The control that navigates somewhere — distinct from a button, which performs an action, and confused with one in most products.
- [Loading Spinner](https://www.themasterly.com/glossary/loading-spinner): An indeterminate progress indicator shown while a system is working and cannot say how long it will take.
- [LTV:CAC Ratio](https://www.themasterly.com/glossary/ltv-cac-ratio): What a customer is worth against what they cost to acquire — the headline test of whether growth creates value.
- [Mockup](https://www.themasterly.com/glossary/mockup): A static, high-fidelity picture of a screen — final colors, type, and imagery — showing exactly how the interface will look.
- [Modal Design](https://www.themasterly.com/glossary/modal-design): Designing dialogs that interrupt the page to demand a decision — when to use one, what it must contain, and how a person gets out.
- [Motion Design](https://www.themasterly.com/glossary/motion-design): Designing how an interface moves — transitions, feedback, and animation that explain change and make a product feel responsive.
- [MVP (Minimum Viable Product)](https://www.themasterly.com/glossary/mvp): Minimum viable product — the smallest version of a product that delivers real value and lets a team learn whether the idea works.
- [Navbar](https://www.themasterly.com/glossary/navbar-ui): The persistent top bar carrying the product's primary destinations, identity and account controls.
- [North Star Metric](https://www.themasterly.com/glossary/north-star-metric): The single measure a company agrees best captures the value it delivers, used to align teams on one outcome.
- [Onboarding](https://www.themasterly.com/glossary/onboarding): The path from a new user's first login to the moment they get real value — the stretch that decides whether they stay.
- [Pagination (UI)](https://www.themasterly.com/glossary/pagination-ui): Splitting a long list across pages, with controls to move between them — the alternative to infinite scroll and load-more.
- [Popover](https://www.themasterly.com/glossary/popover-ui): A small overlay anchored to the control that opened it, holding content or actions without blocking the page.
- [Preference Testing](https://www.themasterly.com/glossary/preference-testing): Showing people two or more designs and asking which they prefer and why — useful for direction, unreliable as a decision.
- [Preselection](https://www.themasterly.com/glossary/preselection): A dark pattern that sets a default the person did not choose, such as a pre-ticked paid add-on or the most expensive plan, and relies on them not changing it.
- [Product Design](https://www.themasterly.com/glossary/product-design): End-to-end design ownership of a digital product — from user research and strategy through UX, UI, and shipping — tied to business outcomes.
- [Product-Market Fit](https://www.themasterly.com/glossary/product-market-fit): The point where a product satisfies a real market need well enough that demand pulls growth rather than sales pushing it.
- [Progress Bar](https://www.themasterly.com/glossary/progress-bar): A determinate indicator showing how much of a known task is done — usable only when the total is actually known.
- [Prompt Design](https://www.themasterly.com/glossary/prompt-design): Designing what a product asks a model, and what it asks the user — the interface layer around a prompt, not just the wording of one.
- [Prototyping](https://www.themasterly.com/glossary/prototyping): Building an interactive, clickable model of a product so a flow can be experienced and tested before it is engineered.
- [Radio Button](https://www.themasterly.com/glossary/radio-button): A control for choosing exactly one option from a visible, mutually exclusive set.
- [Research Repository](https://www.themasterly.com/glossary/research-repository): A searchable store of research findings and their evidence, so what a team already learned can be found again.
- [Retention](https://www.themasterly.com/glossary/retention): The share of users or customers still active after a given period — the clearest signal that a product delivers ongoing value.
- [Roach Motel](https://www.themasterly.com/glossary/roach-motel): A dark pattern that makes getting into a subscription or account easy and getting out of it deliberately hard, usually through a cancellation maze.
- [Screen Reader Testing](https://www.themasterly.com/glossary/screen-reader-testing): Operating a product with a screen reader to find what assistive technology actually announces, which is the half of accessibility no scanner reaches.
- [Search (UI)](https://www.themasterly.com/glossary/search-ui): The control and the results behind it — where people go when they know what they want and cannot find it.
- [Segmented Control](https://www.themasterly.com/glossary/segmented-control): A small row of mutually exclusive options that switches how a view is shown, not what it contains.
- [Service Design](https://www.themasterly.com/glossary/service-design): Designing the entire experience of a service across every touchpoint and channel — digital and human — not just a single screen or app.
- [Sidebar Navigation](https://www.themasterly.com/glossary/sidebar-navigation): A vertical navigation column that scales to real product structure — grouping, nesting and staying visible while you work.
- [Sitemap](https://www.themasterly.com/glossary/sitemap): A structured map of every page or screen in a product or site and how they relate — the blueprint of its information architecture.
- [Skeleton Loading](https://www.themasterly.com/glossary/skeleton-loading): Placeholder shapes matching the layout of content that is still loading, shown instead of a spinner so the page keeps its structure.
- [Slider](https://www.themasterly.com/glossary/slider-ui): A control for selecting a value along a range — precise enough for approximations, and wrong wherever an exact number matters.
- [Spacing Scale](https://www.themasterly.com/glossary/spacing-scale): The fixed set of gaps, padding, and margin values a product is allowed to use — usually built on a 4 or 8 pixel base.
- [Status Indicator](https://www.themasterly.com/glossary/status-indicator): A persistent signal of a system or record's current condition — distinct from a message about something that just happened.
- [Stepper (UI)](https://www.themasterly.com/glossary/stepper-ui): A control that breaks a task into ordered steps and shows where somebody is in the sequence.
- [Style Guide](https://www.themasterly.com/glossary/style-guide): A document defining a brand's visual and verbal rules — logo use, color, type, imagery, and tone — so anyone can apply them consistently.
- [Tabs (UI)](https://www.themasterly.com/glossary/tabs-ui): A row of labels that switch between alternative views of the same object, showing one panel at a time.
- [Toast Notification](https://www.themasterly.com/glossary/toast-notification): A brief message that appears over the interface to confirm an action or report a problem, then disappears on its own.
- [Toggle Switch](https://www.themasterly.com/glossary/toggle-switch): A control for a setting that is on or off and takes effect immediately.
- [Tooltip](https://www.themasterly.com/glossary/tooltip-ui): A small label appearing on hover or focus, explaining a control without taking space from the interface.
- [Tree Testing](https://www.themasterly.com/glossary/tree-testing): Testing whether people can find things in a proposed structure, using a bare text hierarchy with no design, navigation or search.
- [Typography Scale](https://www.themasterly.com/glossary/typography-scale): The fixed set of text sizes a product is allowed to use, and the line heights and weights that travel with each one.
- [UI Design](https://www.themasterly.com/glossary/ui-design): The craft of the visual and interactive surface of a product — layout, type, color, spacing, and components users see and touch.
- [Usability Testing](https://www.themasterly.com/glossary/usability-testing): Watching real users attempt real tasks in a product or prototype to find where they struggle, hesitate, or fail.
- [User Flow](https://www.themasterly.com/glossary/user-flow): The step-by-step path a person takes through a product to complete a task, including the decisions, branches, and dead ends along the way.
- [User Interview](https://www.themasterly.com/glossary/user-interview): A structured conversation with someone who uses or might use a product, aimed at understanding their situation rather than collecting opinions.
- [User Persona](https://www.themasterly.com/glossary/user-persona): A research-based profile of a target user type — their goals, context, and constraints — used to keep design decisions grounded in real people.
- [User Research](https://www.themasterly.com/glossary/user-research): Systematic study of users' goals, behaviors, and context — the evidence that turns design decisions from opinion into judgment.
- [UX Audit](https://www.themasterly.com/glossary/ux-audit): A structured review of an existing product that identifies usability problems and ranks them by impact, producing a prioritized plan.
- [UX Design](https://www.themasterly.com/glossary/ux-design): The practice of shaping how a product feels to use — its flows, structure, and logic — so people reach their goal with the least friction.
- [Vibe Coding](https://www.themasterly.com/glossary/vibe-coding): Building software by describing what you want to an AI model and steering the result, rather than writing the code yourself.
- [Visual Design](https://www.themasterly.com/glossary/visual-design): The craft of how a product looks — type, color, space, imagery, and composition working together to create clarity and character.
- [VPAT](https://www.themasterly.com/glossary/vpat): The Voluntary Product Accessibility Template — the document enterprise procurement asks for before a deal closes.
- [WCAG](https://www.themasterly.com/glossary/wcag): The Web Content Accessibility Guidelines — the standard almost every accessibility law and procurement contract points at.
- [Wireframing](https://www.themasterly.com/glossary/wireframing): Sketching the low-fidelity skeleton of a screen — layout, content blocks, and hierarchy — before any visual styling is applied.

## Contact
- Email: hello@masterly.digital
- Book a call: https://calendly.com/vlad-masterly/discovery-call