Webflow Award Winner
By clicking “Accept”, you agree to the storing of cookies on your device to enhance site navigation, analyze site usage, and assist in our marketing efforts. View our Privacy Policy for more information.
The webflow logo

North Coast Testing Labs

Cannabis safety and quality assurance web app re-designed for efficient communication and transparency.

72

Screens Designed in Figma

60+

Reusable Components

3

Breakpoints Designed
Overview

What's the Brief?

North Coast Testing Labs takes the lead in cannabis safety and quality assurance, offering an interface for labs to conduct comprehensive testing on behalf of their clients. With Macu’s help, we designed an updated interface that integrates smoothly with NCTL's branding. It eliminates redundancies, adheres to modern standards, and presents complex data clearly, promoting efficient communication between labs and clients.

Tools & Services Used for This Project
The Foundations

Style Guide & Components

Utilising NCTL’s logo, we took advantage of the brands existing colours to create a fresh style guide and components for the web app. The primary colours are shades of a warm green that are central to their visual identity, while the secondary colours give them more range to use as status indicators. Inter was our choice of typeface for its digital readability and aiding understanding when dealing with content-heavy-tables.

UI Design

Re-Designing the Interface

NCTL’s existing web app UI was not very user friendly. In the sea of complex data, there wasn't much negative space for the information to breathe, which did not help the user to focus on the elements that matter. We aimed to eliminate redundant elements, then ensure legible contrast between the remainders, all while updating these designs to modern standard of UI design.

Conclusion

Confidence in Transparency

Through our collaboration with North Coast Testing Labs, we've successfully redesigned their interface to enhance user comprehensibility and align with the brand's identity. While the primary purpose of the web app is to analyse products to ensure consumer health and confidence, the implementation of the updated User Interface has further solidified trust and transparency between clients and their laboratories.

Common questions

FAQ's

Who are you?

Single white upward pointing arrow

What if I don't like the work?

Single white upward pointing arrow

What makes you different from other subscriptions?

Single white upward pointing arrow

What does it cost to work with the studio?

Single white upward pointing arrow

Services delivered

Web app designUI/UX designDesign systemStructured wireframesResponsive design

Impact

North Coast Testing Labs runs cannabis safety and quality-assurance testing for its clients through a web app. Its existing interface was hard to use, with dense data and little breathing room. Macu redesigned the interface across 72 Figma screens and more than 60 reusable components at three breakpoints, building a style guide from NCTL's brand colours. The result presents complex data clearly and strengthens trust and transparency between labs and their clients.

Frequently asked questions

What was the scope of the NCTL redesign?

Macu redesigned the web app interface, producing 72 screens in Figma, more than 60 reusable components, and designs across three breakpoints. The work included a fresh style guide built on NCTL's existing brand colours and Inter as the typeface, chosen for digital readability in content-heavy tables.

Why did the existing interface need redesigning?

NCTL's original web app was not user friendly. In a sea of complex data there was little negative space for information to breathe, making it hard for users to focus on what mattered. Macu removed redundant elements, ensured legible contrast, and brought the designs up to modern UI standards.

What did the redesign aim to achieve for NCTL?

The goal was clearer communication between labs and their clients. Since the web app analyses products to protect consumer health and confidence, the updated interface improves comprehensibility and aligns with NCTL's identity, further solidifying trust and transparency between the laboratories and the clients they serve.

About the author

Arnau Ros is the founder of Macu Studio, a Webflow design and development studio in Barcelona that helps startups scale with website design, development and SEO.