Thanks to everyone who joined us for our May webinar: Modular Email Design: Build Better Emails Faster. We teamed up with IBM to teach you how to take a modular approach to responsive email design. Below, you’ll find the webinar recording, slides, Modular Email Design Cheat Sheet, and Ferguson case study we promised you.
Whereoware’s client Ad Council was recently featured in a case study by Litmus, the email industry rockstars behind the robust enterprise marketing platform.
The case study covers how Whereoware builds bulletproof email templates for Ad Council using our modular email design tool, Code Perfect.
Ad Council: “Code Perfect has been a lifesaver for our team, allowing us to be more nimble with our designs. It’s super easy to use and since it comes pre-tested across all email clients, we’re confident that it always looks great no matter which order we place our modules in. The monthly subscription fee gives us added peace of mind that the Code Perfect team is on top of the latest changes in Outlook, Gmail, iOS, and others, ensuring our modules are in line with best practices.”
Read the Litmus case study here, or check out our recap.
Each month, we’ll be interviewing one of our fab employees here at Whereoware. For May, we get to know Grant, our Account Executive, a little better.
Thanks to everyone who joined us for our May webinar: Predictive Analytics 101. We introduced predictive analytics and demonstrated simple to sophisticated predictive analytics use cases, like how to identify at risk customers and re-engage them to reduce customer churn. Below, you’ll find the webinar recording, Mud Pie case study, and slides we promised you.
Want hands-on help? Set up your free 30-minute consult with our customer insights team.
Watch the Webinar Recording:
Product detail pages make or break the shopping experience and directly impact conversions. Today, we’re highlighting 5 retailers exceeding our product detail page expectations with easy-to-scan and relevant product details, interesting imagery, and clever upsell features to enhance the customer purchase experience.
We’ve all been there: you find the perfect item online, but you’re unsure of how it will fit. Should you order your normal size, a size down, and a size up just in case? Anthropologie, PinkBlush, and Asos feel your pain and are taking some of the guess work out of online sizing.
Anthropologie is a brand under Urban Outfitters’ umbrella, focused on women’s wear and home décor. Their product detail pages are clean, utilizing easy to read fonts, colors, and multiple images.
What caught our eye is a quick statement underneath the size options – “Customers say Runs a Little Large”. This fit prediction comes from the mix of “True to Size” and “Runs Large” comments from reviewing customers, offering important real-time feedback to help unsure shoppers. In this case, we’d get our size and the size down.
PinkBlush carries women’s maternity and non-maternity apparel.
We like that PinkBlush’s product detail page includes a “Model Stats” section under “Size and Fit.” It’s not new for a retailer to include the model’s clothing size, but what sets PinkBlush apart is they include both the model’s picture (so you can double check the model is the same one featured in the product images) and the model’s measurements. Customers can compare their own measurements to the model’s , making it easier to assess the item’s fit.
Asos is a men and women’s wear company based in the UK. They recently started testing a new feature within their product images for a select group of products.
You may not notice at first glance, but they’re showing models with different body shapes and skin colors to reflect the products’ wear on diverse customers (yay!). Similar to PinkBlush, a “Model Stats” section breaks down the models’ height and size (UK, EU, US sizing).
Sale End Dates + Discounts
Bauble Bar is a women’s jewelry online retailer, hosting frequent sales and games to engage customers.
The product detail pages for final sale items has a lot of thoughtful information, but we love how they call out sale details. The sale deadline is prominently displayed above the price in red, with copy under the CTA calling out “Psst: You’re Saving 64%”.
There’s no way a customer will overlook the red font and other need-to-know details! We also like the clever “Psst” text under the CTA, enticing the customer to buy more.
Nordstrom is currently testing a new feature on their product detail pages that builds a complete head-to-toe outfit based on the item you’re viewing This interactive feature allows customers to view different options within the outfit, based on style and price.
We took this feature for a test spin. The top of the maxi dress product detail page looks normal , but scrolling down under the product specifications reveals a new section showing a head-to-toe outfit idea built around the dress. Shop the items shown without leaving the page, or “refresh” the page to see another outfit idea.
Check out the product page for yourself here.
Simple to Sophisticated
Are you ready to test-run any of these ideas on your own product detail pages? Adding a sale end date or percentage off are fairly simple adds, while photographing multiple models or adding a full-outfit feature like Nordstrom is more sophisticated.
Think about how to ease friction for your customers and provide all the information necessary to compel them to convert from the product page.
Thanks to everyone who joined us for our first 15 Minute Webinar on Facebook Advertising 101. We dipped our toes in Facebook advertising ad types and audiences, and hope you’re excited to get started creating compelling ads.
Missed the webinar or need a refresher? Get the slides.
Watch the webinar recording:
Overwhelmed by your email frequency and volume? You’re not alone. According to Litmus, almost 55% of companies have six or more emails in production at the same time. If production demands are high, email complexities are even higher. Email On Acid found that 71.8% of companies plan on spending more time on email production this year.
If you’re an email marketer spending significant time coding, building, and testing each email send, STOP what you’re doing and download our Modular Email Design Cheat Sheet. Using modular email design, you boost email quality, while cutting email build time by as much as half. See how it works!
What is Modular Email Design?
Modular email design enables users to build flexible templates using modular “building blocks.” Email modules are pre-tested snippets of code laid on top of each other like Lego blocks that fit nicely together. Swapping modules in and out allows for endless combinations of email layouts and designs. Ready for the kicker? With modular design, you don’t have to code and test the modules each time.
Modular design takes planning, coding, and stringent testing in advance, but then frees your email team to repeatedly reuse the modules for all email and design needs. Our clients using modular design have cut their email production time in half – check out a case study to see how we did this for Ferguson Enterprises!
Why Should You Use Modular Email Design?
Modular email design makes the email production process easy and significantly less time consuming. By testing the modules in advance, you’re no longer spending time fixing line breaks or irritating rendering issues across different email clients or mobile devices. Your designers can instead focus on email strategy, compelling copy, and eye-catching imagery instead of rendering and formatting issues. Say goodbye to the days of spending hours coding each email, and hello to the days of pre-tested code modules that can be swapped in and out of emails in a fraction of the time!
How Can I Get Started with Modular Email Design?
Have you decided you want to try modular design out? To excel at modular design, you need to think through your email template and module needs to ensure you build flexible email layouts. We’ll break the steps down for you:
Step 1: Look through emails you’ve recently sent and figure out what’s working and what’s not. Are some parts of your emails getting more clicks than others? Is your audience ignoring elements in your navigation or overlooking calls-to-action? What parts of your emails is your audience interacting with?
Step 2: Compile the best parts of your emails and any need-to-have elements. This is where you’ll begin designing email modules to swap in and out of your email templates. Only keep the elements that have been working within your existing emails.
Step 3: Once you choose your modules – code and thoroughly test them. We recommend using a testing tool, like Litmus or Email on Acid, to ensure your modules render correctly across devices and ESPs. We suggest building responsive modules, so every email you send looks great regardless of screen size.
Step 4: Design, build, and test your templates. We typically build standardized headers and footers, and a master body that includes all our flexible modules. Test the templates for rendering and coding issues.
Step 5: Once you’ve thoroughly tested your modules and templates, you’re ready! Add in the modules like building blocks, change up copy and imagery, and enjoy your endless variations of email designs.
Download our Modular Email Design Cheat Sheet
If you’d like additional help, get our Modular Email Design Cheat Sheet. The cheat sheet includes an email modules guide to help you brainstorm module types, examples of what those modules look like in real emails, and a checklist to use when creating your own modular emails. Get ready to boost email quality and decrease email production time!
If you get stuck, contact us and we’ll walk you through the steps. We’ve built a modular email design tool, Code Perfect, that lets you add modules and customize layouts with a simple mouse click. See what everyone’s saying about Code Perfect and get a free demo of Code Perfect.
Imagine this: you walk into your favorite store, point your phone’s camera toward the display window, and see a real-life model posing and speaking, instead of a motionless mannequin. Or, you point your phone’s camera at a delivery package and see a model posing on top of your box.
This sounds like futuristic fiction, but it’s exactly what Spanish retailer Zara revealed on April 12.
Yesterday, Zara rolled out an augmented reality (AR) campaign on their mobile app, ZaraAR to coincide with the release of their new collection. It is available in 120 Zara stores globally for two weeks. They’re not alone either. AR is picking up speed; according to Digital Bridge, 74% of consumers expect retailers to offer some type of AR experience.
Intrigued? Us too. Check out how Zara is using AR to enhance the customer shopping experience.
Each month, we’ll be interviewing one of our fab employees here at Whereoware. For April, we get to know Devon, our Digital Project Manager, a little better.
Ferguson Enterprises is the largest U.S. distributor of plumbing supplies, PVF, waterworks and fire and fabrication products. It is also a major distributor of HVAC equipment and industrial products and services.
Some of Ferguson’s emails were not responsive, because they didn’t have an in-house email developer. They wanted to redesign and rebuild their emails to be responsive, while reducing design and development time.
Whereoware and Ferguson took a modular approach to building responsive email templates. Modular design enables Whereoware to build flexible templates with modular “building blocks” that Ferguson can swap in and out for endless combinations of email layouts and designs.