App home and webshop search

Higher conversion in the app-home follow-up test, followed by a redesign of the entire product search experience for the MediaMarkt and Saturn webshops.

My role
Senior UX Consultant · Freelance
My contribution
UX concepts, research & prototyping
Collaboration
Media Markt Saturn · Product team in Munich
App home and webshop searchOriginal design documents · 2018
01 / App homeTesting variants
Four original app-home variants: with and without highlighted search, and with categories removed or moved further down
Four variants from the documented second home iteration.
02 / Webshop searchNarrowing the selection
Original desktop draft with a filter column, active filters and product results grid
A working design from the search redesign: desktop filters and results. Includes placeholders and sample data.

Improving an underperforming home design

Situation

The new app home was intended to improve access to the product range. In the first A/B test, product detail page views increased, but conversion fell compared with the original home. The new design had not yet achieved the intended result.

Role and responsibility

I worked as a freelancer within the Media Markt Saturn product team. The PO set the product focus. I developed the structure and UX concept and aligned the solution with the team. After handing the app over to a permanent designer, I was also responsible for the UX concept of the entire webshop search.

Approach

We reviewed the numbers together and considered which elements might distract users. I designed variants with and without the categories module and with more prominent search. I also took part in evaluating the follow-up test. We chose the variant together as a team.

Result

In the follow-up test, the selected home variant achieved a higher conversion rate than the original home. I subsequently redesigned the entire webshop search experience.

01 Responsibility

UX concepts
within the app team.

Responsibility for the complete MediaMarkt and Saturn app journey.

I joined the growing Munich design team early and worked directly with the app developers. Designers owned specific product areas: I covered the app, while colleagues covered areas such as search, basket and checkout.

The Product Owner set the focus. My responsibility was the UX concept: understanding the problem from user and business perspectives, developing a viable solution, and refining it through prototypes and user feedback.

Interviews and regular usability tests were part of our product work. I brought experience from FriendScout and gutefrage to this process.

How we worked together

Product Owner

Focus and direction

My contribution

UX concepts, user needs and product logic

Development & joint testing

Technical implementation and testing the solution

02 App home

New app home:
lower conversion in the first test.

The first A/B test showed more product views but a lower conversion rate.

The existing home displayed offers as a stack. The new home was designed to improve access to the range through more visible search, product carousels and direct category entry points. The Product Owner set the focus; I developed the structure and UX concept and aligned the solution with the team.

The first A/B test then showed more product detail page views, but less search usage and lower conversion than the old home.

We reviewed the figures together and considered which elements might distract users from finding a suitable product. The weaker result became the starting point for the next iteration.

Original slide comparing the old and new app-home concepts and the goals for search, product carousels and categories
Original slide from “New Home – App”: goals and comparison of the home concepts at the time. The offers shown belong to the historical design.
What the test showed

More product detail page views did not automatically mean higher conversion. We needed to revisit the entry points and the emphasis given to each home element.

03 Learning from data

Hypotheses about categories
and the search entry point.

We used the test findings to develop the next home iteration.

We reviewed the results as a team and formed hypotheses: was the categories module distracting people from a suitable product? Were the additional entry points generating more views but less relevant ones? What role did the visibility of free-text search play?

I translated these hypotheses into home variants with and without categories, and with more prominent search. In the variants retaining categories, I moved the module below the product recommendations. This made our hypotheses concrete enough to compare in a follow-up test.

Test dimension 01

Remove categories
or move them down.

Omit the categories module or place it below product recommendations.

Test dimension 02

Make search
more prominent.

Highlight the search entry point with a red border, or show it without that emphasis.

The design decision

Test categories and search
in different combinations.

The variants turned our assumptions into specific differences we could compare in the next test.

04 Testing again

Four variants tested.
Variant 2 had the highest conversion.

In the follow-up test, variant 2 converted better than the old home.

Original test sheet showing four app-home variants with notes on categories, recommendations and search
Original test sheet from the 2018 presentation on the second home iteration. The variants change categories and search visibility.
V1

Remove categories

V2

Remove categories & highlight search

V3

Move categories below recommendations

V4

Move categories & highlight search

Documented test result

Prominent search.
No categories module.

The presentation identifies variant 2 as the winner: its conversion rate exceeded the old home's in the follow-up test. Search usage remained lower. I participated in the evaluation, and we decided together which variant to adopt.

These findings describe a specific test. They do not establish long-term impact or additional claims of statistical significance.

05 Webshop search

Product search for
MediaMarkt and Saturn.

Redesigning the entire webshop search experience, with a focus on filter interaction.

After handing over the app, I took on search for the MediaMarkt and Saturn webshops. The existing experience had become dated. I was responsible for the UX concept of the whole search experience, with particular attention to how users could operate filters and narrow their selection.

I reviewed the existing experience and usage data with the relevant colleagues. We developed hypotheses, prototypes and tests from those findings, Baymard research and our own research experience.

Complete desktop search design with grouped filters, search within a filter group, active filters and a range slider
Original desktop design from “Search and Browse”. Component labels and mixed product data are placeholders. This is a design document, not the current live interface.

An example from the search redesign: filters

01 / Structure

Finding filter values.

Grouped filters, different selection types and search within a filter group.

02 / Overview

Keeping the selection visible.

Active filters appear above the results. Users can remove them individually or clear the whole selection.

03 / Interaction

Setting value ranges.

A two-handle slider is paired with numeric inputs and an apply button.

06 Continuity

Handing the app over to
a permanent designer.

Involvement in selection, onboarding and handover to Lora Valcheva.

I helped select the app team's permanent designer, then onboarded Lora Valcheva and handed over responsibility before moving on to webshop search.

In the growing design team, I also learned from David King, particularly about team structure, Design Operations and Design Leadership. That collaboration influenced my subsequent development.

“Great designer, very good team player with deep user understanding and strong visual skills”
Lora Valcheva
Senior UX Designer · MediaMarkt Saturn

What my work delivered

Higher conversion in the app-home follow-up test.

The app home selected by the team achieved higher conversion than the original in the follow-up test. Revised flows and prototypes were created for the entire webshop search experience, and I handed over app responsibility to a permanent designer whom I had onboarded.

01

A home variant with higher conversion

I translated our analysis of the weaker initial result into testable UX variants and participated in the evaluation. Together, we selected the variant that outperformed the original home on conversion in the follow-up test.

02

Webshop search redesigned

UX concepts, research and prototypes for the entire search experience in both webshops, with a focus on filter interaction.

03

App responsibility handed over

Participation in designer selection, onboarding and handover of app responsibility.

The home results came from team testing. For webshop search, no verified before-and-after metrics are available; the outcome is described through the design work delivered.

What I took from it

The test findings changed
our priorities for the home.

The first version of my concept produced lower conversion. With the team, I questioned the effect of individual elements and designed targeted variants. This shows how I reassess my own solutions against actual usage and translate findings into specific improvements.