Conversion audit · Hero video spec
A full read of the live test build against a conversion framework, plus a production-ready spec for the background video in the hero section. 23 findings, ranked. Every fix names the principle behind it.
01 — Verdict
The visual identity is genuinely good: black-and-acid-yellow is a distinctive, ownable palette for pickleball apparel, the product photography is consistent and confident, and the copy has a voice. That's the hard part and it's already done.
What's holding it back is that the Wix template's scaffolding is still showing through, and the page asks visitors to trust a store that hasn't yet earned it. Three things in particular will cost real money on day one:
Every element on a page asks the visitor a question. Right now the PickleWarz homepage asks "is this a real store?" — a hard question, and the answer a first-time visitor reaches on their own is usually no. Almost every fix below is about swapping that for an easy question: "which one do I want?"
02 — Blockers
These are not preference calls. Each one is a live defect a paying customer would hit, verified in the browser on the current build.
The newsletter Subscribe button is black text on a black background — invisible
Verified in DOM · computedcolor: rgb(0,0,0) on background: rgb(0,0,0)The email capture offers 10% off a first order, which is the single highest-value conversion on the page for a brand-new store — it's how you build a list before you have traffic. As built, the button label cannot be seen at all, and the email field's text colour is also black, so anything typed into it is invisible too. Anyone who tries to claim the discount will assume the form is broken.
FixButton: yellow #ECF60A fill with black label, matching the Add to Cart button on the product page. Input text: white or #F2F2F2, placeholder #8A8A8A. Both are one colour-picker change each in the Wix editor.
The footer states the payment methods are not real
C5 — answer the objection · trustThe exact live text is "These payment methods are for illustrative purposes only." This is placeholder copy from the Wix template that never got removed, and it is sitting directly under the Visa / PayPal / Amex row in 18px brand yellow — one of the most visually prominent lines in the footer. A visitor deciding whether to enter a card number reads this as "this store cannot take my money safely."
FixDelete the sentence. If the payment integrations aren't live yet, remove the badge row as well until they are, rather than showing badges with a disclaimer attached.
Main navigation labels point to the wrong categories
Verified: hrefs do not match labelsThe nav reads Home / Mens / Women / Accessories, but the links resolve to the template's original categories:
| Label | Actually links to |
|---|---|
| Mens | /category/shirts |
| Women | /category/pants |
| Accessories | /category/jackets |
A woman clicking Women lands in a category called Pants. The store also still contains the template's leftover categories — /category/laptops-tablets, /category/speakers-headphones, /category/phones-accessories, /category/jeans — and at least one template product, Washed Blue Denim Jacket, is still live and linkable.
FixRename the collections in the Wix store to Men's / Women's / Accessories, repoint the nav, and delete every unused template category and product. Leftover electronics categories in an apparel store are the clearest possible signal that nobody has finished the build.
Every product shows a SALE badge with no original price
B3 — anchor with a strikethroughAll four products carry a SALE flag, and all four display a single price with nothing crossed out. A discount badge without a reference price does no anchoring work at all — it just makes the badge look like wallpaper, and it quietly signals that the badge is a marketing device rather than a real saving. It also burns the badge's credibility for when there is a real promotion.
FixEither set a compare-at price in Wix so the anchor actually renders — $49 $35 −29% — or remove the SALE badge from full-price items. A crossed-out $49 makes $35 feel like a win; a bare $35 is just a cost.
Placeholder metadata and a wrong copyright year
Verified:<title>Home | My Site 8</title>, no meta descriptionThe browser tab and every Google result for the homepage read "Home | My Site 8". There is no meta description, so search engines will scrape whatever text they find first. The footer reads © 2027. 13 of 21 images have no real alt text — several carry filenames like ChatGPT Image Aug 30, 2026, 01_22_11 PM.png as their alt attribute, which is both an SEO miss and an accessibility failure, and it tells anyone reading the source how the imagery was made.
FixTitle: PickleWarz — Performance Pickleball Apparel. Meta description: one sentence naming the product and the audience. Copyright: 2026. Alt text: describe the garment, e.g. "Men's white PickleWarz Dri-FIT shirt, front view".
03 — Trust & proof
A new apparel brand has one job before it has a reputation: make the first purchase feel unrisky. Right now every risk signal is left for the visitor to resolve alone.
Zero social proof anywhere on the site
C3 — social proof · B4 — specificity is trustNo review counts, no star ratings, no order counts, no customer photos. The product page says "No Reviews Yet — Be the first to leave a review." That line asks the visitor to be the first person ever to risk money on this brand, which is the hardest possible question to put in front of someone.
FixBefore launch, get 8–12 real reviews from anyone who has worn the gear — league friends, local club, family. Specific and non-round beats impressive and vague: "4.8 ★ · 23 reviews" outperforms "Loved by 500+ athletes" precisely because round numbers read as estimates. Until reviews exist, hide the empty reviews module rather than advertising that it's empty.
Shipping, returns and guarantee are buried in footer policy links
C1 — transparency bias · C5Refund and shipping policies exist, but only as footer links. The three questions every first-time apparel buyer has — what does shipping cost, how long does it take, what if it doesn't fit — are unanswered at the moment of decision. Volunteering a potential downside actually increases trust: a store that says "free returns within 30 days" up front reads as being on the customer's side.
FixPut three specific lines directly under the Add to Cart button: Ships in 2 business days · Free returns within 30 days · Free shipping over $75. Specific numbers, not "fast shipping."
Trust icons answer no real objection
C5 — answer the unspoken objection, specificallyThere are no trust signals near the buy decision at all. When they get added, the temptation is generic filler — Free Shipping / Made in USA / Secure Checkout — which every store shows and which therefore builds nothing. The actual fear for a performance-apparel buyer at $35 sight-unseen is fit and fabric quality: will this fit me, and will it survive being washed twenty times?
FixFour icons that answer the real fear: True-to-size fit guide · Moisture-wicking Dri-FIT · Free exchanges on sizing · Colour-safe after 30+ washes.
Social links point at Wix's own accounts
Verified hrefsThe footer's TikTok, Instagram, YouTube and Facebook links resolve to @wixstudio accounts, and the Follow Us Online section links to instagram.com/wixstudio. A visitor who wants to check the brand out before buying gets sent to the website builder instead.
FixRepoint to the real PickleWarz accounts, or remove the icons for platforms that don't have one yet. An empty social row is better than four dead links.
04 — Copy
The brand voice is good — "Move with intent. Train with fire." earns its place. The problems are vague CTAs, one copy-paste error, and a legibility choice that's costing you the whole About paragraph.
Three identical "Shop Now" buttons that don't say where they go
E1 — weigh your verbs · A6 — evaluative easeThe homepage has three Shop Now CTAs, at 833px, 3161px and 4991px down the page. Repeating a CTA down a long page is reinforcement, not a problem — but a button that names its destination converts better than one that doesn't, because the visitor knows what happens on click. The third sits under "Shop the Dark Tailored Pants Now!", which is template copy: there are no tailored pants in the store.
2026/Workout Collection
→ Shop Now
2026 Workout Collection
→ Shop the collection — from $35
Shop the Dark Tailored Pants Now!
→ Shop Now
Built for the third game of the day.
→ Shop women's →
The About paragraph is yellow on black at 16.6px — most people won't read it
Verified:#ECF60A on #000, 16.6px, 6 lines centredSaturated yellow on pure black is high contrast by the numbers but visually vibrates at body-copy size, and it's genuinely uncomfortable to read for more than a line or two. This is the one place on the page where you explain what the fabric actually does — the section most likely to convert a considering visitor — and it's set in the least readable style on the site. Six centred lines makes it worse; centred text has no consistent left edge for the eye to return to.
FixBody copy in #F2F2F2 at 17px, left-aligned, max 65 characters per line. Reserve the yellow for headings, the accent rule, and the primary button — it works hard precisely because it's rare. Also tighten the copy: it currently runs 95 words to say "lightweight, breathable, stretchy."
PickleWarz delivers premium athletic apparel engineered for performance, comfort, and style. Built with high-quality, lightweight, breathable fabrics, each piece is designed to provide exceptional stretch, flexibility, and durability through every serve, sprint, rally, and workout.
Four-way stretch that moves when you lunge. Dri-FIT that pulls sweat off your skin by the third game. Seams that survive the wash cycle. Built in Youngstown, Ohio, for players who close out the match.
The shirt's description says "this skort"
Verified on the Dri-FIT Shirt product pageLive text on the men's shirt page: "This skort features dri fit technology for superior moisture-wicking…" — the description was copied from the skort and only partly edited. It also opens with "Experience ultimate comfort and style", a phrase that appears on roughly every apparel store on the internet and so tells the buyer nothing.
Experience ultimate comfort and style with the Pickle Warz Dri Fit Shirts… This skort features dri fit technology…
Cut close so it doesn't catch on your paddle arm. Dri-FIT knit moves sweat out fast enough to stay dry through three games. Runs fitted — size up if you want room.
Check the other three descriptions for the same copy-paste residue.
Small copy defects worth a five-minute pass
B4 · E2 · E305 — Product page
Structurally this page is close. Colour swatches instead of a dropdown, a real Buy Now next to Add to Cart, a genuine product-details accordion — all correct. Four changes would finish it.
The most important sentence on the page is hidden inside an accordion
A5 misapplied — don't hide the decision-critical detailInside Product Info, three clicks from where the choice is made, sits: "This item runs fitted. We recommend going ONE SIZE UP for a more comfortable fit." That is the single highest-value line on the page. Buried, it becomes a returns problem: everyone who orders their usual size and gets something tight sends it back, and that costs you the margin on the sale plus the shipping both ways.
FixMove it directly beside the Size selector, visible without interaction: Runs fitted — we recommend one size up. Add a size chart link next to it. Progressive disclosure is for detail the decision doesn't need; this is the decision.
Size is a dropdown defaulted to "Select"
A4 — recognition over recall · A2 — smart defaultsFive sizes (S–2XL) sit behind a <select> reading "Select". The visitor has to click, read, and choose before they can even see what's available, and an unselected default means Add to Cart can fail with a validation error — friction at the exact moment of intent. Colour is already done correctly as visible swatches; size should match.
FixFive tappable size buttons in a row, greyed out when out of stock so scarcity is visible. Pre-select the most common size (usually L in men's, M in women's) — a default reads as a recommendation, and roughly 70–90% of people never change one.
No halo badge above the product title
C4 — halo effectThe breadcrumb says Home > HOT SELLERS > …, so the store already has that categorisation — it's just spent on a breadcrumb where nobody reads it. One positive attribute placed above the title frames how everything below it is perceived, before a single detail gets read.
FixA small yellow BEST SELLER or NEW ARRIVAL badge immediately above the H1. Only apply it to items where it's true — a badge on all four products is wallpaper again.
Add to Cart and Buy Now carry equal visual weight
F4 — reserve the accent for one choiceAdd to Cart is solid yellow, Buy Now is a yellow-outlined ghost button of identical size beside it. They're close enough in weight to make the visitor pause and decide which one they want — a small tax on the most important click on the site. Two competing CTAs in one row is the case where reducing choice genuinely helps.
FixPick one primary. For a new store where cart-building is unlikely, make Buy Now the filled yellow button and demote Add to Cart to a quieter text link beneath it.
06 — Full checklist
The complete audit pass. Four things are already right and worth protecting through the redesign.
07 — Hero background video
This is the fix for the biggest problem on the site. The hero currently occupies 967px of a 855px viewport and reads as an empty black rectangle — the visitor's entire first impression is nothing. A background video turns that dead space into the reason they scroll.
The video is a background. It must never compete with the headline or the CTA. That means: no hard cuts, no fast pans, motion concentrated on one side of the frame, and a luminance ceiling low enough that white and yellow text stays readable on top of it without a scrim heavy enough to kill the footage.
Measured against the live build: nav occupies the top 11% of the frame, the headline stack sits left, and the CTA lands bottom-left. Keep all subject motion inside the green zone.
One continuous move, not a montage. Cuts in a hero background read as glitches and pull the eye off the headline.
#ECF60A text sits on it cleanly without a scrim.| File | Spec | Purpose |
|---|---|---|
| hero-1920.mp4 | 1920×1080, H.264 High, CRF 23, 30fps, no audio, -movflags +faststart, target ≤ 2.5 MB | Desktop primary |
| hero-1920.webm | 1920×1080, VP9, CRF 33, 30fps, no audio, target ≤ 1.8 MB | Smaller payload where supported |
| hero-1280.mp4 | 1280×720, H.264, CRF 25, ≤ 1.2 MB | Tablet / slow connections |
| hero-poster.jpg | 1920×1080, quality 82, ≤ 180 KB — must be frame 0 exactly | First paint, and the mobile still |
| hero-vertical.mp4 | 1080×1350 (4:5) crop of the same take, ≤ 1.5 MB | Optional mobile; see below |
Strip audio entirely (-an) rather than muting — it removes a track's worth of bytes and sidesteps autoplay policies that block any video carrying an audio stream. Two-pass or CRF encode, never fixed bitrate; a 12-second loop of mostly-black footage compresses extremely well and there's no reason to pay for bits the darkness doesn't use.
ffmpeg -i master.mov -an -vf scale=1920:1080 -c:v libx264 -profile:v high -crf 23 -pix_fmt yuv420p -movflags +faststart hero-1920.mp4
ffmpeg -i master.mov -an -vf scale=1920:1080 -c:v libvpx-vp9 -crf 33 -b:v 0 -row-mt 1 hero-1920.webm
ffmpeg -i master.mov -vframes 1 -q:v 3 hero-poster.jpg
prefers-reduced-motion: reduce and show the poster. This is an accessibility requirement, not a nicety — the site already publishes an accessibility statement.autoplay muted loop playsinline preload="metadata". Missing playsinline makes iOS Safari open the video fullscreen, which is a spectacular way to break a hero.rgba(0,0,0,.75) → transparent across the left 55%) rather than darkening the whole clip.A 12-second loop of the existing product stills with a slow Ken Burns push and a yellow-ball particle pass would beat the current static hero, and can be assembled from assets already on the site. It's a stopgap: real footage of someone actually playing is what makes the imagination gap close, because the visitor needs to picture themselves in the gear, not look at the gear.
08 — Do this first
Then, before launch
09 — Evidence
Captured 31 Aug 2026 at 1920×855 from the live test build.







