top of page
Profile picture of Maria Keenan

11.2.2022

3 min read

Get your clients ready for the holiday sales rush with these 6 ecomm design tips

Use these smart ecomm design strategies to help users find the products they want, and help clients boost holiday sales.

An illustration of Editor X ecomm features, floating over a dimensional, reddish pink background.

Illustration by Anita Goldstein.

Stay informed on all things design.

Thanks for submitting!

Shaping Design is created on Editor X, the advanced web design platform for professionals. Create your next project on Editor X. 

With the festive season approaching at a gallop, clients are putting the final touches on their holiday ecommerce strategies, and asking designers for updates that’ll set them up for success.


Using the following tactics, you can harness the full potential of the Editor X platform to increase site engagement, create stylish showcases, and highlight valuable deals that are sure to provide your clients with some early holiday joy.




1. Increase engagement from all angles


By providing visuals from different angles, your clients can persuade their customers that their merchandise is the perfect fit for their gifting needs.


Fluo Paper Co literally stops site visitors from judging notebooks by their covers by using this tactic. Here, they harness Editor X hover interactions to show the notebook’s product specs, like inner pages and rule types.


A screenshot of three journals in a gallery on the Fluo Paper Co. homepage.
A typical gallery is transformed into an eye-catching sales opportunity by showcasing multiple facets of a product with hover interactions, all with the movement of a mouse.


Another example from lifestyle brand Somos Cactus delivers “Add to Cart” CTAs on hover, providing a streamlined flow to checkout.


A screenshot of a product gallery on the Somos Cactus website.
Reduce clicks to the the cart by layering on a CTA with a hover interaction.


2. Display your clients’ best work in product showcases


If your client is asking for an attractive way to show off their bestsellers—or the products they wish were bestsellers—there are plenty of options on Editor X.


Here, boutique pottery brand Thrown and Trimmed uses sticky scroll to create a layered gallery for their signature collection. As users move down the page, images of these featured products sit on top of each other, creating a visual connection between each piece and the collection as a whole.


A screenshot of the sticky scroll effect for an image gallery of products on the Thrown and Trimmed website.
Pottery brand Thrown and Trimmed uses sticky scroll to create a layered gallery, which creates a visual connection between each piece and the collection as a whole.


Fluo Paper Co also brings site visitors into the process of their product’s creation by using a VideoBox to show how their artisan notebooks are crafted. This treatment brings visitors inside the brand and creates an emotional connection to the product, by showing the care that went into it.


Apparel brand Rich Minority uses the Editor X Pro Gallery to display images from its recent Free Huey campaign, giving visitors a detailed introduction to the project, and showcasing the wearability of their products in a single, eye-catching section. You can achieve a similar display for your clients’ sites by following this tutorial on slider sections using Layouters.


A screenshot of website Rich Minority's use of the Pro Gallery.
Rich Minority uses the Editor X Pro Gallery to display images from its recent Free Huey campaign, giving visitors a detailed introduction to the project, and showcasing the wearability of their products.


3. Use scarcity to seal the deal


FOMO is real, especially during the festive season. By showcasing the number of items left in stock on product pages, you can help your clients monopolize on shoppers who are afraid of missing out on the best deals.


This Editor X tutorial shows how to create custom store badges using Multi-state boxes to highlight stock levels and push users to hit that “buy now” button.


Here's how to create custom store badges to highlight stock levels.



4. Let online shoppers pay their way


On Editor X, your clients can accept multiple payment methods, including PayPal, AfterPay and Klarna.


By facilitating these transactions, the sites you build are open to a much broader buying audience. This includes those who want to pay in installments, opening up orders to even more customers since they don’t have to pay the total amount up front.


Rich Minority announces some of these payment options on each individual product page, highlighting payment flexibility early in the user's decision-making process.


A screenshot of a product page for a t-shirt on the Rich Minority website.
Rich Minority announces installment options on each individual product page as a way to remove barriers to purchase (like having to pay full cost up front) during the decision making process.


5. Make your clients' customers feel heard


Providing a live chat experience lets your clients communicate with their customers in real time, and answers any questions that could prompt abandoned carts.


In fact, according to Forrester Research, 42% of US online adults said that it was important for retailers to offer live online chat on their websites in 2021, up significantly from 27% in 2019.


Lali by Barbi, a hand-made jewelry brand, uses this feature to minimize bounce rates and maximize sales.


A screenshot of Lali by Barbi's website, featuring a pop up chat box.
Use live chats to minimize bounce rates and maximize sales.


6. Help clients highlight their best deals


Your clients are liable to ask you to trim the prices on their online stores around the holidays, but in a way that says “affordable” rather than “cheap”.


Brazilian makeup company Kunst Cosmetics uses an Editor X lightbox to great effect, showing a bundle deal in an overlay that pops up as users browse their site.


A screenshot of Kunst cosmetics website.
Brazilian makeup company Kunst Cosmetics uses a lightbox to show a bundle deal in an overlay that pops up as users browse their site.

Their online store also uses more subtle cues to indicate savings, such as this simple strikethrough treatment on an individual product page.


A screenshot of Kunst cosmetics product page.
Adding a strikethrough over a previous, higher product price on a page like this one provides a visual cue that a price has been lowered on an individual product and encourages users to take advantage and buy now.


While there’s no one-size-fits-all approach to ecommerce websites, choices that marry design flair with consumer psychology like these can prime your clients for record-breaking seasonal sales, all of which you can accomplish in one place—on Editor X.

Get our latest stories delivered straight to your inbox →

bottom of page