As fashion brands flock online to cater to this growing number of potential customers, competition will be more fierce than ever, and brands will need to optimize their product pages to attract, engage and convert shoppers.
You’re getting visitors to your eCommerce store, but how many are completing a purchase? Discover the tips and tricks that leading and innovative fashion retailers have used to create high-converting product pages.
You’re getting visitors to your eCommerce store, but how many are completing a purchase? Discover the tips and tricks that leading and innovative fashion retailers have used to create high-converting product pages.
With the Covid-19 pandemic disrupting the physical retail experience, consumers have moved online, searching for the latest trends. According to Retail Economics, online clothing sales could overtake in-store purchases this year in key markets — three years ahead of previous predictions.
Ecommerce is no longer an option that brands can choose whether to participate in but rather a crucial component to the future success of fashion businesses.
However, just as physical retail is more than placing garments on a clothing rack, throwing some products on a webpage is unlikely to lead to success in the online world. Today’s consumers want engaging, innovative, and personalized experiences, but many stores fail to get even the basics right. Some 55% have backed out of a purchase because of additional checkout fees and 17% due to a lack of trust. These statistics suggest a poor product page experience that undoubtedly harms conversion rates.
In the US alone, the number of Shopify stores grew 178% in 2021 according to Ecommerce News, pointing to an ever-growing number of competitors in the eCommerce space. Thankfully, simple measures can help Shopify store owners to get ahead of the competition and capture the growing crowd of online shoppers.
Given just 1.8% of customers that visit an apparel eCommerce store purchase a product, retailers must tailor their product pages to improve the user experience (UX) – the customer’s journey from discovering your store to purchase – with a particular focus on conversion rate optimization (CRO), where changes are made to increase the percentage of users who checkout.
Many improvements will produce results across various sectors, but fashion eCommerce CRO requires a particular focus on elements such as product imagery and social proof so customers know what to expect when a garment arrives at their door.
Following these tips, Shopify store owners can learn how to provide an optimal experience that encourages customers to checkout
Consumers want to shop with brands that champion the causes they care about and products that align with their beliefs.
From Patagonia’s sustainability-first product pages to 1822 Denim’s fit-focused customer flow, any conversion rate optimization user experience changes you make should serve to tell your brand’s story, connect with consumers, and show them why they should shop with you.
According to Forrester, 63% of consumers use images to inform their purchasing decisions. High-quality photos are vital. However, be sure to compress image files or risk slow page loading speeds.
Leading retailers and brands such as Macy’s and Nike have used 360-degree images to provide customers with a superior view of their products and supercharge sales — according to Woocommerce, visual improvements like this can increase conversions by up to 40%.
Imagery can also help to showcase product variants and complementary products that encourage customers to browse.
According to Statista, the average fashion customer views 32 pages before purchasing. Featuring related products keeps customers browsing for longer, increasing the chances of finding suitable products.
Zara uses related products to cross- and up-sell. Its ‘Match with’ section guides customers to other items worn by the model in the product imagery, encouraging them to purchase the complete outfit. Likewise, Kohl’s ‘Ways to Style It’ tool curates a selection of outfits featuring the product, creating more opportunities for customers to find a look they love.
Product variants such as alternative colors or fit should be included on your product pages to help potential customers find the products that best suit their preferences, including a small image to know what they’re clicking. Images can be greyed out to show when they’re unavailable, and, additionally, retailers such as Fashion Nova prompt customers to enter an email address to receive a notification when a product is back in stock.
Product details such as materials, quality, and model size are always important, as is logistics information such as delivery fees and estimates.
However, with 83% of 18-34-year-olds prefer to buy from brands that support their values, a copy must also be aspirational, showing potential customers what your products can do for them.
Net-a-Porter enhances its descriptions with ‘editor notes,’ which offer background information such as luxury materials and manufacturing methods used to appeal to luxury shoppers. Likewise, Patagonia uses its product descriptions to highlight its sustainability commitment, detailing its materials and supply chain to ensure customers they’re purchasing responsibly-manufactured products.
Products should also be named carefully to assist customers as they search, using descriptive words and keywords that accurately represent the product. According to Moz, those who use on-site search and find what they’re looking for are twice as likely to convert.
Including brand names can also help to capture those using search engines. Leading retailers such as Fatfetch and ASOS frequently use this tactic to attract those searching for a specific product rather than a specific store.
With trust in the fashion industry declining by 6% in 2021, retailers must convince consumers that a product will meet expectations. FAQs should be tailored to the product, featuring questions shoppers most frequently ask your customer service representatives: How is the quality? Will it come up small? Is it sustainably produced?
Retailers such as Joules and Skinnydip London curate individual FAQs for each product by enabling customers to ask questions about the product directly through the product page. Once the customer service team answers the query, it is permanently stored within the FAQs section, helping future shoppers to find the answers they seek.
However, no matter how detailed your product pages are, they won’t provide the answer a customer is seeking. With phone and email communication a cause of ‘friction’ for 58% of shoppers, live chat can provide immediate support in a way customers are comfortable with.
Alternatively, AI technology is providing new ways to communicate. H&M, for instance, has turned to AI chatbots to answer customer queries and provide personalized recommendations, while Victoria’s Secret uses chatbots to help customers navigate the intimate realm of lingerie shopping.
According to OpenText, 53% of UK consumers stated that they would never shop with a brand accused of working with unethical suppliers. Greater transparency shows shoppers that it’s safe to shop with your brand.
Brands such as H&M offer product background information, including the name and address of the factories used, allowing customers to look into the working conditions of the brand’s suppliers.
Likewise, Pangaia’s product pages offer customers information on the carbon cost of the product and how it offsets this — verified by a third party. Similarly, by scanning a QR code, customers can access the product’s digital passport, which provides information on the product lifecycle, environmental impact, and care tips.
Returns are a huge problem for fashion e-commerce, with approximately 30% of goods sent back — and the poor fit is the common culprit. Poor sizing information can make customers reluctant to purchase, and even when they do, conversions matter little if most of the goods are returned.
Retailers such as H&M and GAP provide ‘true to size’ calculations based on user reviews, which indicate whether a product’s fit is on the small size, spot-on, or too large. However, these ratings are based on the fit preferences of past customers rather than the customer being served.
Alternatively, technology is helping brands such as 1822 Denim to match customers with perfect sizes. Using YourFit, 3DLOOK’s 2-in-1 size recommendation, and virtual try-on platform, customers can scan their bodies using a smartphone device to receive tailored size recommendations. Using this tool, the brand has decreased returns by 48%, with 92% of customers satisfied with the results.
Take your pick of any major eCommerce fashion retailer. Their CTAs are all largely the same: Simple ‘Add to cart’ prompts, above the fold, free from clutter.
However, not every customer wants to purchase immediately. Some will want to add to a wishlist for a later purchase or check a physical store’s availability. Adding secondary CTAs enables customers to shop the way they like. However, these buttons should be styled to stand out from the rest of the page without distracting from the primary CTA.
For instance, while Uniqlo’s ‘Add to bag’ button is front and center, it is closely followed by prompts to pay later with Klarna, check availability in store, and view the retailer’s returns policy. You will find similar examples on the eCommerce stores of Zara, Kohls, and many more.
79% of shoppers say they trust online reviews as much as personal recommendations, according to Oberlo, and they can increase the likelihood of a sale by 270%, according to a Northwestern University study.
However, serving consumers of all shapes and sizes, fashion reviews aren’t so straightforward.
Brands such as Rent the Runway and Lulu’s use body data to enhance their reviews by including size, height, and bust. This enables shoppers to find customers with similar bodies to their own. Reviewers are also encouraged to provide a photo of themselves wearing the product, giving customers a look at how a product may fit their body.
The perfect product page will differ from brand to brand, guided by the needs and desires of its customer base. Before making conversion rate optimization UX changes, brands must understand their customers and consider what information is most important to them.
Technology can further enhance the user experience. With up to 50% of purchases motivated by personalization, tools such as YourFit can provide each customer with accurate size suggestions, tailored product recommendations, and a virtual fitting experience that increases customer confidence — accessible directly from your brand’s product pages.
Using YourFit, fashion brands have seen a fourfold increase in conversions. Contact 3DLOOK to discover how our innovative retail solutions can help your fashion eCommerce business to thrive.
BLACK
FRIDAY Deal
ENJOY 20% OFF
FOR 3 MONTHS
The offer is valid if you sign up before November 30.
Applicable to all plans, excluding the ‘Individual’.
Cookie | Duration | Description |
---|---|---|
__hstc | 1 year 24 days | This cookie is set by Hubspot and is used for tracking visitors. It contains the domain, utk, initial timestamp (first visit), last timestamp (last visit), current timestamp (this visit), and session number (increments for each subsequent session). |
_ga | 2 years | This cookie is installed by Google Analytics. The cookie is used to calculate visitor, session, campaign data and keep track of site usage for the site's analytics report. The cookies store information anonymously and assign a randomly generated number to identify unique visitors. |
_gat_UA-92309701-1 | 1 minute | This is a pattern type cookie set by Google Analytics, where the pattern element on the name contains the unique identity number of the account or website it relates to. It appears to be a variation of the _gat cookie which is used to limit the amount of data recorded by Google on high traffic volume websites. |
_gcl_au | 3 months | This cookie is used by Google Analytics to understand user interaction with the website. |
_gid | 1 day | This cookie is installed by Google Analytics. The cookie is used to store information of how visitors use a website and helps in creating an analytics report of how the website is doing. The data collected including the number visitors, the source where they have come from, and the pages visted in an anonymous form. |
_hjFirstSeen | 30 minutes | This is set by Hotjar to identify a new user’s first session. It stores a true/false value, indicating whether this was the first time Hotjar saw this user. It is used by Recording filters to identify new user sessions. |
hubspotutk | 1 year 24 days | This cookie is used by HubSpot to keep track of the visitors to the website. This cookie is passed to Hubspot on form submission and used when deduplicating contacts. |
Cookie | Duration | Description |
---|---|---|
__hssrc | session | This cookie is set by Hubspot. According to their documentation, whenever HubSpot changes the session cookie, this cookie is also set to determine if the visitor has restarted their browser. If this cookie does not exist when HubSpot manages cookies, it is considered a new session. |
cookielawinfo-checbox-analytics | 11 months | This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Analytics". |
cookielawinfo-checbox-functional | 11 months | The cookie is set by GDPR cookie consent to record the user consent for the cookies in the category "Functional". |
cookielawinfo-checbox-others | 11 months | This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Other. |
cookielawinfo-checkbox-advertisement | 1 year | The cookie is set by GDPR cookie consent to record the user consent for the cookies in the category "Advertisement". |
cookielawinfo-checkbox-necessary | 11 months | This cookie is set by GDPR Cookie Consent plugin. The cookies is used to store the user consent for the cookies in the category "Necessary". |
cookielawinfo-checkbox-performance | 11 months | This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Performance". |
JSESSIONID | session | Used by sites written in JSP. General purpose platform session cookies that are used to maintain users' state across page requests. |
viewed_cookie_policy | 11 months | The cookie is set by the GDPR Cookie Consent plugin and is used to store whether or not user has consented to the use of cookies. It does not store any personal data. |
Cookie | Duration | Description |
---|---|---|
__hssc | 30 minutes | This cookie is set by HubSpot. The purpose of the cookie is to keep track of sessions. This is used to determine if HubSpot should increment the session number and timestamps in the __hstc cookie. It contains the domain, viewCount (increments each pageView in a session), and session start timestamp. |
bcookie | 2 years | This cookie is set by linkedIn. The purpose of the cookie is to enable LinkedIn functionalities on the page. |
lang | session | This cookie is used to store the language preferences of a user to serve up content in that stored language the next time user visit the website. |
lidc | 1 day | This cookie is set by LinkedIn and used for routing. |
Cookie | Duration | Description |
---|---|---|
_fbp | 3 months | This cookie is set by Facebook to deliver advertisement when they are on Facebook or a digital platform powered by Facebook advertising after visiting this website. |
bscookie | 2 years | This cookie is a browser ID cookie set by Linked share Buttons and ad tags. |
fr | 3 months | The cookie is set by Facebook to show relevant advertisments to the users and measure and improve the advertisements. The cookie also tracks the behavior of the user across the web on sites that have Facebook pixel or Facebook social plugin. |
IDE | 1 year 24 days | Used by Google DoubleClick and stores information about how the user uses the website and any other advertisement before visiting the website. This is used to present users with ads that are relevant to them according to the user profile. |
personalization_id | 2 years | This cookie is set by twitter.com. It is used integrate the sharing features of this social media. It also stores information about how the user uses the website for tracking and targeting. |
test_cookie | 15 minutes | This cookie is set by doubleclick.net. The purpose of the cookie is to determine if the user's browser supports cookies. |
Cookie | Duration | Description |
---|---|---|
_ga_NXNB16WGX6 | 2 years | No description |
_hjAbsoluteSessionInProgress | 30 minutes | No description |
_hjid | 1 year | This cookie is set by Hotjar. This cookie is set when the customer first lands on a page with the Hotjar script. It is used to persist the random user ID, unique to that site on the browser. This ensures that behavior in subsequent visits to the same site will be attributed to the same user ID. |
_hjIncludedInPageviewSample | 2 minutes | No description |
_lfa | 2 years | This cookie is set by the provider Leadfeeder. This cookie is used for identifying the IP address of devices visiting the website. The cookie collects information such as IP addresses, time spent on website and page requests for the visits.This collected information is used for retargeting of multiple users routing from the same IP address. |
_pin_unauth | 1 year | No description |
_pinterest_ct_ua | 1 year | No description |
AnalyticsSyncHistory | 1 month | No description |
RUL | 1 year | No description |
UserMatchHistory | 1 month | Linkedin - Used to track visitors on multiple websites, in order to present relevant advertisement based on the visitor's preferences. |
Boost fit confidence, solve sizing and drive loyalty with the ultimate virtual fitting room experience