Explore more from: UI/UX Design

Project Name: Appearance Technology Group

This automotive detailing website presents Appearance Technology Group, a privately held portfolio of brands that formulates and manufactures innovative, safe and environmentally conscious products and solutions which restore and protect a vehicle throughout its life cycle, for both the DIY and the professional industries.

ATG is headquartered in Farmington, Michigan. It is a holding company and a leading provider of car care products and accessories, appearance liquids, paint correction products and specialty aerosols. At the time we designed the site, its Hi-Tech Industries, RBL and 3D International business units ran across five facilities in Farmington, Southfield and Detroit in Michigan and in Santa Clarita, California, with more than 2,500 SKUs sold across more than ten highly recognized brands. That breadth is the positioning: ATG presents itself as a one-stop solution for the detailing, reconditioning, PBE and OEM market rather than as a single product line.

The audience is professional first. ATG’s stated vision is to be recognized as the world’s authority and trusted brand in detailing products by OEMs, professional detailers, body shop professionals and DIY enthusiasts, so the interface is clean and modern, with clear navigation, organized product categories and a responsive layout that gives a business an efficient and informative route to premium auto care solutions.

Job Description:

Our team designed the site for Appearance Technology Group, a leading supplier of professional automotive detailing and reconditioning products. The goal was a clean, trustworthy and conversion-focused platform aimed at B2B clients, and we worked it out through multiple client meetings, because an automotive detailing website at group level has to answer a distributor, a professional detailer and an OEM buyer on the same page without making any of them read the other two.

An automotive detailing website built around the group, not one product

The page opens on the group’s own positioning statement, that ATG formulates and manufactures products which restore and protect a vehicle throughout its life cycle. From there it moves into an About block carrying the manufacturing footprint, the SKU count and the brand count, then sets the mission and the vision out together, with a Read More link keeping the long version one click away instead of on the page. Navigation stays deliberately short: About us, Brands, Contact us.

Brands, each with its own front door

Below that, a brands block gives 3D International, Hi-Tech Industries and RBL Products a card each, with a short description of what that business unit makes, where it is headquartered, and a link out to the brand’s own website. That structure matters more now than it did then, because the group has kept acquiring: ATG lists six brands today, where the design we delivered carried three.

Getting an inquiry out of a B2B visitor

The contact section asks four things and no more, which are full name, email, company name and the message itself, with an optional tick box for people who want to receive product and content news from ATG, and a short confirmation once the message sends. A newsletter block sits alongside it so that a visitor who is not ready to start a conversation still has somewhere to go, and the footer repeats the three main links next to the terms of use and the privacy policy.

Appearance Technology Group is online at appearancetg.com. For a B2B supply business where we took the work through to a finished build, see our website for National Wholesale Supply, a U.S. plumbing, HVAC and waterworks distributor.

Tools used: Figma, Photoshop

Alex,

United States

Need a similar solution or something custom-built? Share your requirements, and we’ll craft a tailored quote just for you. Let’s create a solution that drives real, measurable growth for your business.

Landing Page