Selected work · Web design & build

NW Microbe Free

A complete website rebuild for a disinfection company. Nineteen pages bring services, product information, and quote requests into one consistent experience.

Client / context: NW Microbe Free
Services: Web design & build

The thinking behind the work

A clearer path through a technical service.

The communication goal

Present disinfection services and product information alongside a clear way to ask for a quote.

What I created

A complete 19-page website rebuild, with service pages, technical illustrations and desktop-to-mobile layouts.

How it connects

The same visual language connects detailed explanations with the next step: contacting the business.

Have a project like this? Tell me about it ↗

01 Web design & build

The website at a glance

The homepage introduces the company, explains its process, and directs visitors toward the right service.

Visit the website ↗

NW Microbe Free homepage with a dark navy hero and two calls to action — **Homepage**Desktop · Website redesign

Homepage section headed Our chemistry eliminates harmful microbes — **Chemistry overview**Homepage section

Homepage panel laying out the two-step Certified Clean process — **Certified Clean process**Homepage section

Dark angled homepage band above a row of four statistics — **Company statistics**Homepage section

Service page section explaining hard-surface, soft-surface and food-safe coverage — **Surface coverage**Service page

02 Website · Science & products

Making the technical clear

Science explanations and product pages share a consistent visual language, with diagrams, comparisons, and structured information.

Animated technical schematic showing silane molecules bonded to a treated surface with a three-step rail beneath — **Surface protection schematic**Science illustration

Science page section placing the schematic above two explanatory cards — **How the treatment works**Science page

Collapsed accordion of five technical questions — **Technical questions**Science page

Comparison headed Microbe Shield repels microbial growth — **Microbe Shield comparison**Product information

Certification strip carrying the EPA, NSF and Carpet & Rug Institute marks — **Certifications**Trust marks

Products page grid of four product cards — **Product range**Products page

Products page section pairing photographs with product descriptions — **Product details**Products page

ActivePure page section explaining oxidizing molecules beside the air unit — **ActivePure technology**ActivePure page

Grid of four privacy-mode video embeds with captions — **Video resources**Website video gallery

03 Website · Information & inquiries

From questions to contact

Contact details, quote requests, and common questions give visitors a clear next step after exploring the services.

Contact page with the quote form and contact cards — **Contact & quote requests**Contact page

Quote form with labelled fields and a submit button — **Request a quote**Form detail

FAQ page with two accordion groups — **Frequently asked questions**FAQ page

News index showing four post cards with photographs and dates — **Latest news**News index

04 Responsive web design

Designed for smaller screens

The homepage, science page, and contact form shown at phone size.

The homepage on a phone with a stacked hero and full-width buttons — **Homepage**Mobile

The science page on a phone with the schematic scrolling in its own frame — **Science page**Mobile

The contact page on a phone with the form in a single column — **Contact page**Mobile

Your designer, from start to finish

Work directly with the person who designs and builds it. A clear scope, thoughtful decisions, and one consistent point of contact.

Let’s make it happen ↗

Websites · Graphic & print design · Social & ad creative