Matestlab

A testing partner whose website is a catalogue of standards

Matestlab Inc. is a testing services company in Claymont, Delaware. It doesn't run a laboratory. For each project, a materials scientist plans the tests, places them with an accredited partner lab and reviews the report. The company lists 2,200+ partner labs and 10,000+ test types across ASTM, ISO and other standards (matestlabs.com, November 2026).

It works with researchers, R&D teams, and quality and procurement teams. Matestlab needed a better digital presentation of its brand.

We owned the research and the design, over 1 month and 3 weeks from March 2026:

• Research into competitors' sites, and how to brand Matestlab so it stays different from them.
• A new logo, replacing the old MaTestLab mark.
• Every page, on desktop and mobile, on one design system.
• Social and presentation templates.
• UI analysis while Matestlab's developers built and deployed the site, to keep it aligned to the design.

The hardest part was understanding the samples and the catalogue

Before we could design the pages, we had to understand Matestlab's test samples and how its catalogue fits together. The aim was to make every test easy to reach.

One template for every test standard, with a request always in reach

1. 01

   One page template for every standard

   What we designed

   Every standard gets the same page. Its name is the headline, with a request bar under it and tabs for the overview, scope, procedure, results, troubleshooting and FAQ. On 5 November 2026, matestlabs.com listed 1,943 test-standard pages, all on this template.

2. 02

   A quick summary beside every standard

   What we designed

   A card beside the content covers expertise, speed, cost and confidentiality, with the phone number, the email address and a Request Testing button.

3. 03

   A testing request on the first screen

   What we designed

   The homepage opens with a short form for the requirements, an email address and the kind of testing, from material testing to custom synthesis.

4. 04

   Three steps from enquiry to report

   What we designed

   The homepage sets out how a project runs: define requirements, submit samples, receive reports.

Every page on one system, from the homepage to a single standard

The site on desktop

On mobile, the request form asks for the analysis needed, the number of samples, the turnaround and the purpose of the test.

Seven colour ramps, each swatch labelled with its contrast

The system starts from a violet, #3B2482. Seven ramps run from 50 to 900, and each swatch is labelled with its contrast ratio and whether it passes AA or AAA. Type runs from Heading 1 down to small text in four weights. The buttons and inputs cover each state: default, focused, disabled and error.

The redesigned logo, carried past the website

We redesigned the old MaTestLab logo into the one Matestlab uses today, then carried it into templates its team can reuse:

• Front and back covers for presentations.
• LinkedIn banners for the company page and for staff.
• Instagram posts that keep the logo, the email address and the phone number in the same place each time.

On the front cover of a presentation, the new logo stands on its own.

The back cover closes every presentation with the office address, opening hours and contact details.

Their developers built it, and we checked the build against the design

Matestlab's in-house team built and deployed the site on WordPress. We ran UI analysis alongside them to keep the build aligned to the design.

Design next to what shipped

Live at matestlabs.com

This is the first version of the site, so there are no results to report yet. Alongside the 1,943 test standards, its sitemap listed 464 resource articles and 152 blog posts on 5 November 2026.