Work / Ecommerce No AI

Store Consistency

Hired to make the Kodiak Canvas store feel like one system, homepage, collections, product, and cart speaking the same language.

Client: Kodiak Canvas
Role: Product design
Focus: Consistency, storefront
Platform: Ecommerce web

Kodiak Canvas homepage with a hunting season hero, collection circles, product rows, and repeating charcoal and rust orange modules. — Homepage: hero, collections, and product modules that set the store’s type, color, and rhythm.

Canvas Camping Tents collection with sidebar filters for availability, occupancy, and price above a consistent four column product grid. — Collection: the same header and product card language as the rest of the store, with filters that stay quiet.

Kodiak Canvas product page for a 12x16 cabin lodge tent, with gallery, price, and stacked description, features, and specs. — Product: gallery, buy box, and content blocks that follow the same hierarchy as collection and home.

Kodiak Canvas cart with line item, you may also like cards, rust orange checkout, and the same header and footer as the rest of the store. — Cart: checkout and cross sell using the same type, cards, and rust orange actions as the rest of the site.

The problem

Kodiak Canvas is a high consideration outdoor store. Shoppers move from homepage to collection to product to cart, and any break in type, color, or structure makes the store feel pieced together.

I was hired to make sure the store had consistency throughout the site.

The approach

I treated homepage, collection, product, and cart as one system: shared header, the same product card language, and a repeating charcoal / rust orange action pattern so every step feels like Kodiak, not a different template.

One header and nav across home, listing, product, and cart
Product cards and type that stay stable from collection to PDP
The same accent and hierarchy for shop, add to cart, and checkout

The outcome

The store reads as one experience from first landing through cart. Consistent enough that a shopper never has to relearn the page.