Domaine employees working on wireframes together
Floyd sofa in a room
Employee coding on his computer
Ulla Johnson editorial image
Cécred product photograph
Oscar de la Renta model posing with a purse
Employee working on the design for Domaine website
Gobi sweaters folded on top of each other
Timex watch

Purpose-built for ambitious & beloved brands.

The words "Balance Brand + Conversion" on a black background, with additional colored labels spelling out different ecommerce components.

Balancing Brand & Conversion: Crafting Ecommerce Experiences That Resonate & Convert

In the digital landscape, where every pixel counts, finding the sweet spot between a brand's identity and conversion goals is more art than science. At Domaine, we are passionate about mastering this balancing act, working with a diverse range of brands with unique goals and strategies to ensure their sites are as engaging as they are effective. We dove into this topic on episode 11 of DTCx’s Ultimate Shopify Customer Journey Series.

The Dual Role of Brand and Conversion

Brand and conversion aren't adversaries; they’re partners in creating a memorable online experience. The brand is the soul of a business—it's what can make a site unique and memorable. But without conversion, that brand presence doesn’t translate to growth. At Domaine, our mission is to bring brands to life in the digital space while also driving meaningful results and increasing engagement.

The Art of Translating Brand Identity

Ecommerce frameworks may have the tendency to feel rigid, but there's plenty of room for creativity. When our team at Domaine starts working with a new brand, we delve into their core identity—what we affectionately call the "feelings" of the brand. This involves understanding what makes a brand unique, whether it’s boldness, elegance, or a rebellious spirit. From there, our efforts are turned to translating this to a digital space.

Take typography, for instance. A brand that is bold and seeks to push boundaries might opt for a tall, condensed typeface that exudes authority and confidence.

By focusing on key visual elements like typography, color, and layout, we create visual identities that not only match the brand’s core identity and goals, but also resonate with their customer, and stand out within a crowded space.

Benchmade

For Benchmade, a high-end knife company, we explored multiple visual directions to modernize their site. One concept embraced their outdoor heritage with earthy tones, while another focused on the craftsmanship of the knives with cinematic visuals. A third concept streamlined the user experience with a clean and approachable interface.

By presenting these distinct themes, we could align on a design that felt authentic to Benchmade's identity. Using the same core ecommerce structure, but swapping out different typefaces, colors, and layouts, we can pull at very different elements of the brand.

Image depicting the three visual concepts for Benchmade's new site

NEST New York

For brands with more extensive brand books and set color and type guidelines, we still find opportunities to discuss the best way to represent their brand online. For NEST New York, a luxurious fragrance brand, we presented two concepts focusing on smaller visual elements while maintaining the typeface and colors.

The first focused on the packaging and botanical elements, while the second zeroed in on sensory and glamorous imagery. By using the same ecommerce elements within each concept, we were able to solidify all the visual attributes that make each concept feel authentic and true to the brands identity.

Image depicting two visual concepts for NEST New York's new site

Weaving Branding into the Fabric of Ecommerce

Too often, brands isolate their identity to specific areas of their site—like the “About Us” page, landing pages, or blog articles. However, these pages often see lower traffic. To truly embed a brand into the user experience, it's essential to weave brand elements through the entire shopping flow.

When we take a look at our brands’ analytics for this year-to-date across many verticals (including bedding, accessories, hair, apparel, jewelry, maternity, food, and fragrance), on average, brand pages (such as the “About Us” page) received .25% of overall site traffic. Blogs come in a bit higher at 2.3%, but this is when we combine all articles for each brand.

A brand’s content and differentiators should be woven into the main shopping flow, so that as users move between the navigation, homepage, product listing page (PLP), and product detail pages (PDPs), they are gaining a sense of the brand and why they should shop with here instead of with a competitor.

Stoney Clover Lane

For Stoney Clover Lane, a brand known for its customizable bags, we infused their playful color palette and patchwork designs across their entire site. In the navigation, we added pops of the colors that they are known for as well as illustrations that match the aesthetic of their patches.

Mobile screenshots of Stoney Clover Lane's navigation menu

Timex

Meanwhile, Timex, an iconic American watchmaker, was looking to weave their brand story into every corner of the site. We achieved this by starting their homepage with a bold brand message: "Every watch has a soul and a story to be told," which continues with immersive takeovers that showcase specific watches.

Desktop screenshot of Timex's homepage

Storytelling on Product Listing Pages

Product listing pages (PLPs) are a wonderful avenue to weave content and stories throughout a product grid, creating small moments of delight alongside product discovery.

Figs

Figs, the brand disrupting the scrubs industry, needed to showcase the innovation behind their fabrics. Rather than simply listing unfamiliar proprietary terms, we incorporated brand education into the filters, ensuring that even the most basic interactions feel true to the brand. These modules highlight how thoughtful Figs is about materials that will perform for the medical professionals they serve, right in the PLP.

Desktop and mobile screenshots of Figs' filtering on their product listing page

Brand Content on Product Detail Pages

On the product detail pages (PDPs), brands can have impactful content like visually interesting information modules, how-tos, and product customizations. These help cement core values, differentiators, and more.

Benchmade

Benchmade allows their customers to customize their knives. We designed visually impactful specifications and video modules to support that message in the PDP. Additionally, small modules can highlight their core values: Made in the USA, Premium Materials, and Free Sharpening on all knives. This section tested incredibly well, with 20% of users commenting positively on these pillars before adding-to-bag.

Desktop and mobile screenshots of Benchmade's product detail page modules

Fellow

For Fellow’s recent launch of their new Aiden Coffee Maker, we created a modular PDP with a seamless scrolling experience educating the customer on key features and product attributes. This helps differentiate the product as a new launch, focused on education and storytelling while driving towards pre-order.

Screenshots of product detail page modules for Fellow's Aiden Coffee Maker

Making Branded Content Shoppable

Another critical insight we’ve honed is the importance of making branded content shoppable. Brand moments shouldn't be static—they should invite interaction.

This can come to life in a variety of ways depending on the brand and the product assortment available. A skincare brand may encourage users to shop a complete routine. An intimates brand might showcase both a bra and underwear in an editorial image and encourage shoppers to purchase them as a set.

Tuckernuck

For Tuckernuck, a lifestyle and fashion brand, we created an immersive experience where shoppers could click on editorial images to view and purchase the clothing featured directly. This approach blends ecommerce functionality with the brand’s stylish, curated content, enhancing both the shopping experience and brand engagement.

Desktop and mobile screenshots of Tuckernuck's Shop the Look module

Keen

Keen, known for its footwear and outdoor gear, sought to integrate content and ecommerce seamlessly. We designed each section of their site to reflect both their rich history and purpose while effectively showcasing products, with the ability to “Shop from Anywhere”. Balancing these elements required a thoughtful design system that highlights the brand’s story while driving sales.

Screenshots of Keen's Shop from Anywhere modules

Mind the Essentials: Best Practices for Key Elements

Lastly, while we want to bring brands to life with creativity throughout an ecommerce site, there are key elements where simplicity reigns supreme. Navigation, filters, and checkout should prioritize clarity and usability above all else.

Consider best practices and clarity for these key elements:

  1. Navigation: We've conducted hundreds of user tests where users become frustrated by branded or unclear terms in the navigation. It's best to avoid uncommon or confusing terms. Better yet, test which terms are best for users.
  2. Filters: Similar to navigation, filter taxonomy should be as clear as possible. If a brand needs to use unfamiliar terms, we recommend exploring options to educate users on their meaning like the Figs example we shared earlier.
  3. Add to Bag: Be mindful of best practices on the top of the Product Detail Page. While we want to showcase the brand, we also want it to be easy for users to select variants and add-to-bag without any distractions.
  4. Cart & Checkout: Cart and checkout are not the best places to weave in brand. Keep it simple and conversion focused.

Conclusion

Balancing brand identity with conversion goals is a challenge that we love tackling every single day. By understanding the essence of a brand and strategically embedding it throughout the shopping experience, we create ecommerce sites that are not only beautiful but also effective. At Domaine, we’re proud to help brands strike this balance, ensuring that every interaction is both on-brand and optimized for results.

Authors

Headshot of Lenora Rigoni
Design
Lenora Rigoni

VP, Creative

Lenora is Domaine's VP of Creative, leading the practice with Trey. She specializes in translating brands into the digital space and has worked across UX, product, and brand teams. Lenora thrives on collaborating with industry experts to deliver exceptional work. In Brooklyn, she enjoys traveling, tennis, and caring for her pets.

Headshot of Katie Baligod
User Experience
Katie Baligod

Director, User Experience

Katie, Director of UX at Domaine, brings 10+ years of ecommerce experience. She skillfully merges user insights, business needs, and design to simplify complex problems for clients and users alike. Katie loves creating thoughtful, intuitive experiences. At home in Los Angeles, she takes care of her two dogs and many plants.

Related Posts