The Complete
Shopify Store
Audit

Homepage

Most brands treat the homepage like a brochure. It isn't. It converts the brand, not a specific product. A visitor who lands here is undecided. Your job is to end that. When we audit a store, the homepage is where the most expensive assumptions hide, and the change with the biggest revenue impact is rarely the one you would expect.

Above the Fold

The first three seconds decide whether a visitor stays. Three questions that must be answered before any scroll:

• What do you sell? The hero image should make this obvious without reading a single word.
• Who is it for? One line of supporting copy, written for the specific person you're selling to, not a tagline.
• What should I do next? One primary CTA. Not three. If you have "Shop Now," "Take the Quiz," and "Learn More" all at the same weight, none of them win.

LCP, Largest Contentful Paint

The hero image is almost always the LCP element, the largest asset the browser has to load before the page feels usable. A hero image above 200KB adds measurable bounce on mobile. Compress it. Test the load speed on a mid-range phone before calling the hero done.

Social Proof, Before the Scroll

Not full reviews. Aggregate signals. The goal is to create immediate credibility before the visitor has formed an opinion.

• Review count and aggregate rating, "4.8 stars · 2,400+ reviews" placed in or directly below the hero. A single star and number is enough.
• Press logos, "As seen in" with high-contrast logos, never small and faded. If you have a meaningful placement, show it early.
• Logo strips should be image-only. No text descriptions next to each logo. The brand name is the signal, don't dilute it.

Featured Collections

The homepage is where you direct traffic, not list inventory. Three rules:

• Show 3–6 collections max. More than 6 feels like a directory, not a curated experience.
• Each card is image-first. Collection name only, no paragraph descriptions on the cards.
• Show the collections that match how your customer actually shops, not how your catalog is organized internally. "Holiday Dresses" converts better than "Category: Dresses."

Email Capture

• Popup timing: 30+ seconds minimum, or exit-intent. Never on page load. A popup within 5 seconds of arrival is a signal to leave.
• An inline email capture section below the fold converts better than a popup for most brands, less intrusive, higher-quality subscribers.
• Mobile: the popup must not cover the entire screen. A bottom sheet that slides up is better.

Below the Fold, What Belongs

• Bestsellers or featured products, 4–6 cards, sorted by revenue performance, not upload date.
• A brief brand story, 1–2 sentences and a single image. Not an essay. Visitors are not reading a full About section on the homepage.
• Social proof section, a UGC video carousel or a curated review set. Video outperforms static at every placement.
• A quiz entry point, placed mid-page for visitors who haven't found their path through browsing.
• Email capture, inline, not popup, if you haven't captured them yet.

Below the Fold, What Doesn't Belong

• Every collection listed. The homepage is not a sitemap.
• Long copy blocks about your brand. That belongs on the About page.
• Blog posts, unless your content is genuinely part of the purchase journey (supplements, education brands). For most stores, blog teasers on the homepage are noise.
• Duplicate CTAs for pages already in the navigation.

Mobile Homepage

• Hero stacks cleanly, product image visible above the fold, CTA within thumb reach.
• Logo strip: scrollable carousel or compressed to fit 4–5 logos. Never squashed into illegible rows.
• Collections: 2-up grid or a swipeable carousel, not a stacked list that takes 10 scrolls to get through.
• No scroll animations. They look nice on desktop. On a mid-range phone with a slow connection, they add jank and perceived lag.

Navigation

The first decision, and most brands get it wrong by default.

Drawer or Mega Menu

The question isn't how many products you have. It's whether you can make the navigation feel like ~10 choices. If you can, drawer. If you can't, mega menu on desktop.

Image-First

Nobody reads navigation menus. They scan. Text-only navigation requires effort. Image-first navigation is instant, visitors see where they're going before they've finished thinking about it.

Use text as little as possible. Use images as much as possible.

High-Value Destinations

Are you sending visitors to the pages that match how customers actually think about shopping? For a jewelry brand, that's not just category links. It's:

• Shop by Category, earrings, rings, necklaces, bracelets, pendants
• Shop by Occasion, vacation, date night, wedding, training, going out
• Shop by Gender, men's and women's, broken down further by product type

Cover every shopping scenario. If a visitor has a use case and can't find a path to it in the navigation, they're gone.

Lean Top-Level Structure

Group everything into a small number of clear entry points, occasion, category, gender, and let each one expand into its sub-items. The goal is to make a large catalog feel manageable from the first glance.

Navigation Tabs

Instead of a standard accordion (click a category → items drop down below it), consider horizontal tabs at the top of the drawer. Each tab loads its own sub-navigation panel when tapped. Cleaner, faster, more visual, especially on mobile where vertical space is limited.

Highlight Cards

At the top of the navigation, a small grid or carousel of standout collections or featured items. Not every option. The ones you most want visitors to see first.

Quiz

A quiz should be visible inside the navigation. Not buried. Visitors who can't find what they want through browsing need a different path, the quiz is that path. Treat it as a top-level navigation destination, not a footnote.

Support Submenu

At the bottom of the drawer, faded, smaller, clearly secondary, a set of non-selling pages that help customers buy better:

• Which collection should I shop from?
• FAQ / Help Center
• Shipping & Returns
• Size Guide
• About Us
• Returns Portal
• Customer Login
• Cart button, at the very bottom of the drawer

Search

Search belongs inside the navigation drawer, not just in the header.

• Predictive search, results appear as the visitor types, not after they submit
• Multi-type results, products, collections, and pages shown separately in the results modal
• Text autocomplete, completing the search term as they type
• Search suggestions, surfacing popular or related terms
• Dead results handling, if a search returns nothing, don't show "No results found." Show high-selling category links and best-selling product cards.

Site Search

Most brands treat search as an afterthought. It's a checkout lane. A visitor using search has already decided they want something specific, they just need you to get out of the way and show it to them.

What to Check First

• Is search easy to find? Visible in the header, inside the navigation drawer, and surfaced mid-scroll on collection pages.
• Does it work on first tap? Search bars that require multiple taps to activate are a silent conversion killer.

Predictive Search

Results should appear as the visitor types, not after they hit submit.

• Products, full product cards: image, name, color swatches, reviews, price
• Collections, collection cards: image and name
• Pages, text results are acceptable here
• Text autocomplete should fill in the search term as they type
• Popular and related search suggestions should surface alongside results

Dead Results

If a search returns nothing, "No results found" is the wrong response.

Search Placement

Surface it wherever a visitor might need it:

• Header, always visible
• Navigation drawer, inside the menu itself
• Collection pages, as a pill or bar that appears after a defined scroll depth
• Filter panel, inside the filter drawer for visitors already trying to narrow down

Collection Page

Most brands treat the collection page like a holding area. It's not. It's the primary discovery engine, where a visitor either finds what they came for or leaves.

Start Here: Framing

Before anything else, count the products.

Layout & Discovery

• Do subcollections appear at the top of large collections? Should be image-first, carousel format. (Bottoms → Jeans, Leggings, Shorts, Sweatpants)
• Are subcollections also surfaced at the bottom of the page for visitors who scrolled through without finding what they wanted?
• Is there a search-within-collection feature? Two places to surface it: inside the filter panel, and as a pill that appears after a certain scroll depth.
• Are non-product cards placed inside the grid? Lookbook images that direct to subcollections, a quiz, or other high-value pages.

Filters & Sorting

• Do they have filters? Do the number of filters match the product count? 500 products with no filters is a problem.
• Are filters visually represented, not just text? Colors should show swatches or the top-selling product in that color. Sizes should show swatches, not plain text. Occasions should show images.
• Are there multiple sorting options? Best sellers, newest, price low-high, price high-low. Shopify's default best-seller sort is by units, that's wrong. It should sort by revenue.
• For advanced builds: custom sorting by product attributes, fit, feel, use case, coverage, color category, set membership.

Product Cards

• Are product images consistent across the grid? Same background, same framing, same lighting.
• Do best-selling products have a standout image that breaks the grid pattern? (Only if 30+ products)
• Does each niche-required shot exist? Every category has a set of expected images. Fashion needs every angle. Supplements need a pack shot, a serving size close-up, and a scale reference.
• Are review stars showing on product cards? Single star, numerical rating, review count.
• Are sale prices visually dominant? Compare-at price struck through, sale price in a strong brand color, larger than the original.
• Are product badges used? Best Seller, New, Seen on TikTok, Staff Pick. Not on every product, only the ones that matter.
• Are swatches showing variant options below the card? Clicking a swatch should update the main card image.

Quick Add

Image Interaction

Can visitors scroll through product images from the collection page without going to the PDP? On hover, carousel arrows should appear, or a thin progress bar at the bottom of the image that fills as you scroll through shots.

UX & Navigation

• Is there a back-to-top button?
• Does scroll position preserve when returning from a PDP? Visitor should land where they left off, not at the top.
• Is infinite scroll enabled? Pagination is worse in almost every case.
• Can visitors adjust grid density? 3-column, 4-column, 5-column. At 6 columns, drop all text, images only.

Below the Grid

• Is there a Recently Viewed or Recommended section? Frame it as "Recommended for You." Prioritize recently viewed if available; fall back to Shopify's recommendation feed.
• Is there a collection description at the bottom? A short version at the top for context, a longer version at the bottom for SEO and customer education.
• Is a quiz accessible from the collection page? As a product card in the grid or as a scroll-triggered overlay. A well-placed quiz improves product discovery more than almost anything else on this list.
• Is there a UGC video element? Plays on scroll, starts muted, user can unmute, links to the specific product featured.

Collection Banner

• Is the collection title clear?
• Does the collection have a short description that reinforces its purpose?
• Is the banner image-based, or just plain text on a color background?

Inventory

Are out-of-stock products hidden? In most cases, yes. Exception: scarcity-based brands, where showing sold-out previous collections reinforces demand. If you're running paid traffic to a collection, every product in it should be in stock.

Collection Sort Order

Shopify's default best-seller sort ranks by units sold, all time. That's the wrong metric. A $12 accessory that moved 400 units is not your best seller. Sort by revenue.

These weights are a starting point, not a fixed rule. Adjust based on what your business actually needs to prioritize.

Tier 4, Niche-Specific Layering

The formula above applies to any store. What sits on top of it is specific to your customer. For fashion, add seasonality. Certain products sell heavier in summer, others in winter. Layer that in as a conditional, you're not replacing the formula, you're adding conditions on top of it.

Product Page

Ninety percent of visitors never scroll past the product images. If the image section fails, nothing else on the page matters. Start there. Fix everything else second.

Product Images

The first thing I audit, before anything else on the page.

• Does this brand have every shot their niche requires? If the shots aren't there, the page doesn't work.
• Are images loading fast? 4:5 at 1080 × 1350px, compressed, no 4K.
• Is the aspect ratio consistent across every image? One 4:5 followed by a 16:9 is a broken gallery.
• Is the focal point clear? The product should stand out immediately from the background.
• Is there a zoom feature? Full screen, pinch to zoom, quality preserved at maximum magnification. Not browser zoom, a dedicated zoom modal.
• Is there a UI element that communicates there are more images to scroll through? A small pill overlaying the bottom of the main media, each image as a thumbnail, is the best version of this.
• UGC videos in the media gallery, not separate, not a section below. Inside the gallery alongside the product shots.
• Lookbook images in the gallery alongside standard product shots.

Overlaying the Media

What sits on top of the main image before the visitor scrolls:

• Zoom icon, immediately accessible, opens the full-screen modal
• Niche-specific quick-info icons, small circular icons overlaying the media that open drawers on tap. For fashion: washing instructions, size chart.
• Color swatches overlaying the media, swatches sitting on top of the product image so the visitor can change color without scrolling back up
• Sticky add to cart, visible on page load. As the visitor scrolls past the main product section, the add to cart locks in place and stays with them.

Above the Fold, Before Scrolling

• Product name, large, readable, not an afterthought
• Price, bolder and larger than the product name. Sale price in a strong brand color, compare-at price struck through.
• Reviews, star rating and count, tappable to jump to the full review section
• Variant selectors, image-first or swatch-first. No text dropdowns. Color options show the actual model image in that color.
• Add to cart button, standout. It should not blend into the page. If the visitor can't find it in under two seconds, it's wrong.

Variant Selection

Don't auto-select size. Prompt the visitor to choose. This forces engagement and reduces the wrong-size return rate.

Page Content, Modals Over Inline Text

Do not lay out walls of text on the product page. Put everything behind a trigger.

• Size guide, button that opens a drawer
• Description, accordion, or 2–3 lines visible with the last line faded and a "View More" that expands or opens a modal
• Fit, feel, fabric details, accordion or modal
• Shipping and returns, a small section with a button to open the full policy in a drawer. Not buried, not bloated.
• Payment options, show these if your niche warrants it. High-ticket items with BNPL. If payment flexibility is a purchase driver in your category, make it visible.

Upsells and Bundles

• Maximum one upsell widget on any product page. In most cases, zero, rendered conditionally only on products where an upsell makes sense.
• Bundle options where relevant.
• Complementary product showcase, framed as a recommendation, not a sales push.
• Product recommendations section: show a limited set. A "See More" button opens a drawer with the full list. Don't dump 20 products at the bottom of the page.

Below the Fold

• Recently viewed section
• Full review section, complete with ratings breakdown, filterable by most recent, highest rated, with images
• Back to top button
• Breadcrumb navigation, shows the path: Women's → Clothing → Dresses → Product Name. Lets visitors navigate back to the collection without hitting the back button.

UGC

Prelanders

Optional. The purpose is education. When it's done right, it lifts revenue. When it's done wrong, it adds friction with no return. For most brands, the product page itself should carry the education load first. Prelanders come after everything else is optimized.

Mobile UX

Most mobile audits are done on a flagship iPhone with a fast connection. That's not your customer.

Image Sizing

Four aspect ratios. Two that matter.

Do not use 4K images. Compress everything to between 400KB and 3MB. Shopify's upload limit is 20MB, that's not a target, it's a ceiling. Good lighting and a good shot at 1080px will outperform a poorly lit 4K image every time.

If images load slowly, customers don't stick around long enough to see them. Image quality means nothing if it never loads.

Speed

Two separate problems your customer experiences as one: site load time and content load time.

• Don't load all images on page load. Load each element just before a visitor reaches it, roughly 10% before it enters the viewport.
• If images are still loading late, implement skeleton screens so the space is held.
• The most impactful fix is image sizing. Beyond that, most needle-movers, JS optimization, unused CSS removal, font loading strategy, cache lifetimes, are code-intensive.

Run your domain through PageSpeed Insights to see exactly what's slowing you down.

Tap Targets & Basic Functionality

Before anything else, do things work when you tap them?

• Hamburger menu opens on first tap
• Search bar opens on first tap
• Buttons register without repeated tapping

This sounds obvious. Test it anyway. Broken tap targets on mid-range phones are more common than they should be, even on 7-figure stores.

Navigation

• Is the nav image-first? People don't read navigation menus. They scan. If it's text-only, most visitors won't engage with it.
• Does it cover every shopping scenario? For a jewelry brand: earrings, rings, necklaces, bracelets, but also occasion-based: beach, training, date night.
• For high product count brands: do the main nav items have proper sub-selections? Earrings → hoop, stud, drop, ear cuff, pearl.
• Is there a search bar inside the navigation drawer?

Collection Page on Mobile

Two columns max. That's it.

Product Images

• Is there a dedicated zoom modal? Full screen, swipe left/right between images, pinch to zoom, quality preserved at full magnification.
• Regular browser zoom is not acceptable. The zoom modal should be its own intentional UI element.

Content Digestibility

• No paragraph blocks for shipping, returns, or warranty info. Tables only.
• Size charts should open in a drawer, not render inline on the page.
• Use accordions for anything that doesn't need to be visible immediately.
• The goal: minimize vertical scrolling required to find specific information.

Text Size

Product names and body copy should be readable without zooming. Small text on mobile is a conversion killer. If you're squinting at it during the audit, customers are leaving because of it.

Header

• Mobile header should take up no more than 10% of screen height.
• Contents: logo, hamburger menu, search, cart. Optionally: wishlist and account icons.
• If you're adding a sticky subcollection bar, image-first version belongs on the homepage only. Text-first version can run globally.

General

• No scroll animations. They look nice. They slow everything down and add friction.
• Scrolling should be smooth. No jank, no stutter.
• Drawers and modals over inline expansion. Anything that would add vertical height belongs in a drawer.

Trust Signals

Do not fake anything. Not reviews. Not scarcity. Not social proof numbers. Fake trust is worse than no trust.

The Only Signal That Consistently Moves the Needle

Video. Not influencer content. Customer content. Real people, real results, real language.

Four Types of Reviews, Ranked by Value

Where to Put Video Reviews

• Product page, inside the media gallery and as a floating player on scroll
• Collection page, UGC overlay as visitors browse
• Homepage, dedicated section
• About page, social proof in context
• Navigation, at the bottom of the drawer, conditional

Make them conditional. A UGC element that appears everywhere unconditionally becomes noise. Triggered at the right moment, it converts.

What Doesn't Work

The generic trust icons, "Trusted by 10,000 customers," "Secure checkout," gold shield badges, rarely create measurable lift. They add visual clutter and signal that you're trying to manufacture credibility rather than demonstrate it.

Niche-Specific Trust Signals

The Core Philosophy

The more you educate a customer about why a product is right for them, the use case, the benefit, what it feels like, what it does, the more they trust it. Education is trust. A well-placed UGC video of a real customer explaining why they love the product does more than any badge or icon ever will.

Cart

Cart is where purchase intent crystallizes. Most stores treat it as a holding area. It isn't. It's the last structured opportunity to reinforce the purchase decision before checkout.

Cart Drawer vs. Cart Page

Never use both. Pick one and optimize it. A drawer that redirects to a cart page on checkout is a friction point, not a feature.

Cart Item Display

What must be visible without scrolling when the cart drawer is open:

• Product image, large enough to recognize, links back to the PDP
• Variant details, color and size must be readable, not a tiny secondary line of text
• Quantity stepper, easy to tap, not so small it causes mis-taps
• Line item price, updates when quantity changes
• Remove button, accessible but not accidentally tappable

Free Shipping Progress Bar

• Position: top of the cart drawer, above the item list. First thing the visitor sees when the cart opens.
• Copy is dynamic: "Add $12 more for free shipping" → "You've unlocked free shipping." Two states. Both visible at the right moment.
• If your store doesn't offer free shipping at a threshold, skip this. A static "Free shipping on all orders" line in the cart is fine if it's true, but it doesn't create urgency.

Upsells in Cart

• Placement: above the checkout CTA, not below it. Below the CTA is a dead zone, most visitors never see it.
• Frame it as a recommendation: "Customers who bought this also added..." not "Before you go..."
• Only show products that are genuinely complementary. Surfacing random bestsellers here trains visitors to ignore the upsell widget.
• Quick-add from the cart: one tap to add, no drawer required. The cart itself is the drawer.

Checkout CTA

• Label: "Proceed to checkout" or "Go to checkout", not just "Checkout." The extra word explains what happens next and removes hesitation.
• Size: full width in the drawer. Never a small button at the bottom of a long scrollable list.
• Sticky: the CTA must be visible without scrolling when the cart is open. If a visitor has to scroll down to find the checkout button, that's friction.
• Visual weight: the checkout CTA should be the most prominent element in the cart. Nothing else should compete with it visually.

Trust at Point of Purchase

Directly above or below the checkout CTA, one line of copy and one row of icons. No more.

• One trust line: your guarantee, return policy, or a specific reassurance that addresses the main hesitation in your category. "Free returns within 30 days." "Secure checkout." "Shipped same day."
• Payment icons: Visa, Mastercard, PayPal, Apple Pay, Afterpay or Klarna if relevant. One row, standard icons, nothing custom.
• The cart is not the place for a full trust section. One line. One row of icons. Move on.

Edge Cases

• Empty cart state: never show a blank screen with "Your cart is empty." Show 4–6 bestselling product cards and a clear path back to browsing.
• Low inventory nudge: if a product in the cart has 5 or fewer units left, show it inline. "Only 3 left" above the quantity stepper, not a countdown timer, a fact.
• Sold out in cart: if a product sells out between add-to-cart and checkout, show a clear warning with a remove button and a link to similar products. Never let it silently block checkout.

Checkout

This is where the money is either collected or lost, and it's the stage most audits skip. The cart got them to the door. Checkout is the door. When we audit a store, more abandoned revenue hides here than anywhere else on the site.

Express Wallets, Above the Fold

Shop Pay, Apple Pay, Google Pay, and PayPal remove the single biggest checkout tax: typing. Returning shoppers convert far faster when they can pay in one tap. When we audit a store, express wallets are either buried below the form or missing entirely. Surface them at the top of checkout, not underneath a full address form.

Guest Checkout

Forcing account creation before purchase is one of the oldest and most expensive mistakes in ecommerce. A visitor ready to pay does not want a password. Guest checkout must be the default path, with an optional "save your details" nudge after the sale, never before it.

Shipping Cost Transparency

Unexpected shipping cost at the final step is the number one documented reason for cart abandonment. If shipping is a surprise on the payment screen, you have trained the visitor to distrust every number before it. Show the shipping cost, or the threshold for free shipping, before checkout, on the cart and on the product page. No surprises at the till.

Form Field Reduction

Every field is friction. Most checkouts ask for things they do not need, or ask twice. Collapse the address into as few fields as possible, use address autocomplete, auto-detect the card type, and never ask for the same information on two screens. When we audit a checkout, cutting fields is almost always the cheapest conversion win available.

Error Handling

A checkout that rejects a card or a field without explaining why loses the sale on the spot. Errors must appear inline, next to the field, in plain language, the moment they happen, not after the whole form is submitted. A declined payment should offer an alternative, an express wallet or a different method, not a dead end.

Rebuild vs. Optimize

There is almost never a reason to rebuild. In every project I've worked on, optimization has been more valuable than a redesign. Every single one.

A rebuild feels productive. It isn't. It's months of work to end up with a store that has different problems.

The Only Two Modes

The One Exception: Premium Repositioning

The only time I redesign is when a brand needs to feel more premium. Not a rebrand, the colors stay, the logo stays. What I'm adjusting are the specific elements that signal quality:

• Spacing and whitespace usage
• Font selection and sizing hierarchy
• Layout structure
• Button rounding, and how consistently it's applied across every element

How I Audit Before Deciding Anything

On a first call, I run a light audit with the client, enough to show them what's wrong and where the obvious problems are. That's not the real audit.

After the call, I sit down for an hour or more, longer for bigger brands, and go through everything. And I always get access to the data. Looking at a store from the outside gives you an incomplete picture. You need analytics, conversion data, traffic sources. A full audit without data isn't a full audit.

What this audit can't tell you

This checklist shows you what to look for. It cannot tell you which of these leaks is actually costing you money, or in what order to fix them. That needs your data: your analytics, your conversion numbers, your traffic sources. Two stores with the same checklist have different top three.

That is the difference between an opinion and a diagnosis. A checklist is best practices. A diagnosis is evidence, ranked by how much revenue each leak is worth on your store. When we run the research, we do not hand you a longer checklist. We hand you a scored list, 20 to 70 changes, with the top 3 pulled to the front and a launch order behind them. Proof, not opinions.

Three ways forward

$800, credited in full toward your program or build. We diagnose before we prescribe.