ecommerce design
Woodcraft Supply
Designing an adaptable eCommerce experience across 100+ screens to serve diverse products and customer needs.
I initially joined Woodcraft’s eCommerce replatform/refresh project in a design support role, but as the project evolved, I stepped up as the lead creative, designing over 100 comps across desktop and mobile.
Using our UX team’s wireframes as a foundation, I designed global elements like the header, footer, and navigation menu, core eCommerce pages—including department landing pages, product listings and details, and cart/checkout—as well as additional brand-specific screens for the blog, magazine, and customer care.
Product Detail & Product Listings
I focused on establishing a clear typographic hierarchy to separate the important content in the buy stack, ensuring the page remained user-friendly despite the amount of information.
On the PLP, I designed flexible product cards to accommodate the variety of products Woodcraft offers, incorporating subtle borders around the photography to maintain structure and visual alignment.
On the PLP, I designed flexible product cards to accommodate the variety of products Woodcraft offers, incorporating subtle borders around the photography to maintain structure and visual alignment.
Woodcraft Magazine
Woodcraft drives sales through their magazine, where customers browse and purchase featured products. I designed a tabbed landing page to organize past issues and promotional content like online extras and videos, making it easy for users to navigate.
