Back to all cases

Material Bank: Digital Sampling

Actions

I collaborated with a Product Manager and the Research team in an iterative process, testing early prototypes with first-adopter customers and refining designs based on their feedback. This work revealed three critical needs: a clear distinction between sampleable and digital-only products, quick access to technical documentation, and simple ways to connect with sales representatives and request pricing.

Situation

Material Bank is a company that provides physical samples of materials for design and architectural projects. However, not every product category can be sampled—items like windows, doors, insulation, concrete, and other large-scale materials. These products are equally important for architects and designers when specifying materials. To make Material Bank more valuable and comprehensive, we decided to expand the catalog by introducing a new type of “digital-only” product: one that cannot be physically sampled but can still provide critical specifications, files, and pricing information.

Task

Design a flow for exploring digital-only products, covering all essential pages—catalog, quick view, and full product page—and define digital-specific actions and micro-flows.

Design flow included:

  1. Catalog page: introduced a dedicated filter to separate sampleable from digital-only products. To avoid confusion, we tested multiple variations through A/B testing. Each digital-only card was marked with a clear label and featured a new primary CTA, “Preview files,” aligning with user priorities.
  2. Quick view: positioned pricing and quote requests as the primary CTA with a streamlined “Request a Quote” flow. Added a dedicated files section to make specifications, brochures, and technical documents easy to access.
  3. Full product page: expanded all quick-view actions and added a modal for file previews, allowing users to explore documents without leaving the page.

Results

  1. Successfully onboarded new brands and products that cannot provide samples but contribute data, enriching the catalog.
  2. Enabled architects and designers to find all necessary specifications, brochures, and pricing information in one place.
  3. Improved the key metric “brands per cart”, showing that digital-only products drove more complete product selections.
  4. Received industry recognition for this launch, including coverage on Architizer.

Next case

Back to all cases

Material Bank: Digital Sampling

Actions

I collaborated with a Product Manager and the Research team in an iterative process, testing early prototypes with first-adopter customers and refining designs based on their feedback. This work revealed three critical needs: a clear distinction between sampleable and digital-only products, quick access to technical documentation, and simple ways to connect with sales representatives and request pricing.

Situation

Material Bank is a company that provides physical samples of materials for design and architectural projects. However, not every product category can be sampled—items like windows, doors, insulation, concrete, and other large-scale materials. These products are equally important for architects and designers when specifying materials. To make Material Bank more valuable and comprehensive, we decided to expand the catalog by introducing a new type of “digital-only” product: one that cannot be physically sampled but can still provide critical specifications, files, and pricing information.

Task

Design a flow for exploring digital-only products, covering all essential pages—catalog, quick view, and full product page—and define digital-specific actions and micro-flows.

Design flow included:

  1. Catalog page: introduced a dedicated filter to separate sampleable from digital-only products. To avoid confusion, we tested multiple variations through A/B testing. Each digital-only card was marked with a clear label and featured a new primary CTA, “Preview files,” aligning with user priorities.
  2. Quick view: positioned pricing and quote requests as the primary CTA with a streamlined “Request a Quote” flow. Added a dedicated files section to make specifications, brochures, and technical documents easy to access.
  3. Full product page: expanded all quick-view actions and added a modal for file previews, allowing users to explore documents without leaving the page.

Results

  1. Successfully onboarded new brands and products that cannot provide samples but contribute data, enriching the catalog.
  2. Enabled architects and designers to find all necessary specifications, brochures, and pricing information in one place.
  3. Improved the key metric “brands per cart”, showing that digital-only products drove more complete product selections.
  4. Received industry recognition for this launch, including coverage on Architizer.

Next case

Back to all cases

Material Bank: Digital Sampling

Situation

Material Bank is a company that provides physical samples of materials for design and architectural projects. However, not every product category can be sampled—items like windows, doors, insulation, concrete, and other large-scale materials. These products are equally important for architects and designers when specifying materials. To make Material Bank more valuable and comprehensive, we decided to expand the catalog by introducing a new type of “digital-only” product: one that cannot be physically sampled but can still provide critical specifications, files, and pricing information.

Task

Design a flow for exploring digital-only products, covering all essential pages—catalog, quick view, and full product page—and define digital-specific actions and micro-flows.

Actions

I collaborated with a Product Manager and the Research team in an iterative process, testing early prototypes with first-adopter customers and refining designs based on their feedback. This work revealed three critical needs: a clear distinction between sampleable and digital-only products, quick access to technical documentation, and simple ways to connect with sales representatives and request pricing.

Design flow included:

  1. Catalog page: introduced a dedicated filter to separate sampleable from digital-only products. To avoid confusion, we tested multiple variations through A/B testing. Each digital-only card was marked with a clear label and featured a new primary CTA, “Preview files,” aligning with user priorities.
  2. Quick view: positioned pricing and quote requests as the primary CTA with a streamlined “Request a Quote” flow. Added a dedicated files section to make specifications, brochures, and technical documents easy to access.
  3. Full product page: expanded all quick-view actions and added a modal for file previews, allowing users to explore documents without leaving the page.

Results

  1. Successfully onboarded new brands and products that cannot provide samples but contribute data, enriching the catalog.
  2. Enabled architects and designers to find all necessary specifications, brochures, and pricing information in one place.
  3. Improved the key metric “brands per cart”, showing that digital-only products drove more complete product selections.
  4. Received industry recognition for this launch, including coverage on Architizer.

Next case