DEN Outdoors offers efficient PDF house plans with customization options to simplify building dream homes. Due to the nature of their product (house plans are not exactly an impulse purchase), they were looking for advice to educate prospecting visitors and to reduce the number of CX questions.
As a smaller and newer company, DEN was having personal conversations with its customers and following them on their homebuilding process. Because of this, we had a lot of information about what competitors users had considered and why they ultimately chose DEN and we knew DEN's main value propositions were their quality plans and customer service.
I assessed how other companies in a similar space were marketing their products and what keywords kept popping up. There were quite a few direct competitors, and we wanted to make sure our updates would appeal the most to customers and stand out from the crowd while not needing to reinvent the wheel or take enormous risks for our clients.
A main priority was to make sure users could easily choose between all of the different plans DEN offered, so I first grouped all of their current products while keeping in mind possible future launches.
I divided the navigation tabs into Shop, Inspire, and Learn. I wanted a large, visual navigation menu that matched the direction of the rest of the site redesign, and experimented with a few different approaches. I focused first on the Shop tab, settling on using a sidebar menu to display all the product categories, with multiple product images displayed for each collection.
The first page I tackled was the homepage, as it was DEN's main landing page and received the most traffic. The goal for this redesign was to 1) better sell the concept of dream homes, 2) communicate DEN's offerings and benefits to first-time visitors, and 3) transform the homepage into a more visual experience.
I wanted to make sure users could navigate between the different types of homes, and I also wanted to list key features of each plan underneath each product name, such as square footage and number of bedrooms. Providing this information would help users make informed decisions on what plans to click into, making the overall user experience more pleasant.
This version took up too much vertical real estate, and would force DEN to produce images for each plan type.
This version took up too much horizontal real estate for the title and didn't look as elevated.
This version was closest to what we ended up launching, but we also added a CTA button and reduced the size of the images to show more products at a time.
The new homepage highlights how anyone can be able to build their own dream home with the help of DEN, and provides an abundance of success stories.
Next, I tackled the product page, which originally was a basic Shopify template. My priority was to make it more obvious that the more affordable Starter Package was what we recommended new customers start with, and that they could easily upgrade to the Complete Package whenever they were ready to commit to a build.
I wanted to make the shopping experience as easy as possible and to include all of the specifications such as square footage and number of bedrooms at the top of the page.
Easiest to build, with all of the features at the top of the page. More clinical approach that doesn't inspire.
Focus on the 2 types of packages for each building plan. This works well for typical e-commerce products but we wanted more focus on the gorgeous product images.
Quick snapshot at the very top with heavy emphasis on product image carousel. This approach works well since customers might visit the PDP multiple times before making a purchase.
This new PDP focuses on large images and showing real-life results from previous clients.
I simultaneously tackled two main problems when I worked on the cart: 1) allowing DEN the flexibility to test out special offers, 2) increase checkout rates, since most visitors were adding to cart and dropping off before completing a purchase.
Full-width callout built into the cart so users don't miss out on the special offer. Users can skip the screen if they don't want to add the offer to their cart.
Callouts for each product to show how easy it is to download or upgrade your purchases.
To increase AOV (average order value), adding a few smaller products at the bottom of the cart tends to work well across industries.
Since all of DEN's products are online rather than physical, the Instant Download tag proved to be unnecessarily repetitive, so I moved it to the bottom of the cart near the subtotal. I also added a callout about 24/7 customer support to show that it would be easy to get in contact with a representative for any support you'd need.
I had focused so much on making the navigation menu as visual as possible without properly considering scalability, and we had to revisit the menu to accommodate for the new BuiltBy DEN pages. Now, the current navigation menu is much more simple and scalable, with room for future products and collections.
The next steps would be to tackle the How it Works pages to see if we could combine all three pages into one comprehensive guide.