dovetail-DVTL_OfficialLogo_Color 1
Powered by dovetail-optimizely-logo--black-text 1

Reinventing the Customer Experience for a Wholesaler and ITS Vendors

Dovetail Furniture’s rebranding and new Optimizely DXP allows its vendors to offer an “infinite” amount of Dovetail items as their own.

5 minute read

Who Should Read This?

This case study will be especially relevant for those interested in the following topics:

  • B2B Ecommerce
  • Optimizely
  • Complex Product Catalog
  • Vendor Management
  • Website Replatforming
  • Customer Experience (CX)
  • Branding
  • Infinite Aisle
  • ERP and PIM Integrations

THE CHALLENGE

Dovetail Furniture had operated successfully for years with a Joomla CMS and a BüroWARE ERP. But as the needs of their buyers and partners evolved, so did Dovetail’s need for a more robust set of digital solutions. They chose Guidance, an Optimizely Partner Agency, to help them migrate to Optimizely, integrate new ERP and PIM systems, and elevate their brand presentation.

THE BRAND

Dovetail opened its doors in 1992 in Culver City, CA. Over the course of 30 years, co-founders Ted Einstein and Charlie Shaw have transformed the business from a retail operation with a single location to a wholesale furniture business, supplying thousands of retailers and interior designers across North America. Their style is best described as refined, yet relaxed, and their pieces often utilize eco-friendly materials, including natural fibers and reclaimed or plantation woods.

Business to Business Human

Is it possible to create a softer, more stylish B2B experience? That’s what Dovetail asked for, and Guidance delivered by taking a business-to-human approach with the customer experience. After all, the people served by Dovetail include small business store owners; salespeople in brick-and-mortar stores; buyers for larger retailers; independent interior designers; and residential staging companies. The variety of these audiences’ needs required remarkably flexible solutions. Taking a “human” approach centered the experience on the individual, using technology to enable that experience across audiences.

Responsive design is a key element of the user experience, as tablets are widely used in stores to explore options beyond the showroom floor. Guidance provided the ability for salespeople to toggle quickly between wholesale and retail pricing views, and created a streamlined user experience that includes intuitive site navigation, robust tagging and filtering options, and enhanced PDP design.

The visuals were another key element – as you would expect in a field where the difference in color between “bone” and “oatmeal” can make or break the aesthetic of a design. Optimizely can handle image processing, and Guidance worked to find the perfect balance between quality and speed. The results were documented for Dovetail with an image guide that includes detailed specifications to sustain the continuity of the experience.

dovetail-mobile-screensGroup 9@3x

The visuals were another key element – as you would expect in a field where the difference in color between “bone” and “oatmeal” can make or break the aesthetic of a design. Optimizely can handle image processing, and Guidance worked to find the perfect balance between quality and speed. The results were documented for Dovetail with an image guide that includes detailed specifications to sustain the continuity of the experience.

AT A GLANCE

100%

Performance

A

GTmetrics Grade

92%

Structure

That quality/speed balance also plays a part in another of the innovations Guidance implemented during the project – “infinite aisle” product landing pages. These allow Dovetail’s vendors – especially brick-and-mortar salespeople – the ability to offer their customers many more product options than they can physically stock. This also allows Dovetail’s vendors to better compete with online furniture retailers.

The entire visual presentation was implemented in an editorial style designed to match Dovetail’s philosophy about the furnishings they select: modern but unpretentious, elegant yet approachable.

dovetail-screenshot-Mask group@3x
dovetail-screenshot-Mask group@3x1

A LOGO THAT DOESN'T MATCH

Dovetail’s approach to decorating goes against the grain, so to speak. Unlike many furniture suppliers, they don’t organize their products into a set of collections or looks. Instead, they prefer to create an aesthetic that involves complementary pieces. Guidance used that idea to drive the development of Dovetail’s branding elements. For example, the lettermark font that accompanies the logo is different from the headline and body copy fonts in the user interface, but they’re complementary to each other.

dovetail-text-feature-Group 10@3x

Continuing on that theme, the typefaces and colors were chosen to support and enhance the white-label presentations of furniture and décor, to avoid clashing with or distracting from the product imagery and infinite-aisle showroom layout. The specifics of these decisions, including the results of the explorations that led to the final brand and logo choices, were documented in a detailed style guide.

dovetail-colors-Screen Shot 2023-02-24 at 10.28 1@3x

THE MIGRATION

Dovetail had been using a legacy version of Joomla as their CMS, which served them well for several years. But it didn’t position or enable them to begin the next stage of their growth. Making the leap to a new CMS was a critical decision for their future, and Guidance partnered with them to make the migration a reality.

One significant benefit of switching to Optimizely is its scalability and flexibility. Optimizely is designed to handle large and complex websites, making it an ideal choice for businesses that require a robust and scalable platform to manage their content. 

Additionally, Optimizely is built on .NET technology, making it easier to integrate with other enterprise systems and tools, saving time and resources while improving overall productivity. For example, many of Dovetail’s administrative workflows, such as the creation and editing of vendor records, could be automated in the new platform, whereas these functions were performed manually in the past.

IN THEIR OWN WORDS

“We are thrilled with the work that the Guidance team has done for us and would highly recommend their services to anyone looking for a top-notch web development agency. Their level of professionalism, skill, and dedication is truly unparalleled.”
- Marco Petruzzi, CEO at Dovetail

The project rolled out in multiple phases. To make the initial transfer run as smoothly as possible, Guidance brought Dovetail from Joomla into an older version of Optimizely CMS and Commerce. From there, Guidance upgraded Dovetail to the Optimizely DXP environment, which included upgrades to .NET 6, CMS 12, and Commerce 14.

Further integrations were deployed to define an even more personalized experience for Dovetail’s vendors, and the vendors’ own customers. Optimizely Product Recommendations deliver tailored “You May Also Like” content based on user behavior. Their Service API was key for migrating Dovetail’s existing vendors, including all their relevant contact and historical data, into the new platform. Creating visitor groups helped to further personalize the experience of content pages, and SendGrid was utilized for emails and other notifications.

dovetail-may-also-like-Screen Shot 2023-02-23 at 4.49 1@3x

Throughout this complex migration, Guidance kept its focus on organization, proper documentation, and strong communication practices. This helped limit informational gaps and led to a successfully launch, once all systems were in place.

THOUSANDS OF WEBSITES IN ONE

Dovetail supplies furniture to the full spectrum of retailers, from national chains and franchises to small local showrooms. Despite differences in the scale of these businesses, Dovetail needed to provide them all the opportunity to offer Dovetail products as their own. From a branding perspective, that meant designing a solution in which the Dovetail site could seamlessly integrate with any retailer’s branding assets. In effect, every retailer would have its own white-label site.

Guidance implemented a headless CMS, which comfortably houses other retailers’ assets while maintaining a polished look and feel. However, many small businesses – including some of the vendors supplied by Dovetail – haven’t invested in the necessary assets to professionally represent themselves online, which makes a white-label presentation more challenging. To solve for this, Guidance devised a flexible suite of headers which could display low-quality logos on a square white background as needed.

Additionally, every business can customize pricing of the Dovetail products they offer to clients and customers. Whether they want to add margin to certain items or offer discounts on others, this is another way Guidance’s approach enabled Dovetail’s vendors to make their white-label sites truly feel like natural extensions of their own businesses.

dovetail-customlogo-Frame 15@3x

REDUCING OPERATIONAL OVERHEAD

With thousands of retailers and designers inquiring about thousands of items, managing a product catalog efficiently is a business-critical function. Dovetail teams, including sales and customer support, also depend on a catalog that accurately reflects current inventory levels and pricing for wholesale and retail.

Dovetail’s PIM solution is PlumSlice, but there isn’t an app for that in the Optimizely Marketplace. So, Guidance developers created their own solution – a custom module for the CMS user interface. The new PIM integration allows Dovetail to manage their catalog in a single place. Updated inventory and pricing data flows freely between systems, reducing the risk of discrepancies and maintenance overhead.

THEIR WISH LIST IS OUR COMMAND

Some of Dovetail’s clients, such as interior designers, manage multiple projects at once, and may need to coordinate product arrival times many months in advance. As such, the robust wishlist functionality inside Optimizely Commerce was a must-have. Paired with the ability to display shipping fulfillment directly on the product display pages, and the ability to add item notes for project documentation, the new wishlist system helps Dovetail vendors easily determine what pieces will or won’t work for their professional projects from a logistical perspective.

The improved user flow within Optimizely also allows Dovetail’s vendors to move some or all of their wishlist items into their cart, to streamline checkout when they’re ready to purchase. Individual item notes are preserved in the transfer as well.

dovetail-pdp-Wishlist@3x

Results

Guidance migrated Dovetail from its 
outdated CMS, while creating a fresh, eclectic rebranding that also allows their thousands of vendors to customize a white-label site for their customers. 

With an infinite aisle experience and high-quality imagery, Dovetail reaffirms its status as a market-leading supplier for designers and retailers.

Summary

Over the course of three decades, Dovetail evolved from a furniture retailer to a wholesale supplier, serving thousands of businesses and designers throughout North America. To prepare the next phase of growth, they needed to upgrade their brand presentation, CMS, and ecommerce platform.

Guidance partnered with Dovetail to migrate their website to Optimizely, and developed custom integrations for ERP, PIM, and DAM solutions. Their brand refresh included a reimagined user experience that also supports the creation of white-label sites for their vendors. These sites provide an infinite aisle product presentation, customer-specific pricing, and an intuitive site architecture.

With detailed style and images guides, a new analytics package, 
and support for professional project planning, the new Dovetail site is responsive, streamlined, and fully prepared for future scaling and integrations.

SERVICES

  • Analytics
  • Branding
  • Data Migration
  • Headless Commerce
  • Replatform
  • Responsive Design
  • Strategy
  • UX/UI Design
  • Visual Design

TECHNOLOGY SOLUTIONS

  • Acumatica (ERP)
  • Google Analytics
  • Google Enhanced Commerce (GA4)
  • HubSpot (Marketing Automation)
  • Instagram feed
  • iubenda (CCPA/Privacy policy)
  • Optimizely DXP
  • Sift (Fraud)
  • PlumSlice (PIM)
  • Vuetify

Find out how top brands are breaking boundaries and exceeding sales projections with Guidance.

CONTACT GUIDANCE