AZEK

Marketing Site

UX, UI, Design, HTML, CSS, JS

AZEK is a premier manufacturer of synthetic building supplies, including decking, railing, siding, pavers, trim, etc. This is the main site for AZEK products, product locators, technical documents, warranty information, and more.

The main navigation was originally a listing of AZEK product categories. This was not a great way to show AZEK’s products and commitment to its customers. So, the navigation was updated to better reflect the customer journey when purchasing an AZEK product.

Customers are inspired by designing tools, visualizers, and photo galleries. Then, they explore all the products that AZEK offers. Customers are then able to build their project with the help of supplied plans, technical documents, and installation tutorials. Finally, they are shown how they maintain their project with a warranty center and frequently asked questions.

Product pages give customers an overview of that product. There is a visualizer so that a user can see what different colors and patterns will look like. Overview information and optional accessories can be seen. Users can also quickly view select photos of that product and go to a full gallery page. Finally, quick links are available with more information or where to buy the product.

Selecting a new color and pattern in the visualizer.

Next — CPG Portal