Website Design & Management

West Elm Work Website

Problem:
The West Elm Work B2B program needed a new website to showcase its recently rebranded workplace furnishing collaboration with Steelcase.

Solution:
Using Squarespace, I built a new website for West Elm Work, a resource for businesses to see each thoughtfully designed collection in a variety of office environments. The site includes product silos and detailed dimensions, custom upholstery swatches, a dynamic dealer directory and an appointment scheduler widget to book a tour of West Elm HQ, a real-world showcase of the product line.

 

West Elm Work website

 

Editorial Content Page Design

Problem:
Design a responsive landing page for large-scale marketing partnership launch.

Solution:
Use XD to design a mock for content approval and as a guide to then build out the responsive page in Wordpress.
Live Feature Pages: Landing Page 1 | Landing Page 2

 

Two editorial landing page mockups for recent partner collaborations

 

Seasonal Trend Shops

Problem:
Merchants requested seasonal trends page with a curated collection of shopable content below an editorial layout.

Solution:
Design a layout with a tight selection of related lifestyle photography and copy to live above the fold and shopable grid of products for both desktop and mobile versions of the website.

Trend shop landing pages

 

Product Collection Landing Pages

Problem:
West Elm wanted new overview pages for each of its large outdoor furniture collections that was both informed and compelled users to purchase.

Solution:
I created several layouts featuring aspirational lifestyle photography and a carousel of clickable featured product silos that would take the user to the product details/shop page. Text content was kept concise to focus on key unique features of each collection; finish swatches and icons augment the at-a-glance content above the fold.

 
 

West Elm Outdoor Furniture Collections landing page mockup