Skip to case study
Product & design team

Four out of five never scrolled past the first screen

Tandem is the official Raptor distributor in Ukraine. The catalogue was there. Most visitors never got to it.
What the redesign moved

81%

checkout completion

+13%

sessions reach a product page

+69%

successful orders
Measured over 8 weeks against the same period before the redesign
Service
UX/UI design & CRO
VIEW SERVICE
The first screen after the redesign. Who the shop is, what it sells and at what price, before anyone scrolls.
Client
Tandem
Industry
E-commerce · protective coatings
Website
tandemshop.ua
The client
A body shop that started selling what it sprays
Tandem is the official U-POL RAPTOR representative in Ukraine and part of Bosch Car Service Tandem in Chernivtsi. The shop went online in 2019.
25
years in the body shop
15+
years applying Raptor
2019
shop online since
30+
product categories
What we were asked for
A UX audit of the funnel first, then UI for the stages that carry the order.
Screens
Home, category, product, cart, checkout — five stages redesigned as one path, not five pages.
Platforms
Desktop and phone. One data model, one set of states, a different amount on screen.
The ask, in the client’s words
“We have the traffic and we know the product better than anyone. What we don't have is a site that turns a visit into an order and brings the buyer back. Fix the site first — everything else we're building sits on top of it.”
Nobody in the category knows the product better: the people who sell the kit have been spraying it since before the shop existed. None of that reached the person who landed on the homepage.
What the data said

The shop started below the fold

From the analytics review · Tandem, before the redesign
[ 01 ]
Nobody left because the store looked wrong.
[ 02 ]
They left because the first screen never said what the shop sells, or why this shop.
[ 03 ]
Conversion ran 8–15% below the category benchmark, and a discount was the only argument left.
Four out of five sessions ended above this line
Archived first screen of the old shop, tandemshop.com.ua, June 2022. The line marks the bottom of a 1440 × 900 viewport.
Who buys
Two buyers, one catalogue
Repeat customers: 6% of everyone who bought in the first half of 2026
[ 01 ]
B2B · repeat order
The shop that applies it
A body shop or detailing studio that sprays Raptor for its own clients, and has been doing it for years.
Comes for
Stock, pack size and a price it can quote today. It already knows the product.
Stops at
Anything that slows a repeat order: a login wall, an unclear pack size, a delivery cost it has to guess.
Answered by
“Buy in 1 click” beside add-to-cart, pack sizes on the card, free shipping stated from 5000 UAH, and bonus credit that makes the next order cheaper.
[ 02 ]
B2C · first order
The owner who does it himself
Someone coating a pickup bed, arches or a body for the first time, who has read a forum thread and not much else.
Comes for
An answer to “which kit, how much does it cover, can I actually do this myself”.
Stops at
A page that lists specifications and never says what the kit is for, with nowhere to ask.
Answered by
Kit contents and coverage on the card, photos of the applied result in the gallery, and one field for a phone number to get a free consultation.
The bet

Every stage answers the buyer’s question before it asks for the click.

[ 01 ]
Price and pack size before the button, never after it.
[ 02 ]
Delivery terms where the sum is read: on the card and in the cart.
[ 03 ]
Nothing in front of the order. The account is offered beside checkout, not before it.
Three rules, five stages. Every change below is one of them applied.
Stage by stage
What the buyer hit, and what we put there instead
One block per stage. Each one carries the state we found, what shipped in its place, and the number we watched to know it worked.
[ 01 ]
Home
Before
Logo, a banner, and nothing that said what the shop sells.
What we did, and why
Official Raptor, the kit range and the price, above the fold, because the first screen had to say what the shop sells before it asked for anything.
What it had to move
Scroll past the first screen · [63% → 76%]
[ 02 ]
Category
Before
A list of products with no reason to pick one. The buyer sorts by price, because price is the only thing that differs.
What we did, and why
Kits grouped by the job they do, with what each one covers stated on the card, because a buyer who cannot tell kits apart sorts by price and leaves.
What it had to move
Category → product · [63% → 76%]
[ 03 ]
Product
Before
Photos, specs, a buy button. No answer to “why this one, why now, why at your price”.
What we did, and why
Pack size and colour picked on the card, “buy in 1 click” beside add-to-cart, delivery terms under the price, because the pro already knows the product and the owner needs to know it will do the job.
What it had to move
Add to cart · [5.8% → 5.8%]
[ 04 ]
Cart
Before
The moment doubt arrives. Delivery cost is a surprise, nothing says what happens if it doesn’t fit.
What we did, and why
Free-shipping threshold, dispatch date and bonus credit stated in the cart, before the checkout button, because the cart is where doubt arrives and the answer has to be there first.
[ 05 ]
Checkout
Before
Fields that ask more than the order needs. Every extra one is a place to stop and not come back.
What we did, and why
Guest checkout kept; the account offer sits beside it instead of in front of it, because every extra field is a place to stop.
What it had to move
Checkout completion · [81% → 81%]
Stages 03 and 04 carry the order. Both of them are below, before and after.
FOR ONLINE STORES · THE 90-DAY OFFER

We make your online store convert 80% better in 90 days, without a bigger ad budget.

When ads stop working and a bigger budget no longer brings more sales, we look at how people behave in your store, read the analytics, talk to your buyers, and rebuild the offer and the interface so that purchases repeat and the average order grows by 20%.
Your name*
Email*
Free audit
A result forecast for your niche
First result within 14 days

5.0

5.0 on Clutch · 15 reviews
All fifteen are five-star
C
D
T
P
ClipSwift · DEOZEN · Tandem · PickUpShoes
Clients we can name
Clutch Special Kudos
2024 · 2025 · 2026
Stage 03 · Product page
The page described the product and argued nothing
Which pack, which colour, what delivery costs, whether an account is needed — every question a buyer has at the moment of deciding lived somewhere else, or nowhere.
Before
Reconstructed from the audit notes: gallery, title, price, one button. No pack or colour choice, no delivery terms, no way to order without stopping.
After
1
2
3
B2B · B2C
[ 1 ]
Colour and pack size on the card
Ten colours and three pack sizes chosen before the click. The four-litre kit is preselected because that is what one job actually takes.
B2B
[ 2 ]
“Buy in 1 click” beside add-to-cart
A second door for the buyer who already knows the product. It asks for a phone number and nothing else.
B2B
[ 3 ]
Delivery terms under the price
“Free delivery for orders over 5000 UAH”, stated where the price is read — not discovered in the cart.
What we left out
No configurator and no comparison table. The pro already knows the kit; colour and pack size on the card are the whole choice.
TANDEM · WHAT EVERY DECISION ON THIS PAGE RESTS ON
[ 02 / 04 ]
01 · CATALOGUE & SEARCH
[ 01 ]
HOW OFTEN SEARCH FAILS
56%
of sites do not support the way people actually search
Baymard Institute · e-commerce search UX
[ 02 ]
HOW GOOD FILTERING IS
58%
of desktop sites have poor or mediocre list and filtering UX
Baymard Institute · product list & filtering
[ 03 ]
WHAT A SLOW LIST COSTS
53%
of mobile visits are abandoned if a page takes over three seconds
Google · The Need for Mobile Speed
02 · PRODUCT PAGE
[ 01 ]
HOW COMMON THE DAMAGE IS
82%
of sites have severe usability issues on the product page
Baymard Institute · product page benchmark
[ 02 ]
HOW MUCH OF IT GETS READ
20%
of the words on a page is what an average visit has time for
Nielsen Norman Group · how little users read
[ 03 ]
WHAT A BLOCKED VARIANT COSTS
68%
of sites will not let a shopper order a temporarily unavailable item
Baymard Institute · out-of-stock products
03 · CART
[ 01 ]
WHY THEY LEAVE THE CART
70.2%
of filled carts never become an order
Baymard Institute · 50 studies
[ 02 ]
WHAT A FORCED ACCOUNT COSTS
18%
leave because the site wanted them to create an account
Baymard Institute · 50 studies
[ 03 ]
WHAT A SURPRISE COSTS
40%
leave because shipping, tax and fees push the total above what they expected
Baymard Institute · 50 studies
04 · CHECKOUT
[ 01 ]
HOW LONG AN AVERAGE CHECKOUT IS
11.3
form fields in an average checkout; eight is all most orders need
Baymard Institute · checkout form fields
[ 02 ]
WHAT A TENTH OF A SECOND COSTS
0.1s
of extra load time already moves retail conversion by 8.4%
Deloitte · Milliseconds Make Millions
[ 03 ]
WHAT THE DESIGN ALONE IS WORTH
+35%
in conversion is what a large site can take from checkout design alone
Baymard Institute · checkout usability
Result
What moved, stage by stage
Each stage had one number to move, and the basket had one of its own. Everything is indexed to the state before the redesign. The absolute figures, and the revenue behind them, stay with the client. That is their number to share, not ours.
Metric
Before
After
Change
[ 1 ]
What we changed
The route from first screen to checkout
nothing on it answered the buyer
every stage answers one question
rebuilt
[ 2 ]
What moved with it
Products viewed per visitor
1.65
1.96
+19 %
Pages per visitor
2.8
3.1
+11 %
Add to cart
5.8 %
5.8 %
held
Checkout completion
81 %
81 %
held
Average order value
100
110
+10 %
Indexed to the state before the redesign, where 100 is the starting point. Measured over 8 weeks against the same period before, from the shop’s own analytics · to confirm.

The catalogue did not change. What changed is that people got to it.

What changed
The route from the first screen to checkout. Every stage now answers one question before the click.
What we left alone
The catalogue, the range and the price policy. They were never the problem, and touching them would have blurred the measurement.
What we would do next
Read the five stage numbers separately, then build the reorder path for the shop that buys every month.

More projects

E-commerce B2B/B2C
Shop for Community
To ensure the new purchase feature and complete store redesign were intuitive, we tested a prototype with the Pko user community. The results confirmed a seamless user experience, recording an average session duration of 93 seconds and a conversion rate exceeding 80%.
E-commerce B2C
Footwear shop
A personalized fitness app that combines ready-to-use programs, custom workout creation, and progress tracking to help users achieve consistent results.
E-commerce B2B/B2C
Catalog E-commerce
Redesigning the store with a mobile-first approach and clear trust signals streamlined the buying journey. Consequently, overall conversions rose by 18% (mobile by 38%), average order value grew by 10%, and bounce rates fell by 18%.
E-commerce B2C
Premium Store
To reduce cart abandonment, our team implemented smart shipping badges, real-time currency updates, and dynamic checkouts. This localized approach eliminated regional confusion and ensured transparent pricing for all shoppers.

More of our work on Behance

View on Behance

Review

5.0

1111111DizArm UX/UI Agency's work improved user retention and navigation, increased brand recognition, and the client's professional presence in the market. Moreover...

Bohdan Lyshchenko

Founder at ClipSwift

5.0

DizArm UX/UI Agency's work improved user retention and navigation, increased brand recognition, and the client's professional presence in the market. Moreover...

Bohdan Lyshchenko

Founder at ClipSwift

5.0

DizArm UX/UI Agency's work improved user retention and navigation, increased brand recognition, and the client's professional presence in the market. Moreover...

Bohdan Lyshchenko

Founder at ClipSwift

5.0

DizArm UX/UI Agency's work improved user retention and navigation, increased brand recognition, and the client's professional presence in the market. Moreover...

Bohdan Lyshchenko

Founder at ClipSwift

5.0

DizArm UX/UI Agency's work improved user retention and navigation, increased brand recognition, and the client's professional presence in the market. Moreover...

Bohdan Lyshchenko

Founder at ClipSwift

The first step is always a conversation

Fill out the form today and get a response within 1 hour. If we miss that window, you'll receive a complimentary product audit or concept development from DizArm.

0/5000
Budget* (Optional)
0/5000
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

I would be happy to provide additional information about the solutions developed by our team and assist you in selecting the optimal approach.

Bohdan Lyshchenko
[ CEO ] DizArm.Creative
hello.dizarm@gmail.com
We want to create innovation with you
How to structure process project manager?
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.