YEAR

2023

Deliverables

eCommerce Design

UX/UI

Branding

Design QA

Woodcraft Supply

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 screens 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.

Global Header, Navigation & Footer

For the global header, I went with a clean, spacious design that avoided clutter, allowing each element to breathe. In the navigation menu, I considered how users would interact with the multi-level mega menu and added intuitive hover states to enhance exploration. Following the client’s preference, I kept the footer light and minimal.

Product Detail & Product Listings

On the PDP, 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.

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.

Wait...There's More?