← Back to work

hero · experimentation

Improving conversion through data-informed design

How I used behavioral data, A/B testing, and iterative design to improve checkout conversion, reduce abandonment, and increase cross-sell engagement at Civitatis.

Reading mode
8 min read

specs

Role Principal Product Designer (IC)
Company Civitatis (travel tech)
Scope CRO, A/B testing, interaction design, analytics
Tools ABTasty, Optimizely, ContentSquare, GA

hero-visual

CRO and Experimentation, ContentSquare analysis dashboard showing user journey heatmaps
# cro-hero.jpg · image · fill · 21:9

context

Civitatis operates a high-traffic travel platform with multiple lines of business (B2C, B2B, mobile) and a complex conversion funnel. Despite strong traffic, conversion opportunities were being missed, decisions were often driven by intuition rather than evidence, and significant changes shipped without validating their impact.

I used behavioral analytics and A/B testing to identify friction points in the funnel and design targeted improvements, validated by data before scaling.

my-role

As Principal Product Designer IC, my work focused on:

  • Analyzing behavioral data (GA, ContentSquare) to identify conversion opportunities
  • Designing and prototyping experimental variations
  • Configuring and monitoring tests in ABTasty, Optimizely
  • Collaborating with PMs and engineers on hypothesis framing
  • Integrating data insights into product decisions

Design targeted solutions to real user problems, validated by data.

my-role

As Principal Product Designer IC, I analyzed behavioral data to identify conversion opportunities, designed and prototyped experimental variations, and configured tests in ABTasty and Optimizely. I worked closely with PMs and engineers to frame hypotheses and design targeted solutions to real user problems, validated by data.

experiments-intro

Three representative experiments from the booking funnel, each run to 99% statistical significance.

experiment-mobile-checkout

Mobile checkout summary experiment mockup

Summary in mobile checkout

Context

After analyzing user behavior through journeys, session recordings, and heatmaps, we identified a clear pattern: once users reached the payment page, many navigated back to review the cart details, creating uncertainty and increasing the likelihood of checkout abandonment.

Hypothesis

Because we knew users were navigating back from the payment page to re-check their cart, we believed that showing the purchase summary on mobile checkout pages would reduce uncertainty, lower abandonment, and lift conversion.

"As a user, seeing what I'm going to pay will reassure me, reduce my uncertainty, and I'll complete the purchase with confidence."

+6% Conversion rate 99% statistical significance
-8% Bounce rate 99% statistical significance

Key learnings

  • Uncertainty at checkout is a critical barrier on mobile, users need to see what they're paying for
  • Impactful improvements don't always require complex redesigns, a simple summary addition lifted conversion 6%

experiment-cart-exits

Cart page mockup showing exit points that were removed in the experiment

Reduce cart exits

Context

In our efforts to improve the checkout process conversion rate, we noticed that users tended to continue browsing after reaching the shopping cart. 18% of sessions returned to the product detail page, 10% clicked on "Reserve more", and many others clicked on the logo. Almost none of these sessions returned to complete the purchase.

Hypothesis

Because we know that users navigate away from the cart page and do not return to complete their purchase, we believe that by removing the exit links, we will achieve a higher conversion rate from the page to the next step of the checkout process.

"As a user, without distractions, I will complete the process I started."

+2% CTR to next step 99% statistical significance

Key learnings

  • Exit paths on the cart page create distraction and leakage at the moment commitment is most fragile
  • In high-intent stages, reducing options outperforms adding features, clarity over optionality

experiment-cross-sell

Thank you page before: cross-sell section buried below the fold
Before
Thank you page after: cross-sell section visible above the fold
After

Increase products per trip

Context

One of the company's OKRs was to increase the number of activities per trip per user. On the thank you page, we saw an opportunity to improve this metric, as we were showing all the booking details and cross-selling was at the bottom of the page.

Hypothesis

Because we know that cross-selling is not being displayed above the fold due to the amount of content, we believe that by reducing the content of the purchase confirmation, cross-selling will be visible at first glance and we will be able to increase the number of activities per trip per user.

"As a user, once I have completed my purchase and received the details by email, I will be able to see other options that may be of interest for my trip."

+131% CTR on cross-selling 99% statistical significance
-3.2% Bounce rate 99% statistical significance

Since the conversion tag was on the thank-you page, we couldn't measure purchase conversion directly.

Key learnings

  • Cross-selling visibility is a key driver of engagement, content hierarchy directly impacts behavior
  • Post-purchase is a high-value moment for complementary discovery when confirmation details are minimized

more-experiments

Reduce cart exits

Removing exit links on the cart page to eliminate distraction at high-intent moments.

+2% CTR to next step 99% statistical significance

Increase products per trip

Moving cross-sell above the fold on the thank-you page by reducing confirmation content.

+131% CTR on cross-selling 99% statistical significance
-3.2% Bounce rate 99% statistical significance

how-i-work

How I approach experiments

Each experiment moved through the same seven-phase cycle: discover the opportunity in behavioral data, generate a testable hypothesis, prioritize it against other candidates, design the experiment, implement and monitor the test, analyze the results to reach a decision, and finally document and share what we learned.

01.OpportunityDiscovery
02.HypothesisGeneration
03.Prioritization
04.ExperimentDesign
05.Implementation& Monitoring
06.Analysis& Decision
07.Document& Share

how-i-work

Each experiment moved through the same seven-phase cycle: discover the opportunity in behavioral data, generate a testable hypothesis, prioritize it against other candidates, design the experiment, implement and monitor the test, analyze the results to reach a decision, and finally document and share what we learned.

learnings

What I learned

01

The highest-leverage changes came from reading behavior, not redesigning screens, every winning variant started as a pattern spotted in the data.

02

Behavioral data (heatmaps, session recordings) consistently revealed problems that metrics alone couldn't explain.

03

The hardest part was isolating the right variable to test, not the design itself.

04

Before/after thinking forces clarity: if you can't articulate what's different and why, the experiment isn't ready.

05

Some of the most useful results were losses, a variant that underperforms forces you to revisit the assumption behind it.

contact

Here’s a hypothesis:
we should talk.

Fernando Giménez · Product · Brand ·  &