Transforming Product Catalogs into An Engaging Website
KSI Metals +
KSI Metals + a is a roofing company with locations in Arizona and New Mexico. I worked with my team to design and build their website, showcasing their specialty in metal roofing, siding, gutters, and accessories. Customers will now be able to browse their products and services without the need for calls or visits to physical stores. I designed and created informational collections and product pages.
A Snapshot
Collection Pages
To tackle the length of information for each collection, I used a dual-column layout with the addition of accordions. This allowed for a clean and organized presentation of the products while keeping the user experience easy and intuitive.
Product Details Breakdown
Catalog Page Visual
Product Pages
Horizontal tabs were used for product pages to effectively organize the wealth of information that needed to be conveyed. Clearly labeled tabs reduced page length and included essential product details providing customers with the necessary information to make informed purchasing decisions.
Product Page Visual