Homepage, two tall columns
Homepage in two tall columns: the first screen with the Gear Finder entry on the left, and the full run down to the footer on the right.
Storefronts we designed and built, across supplements, fragrance, health, wellness and skincare.
All 35 projectsFour engagements, measured before and after. What changed, why it changed, and by how much.
All case studiesDiagnosis, design and development from one studio — so the recommendation and the build never disagree.
All five services147 real Shopify stores torn down page by page, scored, and shown beside the version we would build. Free to watch.
Browse all teardownsSix conversion-first themes, each built for one industry’s buying journey. Zero required apps, $300, one licence.
Compare all sixA walkthrough of the ColorFlow Skating homepage, socks collection and product page, showing where skaters hesitate and what a guided buying experience would change.
Pressing play loads the video from YouTube — you can allow it for every teardown under cookie preferences.
ColorFlow Skating has real product market fit. Skaters need what this brand makes, and the tagline, colour that performs and comfort that lasts, is a genuinely good hook. The photography is clean, the range covers socks, leggings, practice pants, gloves and beanies, and the brand has a clear point of view. The site is not broken and the design is fine. The gap is commercial, not cosmetic.
The store is set up as a catalog. It presents products and waits for the visitor to pick. That works only for a skater who already knows the category, the grip level and the size they want. Everyone else lands on a homepage that opens with a tagline and then sends them straight to shop all products, with no answer to who this is for, what makes the gear different, or why they should trust it.
The same gap repeats at every step. The collection page is a grid of similar looking products with no filters and no paths, so the skater does the sorting work. The product page shows an image, a name and a price, with the description buried and nothing near the add to cart button about sizing, fit, returns, shipping or secure checkout. An unsure visitor does not ask a question; they leave.
The fix is to make each page do one job. The homepage builds authority and routes. The collection page narrows by use case and sends people to the right item. The product page removes hesitation at the buy button. Traffic is not the problem here. The visitors already arriving are not being given enough confidence to buy.
The store is built like a catalog. It assumes the visitor already knows which category and which size they need, and when they do not, nothing on the page helps them work it out.
ColorFlow sells semi-technical gear with grip levels, compression and one-size fits. Explaining those choices, then routing skaters to the right item, turns browsing traffic into confident buyers at a higher order value.
Skaters arrive, get routed to the right product, and reach the buy button with sizing, shipping and returns already answered. Session sets and bundles lift the value of each order.
Five dimensions, each scored out of ten.
16 issues found, 18 fixes proposed.
After the tagline the page goes straight to shop all products. Within the first three seconds a visitor cannot tell who ColorFlow is, who the gear is made for, or whether the brand can be trusted.
ColorFlow competes directly with Amazon, Temu and similar marketplaces selling generic skating socks. The site never explains what is different, so the visitor has nothing to weigh against the cheaper listing.
A ColorFlow pair sits at a price point well above the generic option. The store states the number but never makes the case for it, leaving the skater to assume the two products are the same thing.
The whole flow requires the skater to know which category and which size they need before they arrive. There is nothing on the site that helps someone who has not bought this kind of gear before.
Grip level, compression and one size fit are choices that need explaining. The site presents them as attributes of a listing rather than as reasons this item is right for this skater.
Shop all products loads a wall of similar looking items with no filters, no paths and no framing. The page does no routing work; it hands the sorting job to the visitor.
With variations across type, colour and use case, the collection page offers no way to narrow. The skater scrolls and compares manually, which is the point most of them stop.
Each card shows an image and a name. There is no short description, no use case label and no badge for limited edition or best seller, so every product looks interchangeable.
Beside the image sits the product name and the price. Nothing there tells the skater why this particular item is the right fit for them.
The full description is further down the page when a short benefit line belongs next to the price. The one or two reasons to buy arrive after the decision has already been made.
The area around the buy button carries no sizing or fit guarantee, no return policy, no shipping terms and no secure checkout mark, which is exactly where those questions surface.
A skater cannot tell from the product page whether shipping is charged, whether free shipping exists at any threshold, or what happens if the fit is wrong.
The page never says when an order placed today would arrive. That answer builds trust and gives a reason to order now rather than later.
Someone buying socks may well want gloves, beanies or leggings too. The store sells one item at a time and never packages the full kit, so average order value stays flat.
Nothing on the homepage, the collection page or the product page shows what other skaters say. Trust has to be built somewhere before the add to cart click.
The site never explains who makes this gear or why. Against a marketplace listing, the story is one of the few things a generic seller cannot copy.
Rebuild the hero so the first three seconds answer who ColorFlow is, which skaters the gear is for, and one trust signal. Keep the existing tagline; it works as the hook.
Place a clear entry point in the hero that takes the skater through three questions and returns matched products, so nobody has to guess the right category alone.
Return quiz results in tiers rather than a flat list. The skater answered the questions, so the recommendation feels earned and the shortlist is easier to act on.
Add a section that sends people straight to socks, leggings, practice pants, gloves or beanies. It replaces shop all products as the main path into the catalog.
State the four problems a skater hits when they pick badly, then show how ColorFlow solves each one. It frames the price gap before the price is seen.
Put ColorFlow side by side with the cheap listing on grip, compression, fit and durability. Make the case for the higher price rather than leaving it unexplained.
Package leggings, socks, gloves and a beanie as one session set at roughly fifteen percent off. It raises order value and gives the buyer a clear reason to take it.
Give the skating socks collection an opening paragraph explaining what the range covers and one trust element, instead of dropping the visitor straight into the grid.
Offer filters for everyday practice, competition safe, two tone and best sellers so the skater narrows by how they skate rather than by scrolling through everything.
One line per card on what the item is for, plus badges for limited edition or best seller. The visual cues cut the mental work of comparing near identical products.
Anyone still unsure halfway down the grid should have a way out. A quiz prompt inside the collection catches the skater who cannot decide between two similar pairs.
Explain grip level, compression and sizing in plain language on the page where the choice is being made, not on a separate help page nobody opens.
Lead the product page with the type of product and one or two reasons this pair works for this skater. Keep the long description further down the page.
Place sizing and fit guidance, the return policy, shipping terms and a secure checkout mark directly beside the buy button where the hesitation actually happens.
State when an order placed today will arrive. It answers the question every buyer has and gives a straightforward reason to order sooner rather than later.
Present a second pair discount at the add to cart moment. A skater buying one pair is often willing to take two when the offer arrives at the right point.
Show what other skaters say about fit, grip and wear directly on the page. Proof at the decision point removes the doubt a description cannot reach.
Show progress toward the free shipping threshold in the cart, with a clear prompt on how much more is needed, plus a complete your session set block underneath.
A concept redesign created by Convertica Studio from this audit. It shows how the store could work, it is not the live store.
Homepage in two tall columns: the first screen with the Gear Finder entry on the left, and the full run down to the footer on the right.
Three pages side by side: the product page on the left, the homepage in the centre and the collection page on the right.
The bag slide-over open over the collection page, with three lines and the dimmed page behind it.
The Gear Finder quiz step by step: sport, what she needs, the occasion, and the three socks that match her answers.
The product page in two tall columns, from the buy box down to the footer.
The product page first screen: header, photo and buy box.
The collection page first screen: header, filters and the first row of products.
The mobile view: the homepage, the Gear Finder and the product page with its sticky buy button.
It is a business review. The audit does not critique the colours, the fonts or the cosmetics, because the site looks fine as it is. The focus is on where a visitor hesitates and what would help them buy with confidence.
No. The audit is explicit that traffic is not the problem here. The opportunity is in helping the visitors already arriving feel confident enough to buy, which is a change to the pages rather than to the ad spend.
The site lists products and waits for the visitor to choose. That works for a skater who already knows the category, the grip level and the size they want. For anyone else, there is nothing on the page helping them work it out.
Within roughly three seconds of landing, a visitor should be able to tell who the brand is, what it sells and who for, and whether there is reason to trust it. The ColorFlow homepage currently opens with a tagline and then moves straight to shop all products.
Generic skating socks are widely available on marketplaces at a much lower price. That is the direct competition. Since the site never explains what is different about ColorFlow, a visitor comparing the two has nothing to go on but price.
It is a path that asks the skater what they need and then recommends the right products, rather than leaving them to sort a grid. In the concept it takes the form of a three question quiz, body zone routing on the homepage, and use case filters on the collection page.
When someone answers a few questions and then sees matched results, they have a sense of ownership over the recommendation. The results come back as best match, strong fit and worth a look, which is easier to act on than a wall of similar products.
Beside the image there is only a name and a price. The description sits too far down, and the area around the add to cart button carries no sizing or fit guarantee, no return policy, no shipping terms, no delivery date and no reviews.
Through session sets that package leggings, socks, gloves and a beanie at a set saving, a second pair offer at the add to cart moment, a free shipping meter in the cart drawer, and a complete your set block before checkout.
No. It is a strategic direction built around this audience and this product range, not a final design. The point is to show what a guided buying experience looks like in practice rather than to hand over finished artwork.
Yes. The homepage, the collection page, the product page, the quiz and the cart drawer described in the concept can all be implemented on Shopify. Scope, timeline and investment are discussed on a follow up call.
The recording runs 24 minutes. It covers the ColorFlow Skating homepage, the shop all products collection page and a product page as they exist today, then walks through a redesigned homepage, collection page and product page, plus an interactive quiz and the cart drawer, before closing on next steps.
Tell us about your store and we'll send a personalized 5-minute video showing exactly where you're losing buyers — and how to win them back.
Takes about 40 seconds. No call required.