Michael ZarourUX & product designer

Selected work

Experian · 2022–2024

Experian for Business

Five components I designed for experian.com/business, the research behind each one, and how I’d take them further today.

Refreshed Experian for Business header with the Products and Solutions mega menu open, browsing by solution type
Overview

Dozens of products, hundreds of pages, and one header trying to hold them together.

Experian’s business site is assembled by marketing teams across the company from shared Adobe Experience Manager components. On the Shared Marketing team I designed those components and the navigation around them, and I tested them with the people who use the site.

This case study follows five of them: the page before, the design I shipped or proposed, the research that shaped it, and a working version you can try. The working versions are concepts I built later to take each design further.

Role
UX Designer, Shared Marketing
Scope
Components, navigation, usability testing, competitive audits, design QA
Team
Content strategy, SEO, web marketing, program management, AEM developers
Platform
Adobe Experience Manager, responsive web
16People in the navigation usability study I ran and presented
38Sign-in search experiences audited across other large sites
+68%More completed forms for the two-column layout in the Health team’s A/B test
Client sign-in

Forty-two portals behind one link.

Business clients reach their Experian products through a single Client Sign In link. Behind it sat a modal that covered the page, split the portals across four pages, grouped them in ways clients didn’t recognize, and still listed discontinued products. Several versions of it lived on different parts of the site.

Before2022 · modal, 4 pages

Client Sign In modal covering the page, with portal names split across four pages

At ExperianShipped design · 2023

Client Sign In dropdown listing every portal in five business-unit columns
I replaced the paginated modal with a dropdown that shows every portal at once, grouped by business unit, and designed it for desktop, tablet and phone.

Why it mattered

Our SEO team found that “experian login” draws 370,000 to 380,000 US searches a month, second only to “experian” itself. Search results mixed consumer and business login pages under titles that gave no hint which was which, so people landed in the wrong application.

People also typed “sign in” into the site’s own search and got a webinar called “Signs you need to adjust your decisioning model.” In 2024 I audited how 38 large sites handle login searches, from Microsoft and IBM to Amazon, Costco, CVS and JPMorgan Chase, and explored ways to route people from search to sign-in.

Grid of 38 screenshots showing how other companies' site search responds to sign in and login queries
The audit: what 38 sites show when someone searches for “sign in”.

Taking it further

Try it: type a product, or “biq”.

  • Find, don’t scan. Filtering as you type, including the names people really type, like “biq” for BusinessIQ.
  • A group with a name. “Other” held 12 portals. It is now “Data & marketing”, which says what is inside.
  • A way out for consumers. Many people searching “experian login” want their own credit report, so the menu points them there.
  • Room to click. 36px rows, visible focus, arrow keys through the list, and an empty state that says what to try next.
Tabs component

A component marketers had stopped using.

Tabs let authors fit images, copy and links for several audiences into one compact block. Almost nobody used it. When I looked at why, the answers were in the component itself: it looked dated next to newer brand work, copy and buttons drifted out of line across columns, some layouts looked clumsy, and adding content to an existing tab was hard.

Before2023 · original

Original tabs component with three uneven promo columns and misaligned buttons

At ExperianShipped design · 2024

Redesigned tabs component with three matching cards and aligned Register now buttons
My redesign: cards with fixed image sizes, aligned calls to action and new column layouts for authors. Our program manager presented it to the design governance committee in 2024.

What the redesign had to do

  1. Give authors layouts. Full width, two-thirds with one-third, and three equal columns.
  2. Match the current brand. Rounded corners, updated colors and a better mobile version.
  3. Keep images consistent. Fixed ratios, so one tall photo no longer breaks a row.
  4. Align content automatically. Titles, text and buttons line up across columns without authors fixing it by hand.

Taking it further

Switch the layout the way an author would, and try the tabs with your arrow keys.

Author a layout

AutoCheck for every part of the auto market

Vehicle history data, packaged for the way each partner works.

  • Vehicle history at the point of sale

    Share a vehicle history report with every shopper, on the lot or online.

    • Appraise trade-ins with confidence
    • Stock what sells nearby
    Learn more
  • Appraise trade-ins with confidence

    Check title, accident and ownership records before you make an offer.

    • Vehicle history at the point of sale
    • Stock what sells nearby
    Learn more
  • Stock what sells nearby

    Plan inventory with registration trends for your market.

    • Vehicle history at the point of sale
    • Appraise trade-ins with confidence
    Learn more
  • Tabs that look like a choice. A segmented control with a sliding indicator, instead of a thin underline that was easy to miss.
  • One grid for every card. Buttons sit at the bottom of every card, whatever the copy length.
  • Layouts that still say everything. In full width, the other two cards become a list, so no content disappears.
  • Phones and keyboards. The tab bar scrolls sideways with a fade on small screens, and arrow keys move between tabs.
Two-column form

The test came first: two columns won.

The Health team wanted more quality leads from their contact forms, so they A/B tested a one-column form against a two-column form with the same copy. Two columns won clearly. My job was to turn that result into a form every business unit could use.

Health team A/B test, contact form

VersionVisitorsCompletedRateLift
Two columns1,630583.6%+68.2%
One column (control)1,607342.1%—

Confidence 97.7%, as reported by the test tool. Rates are completions divided by visitors.

Designing for every form, not one

A two-column form is easy for six fields and hard for twenty. I designed for the cases authors would actually build: fields ordered for Z-shaped scanning, mixed field types, long text, conditional fields, labels, validation and odd numbers of fields. I added a gradient background option and a wider form that cuts scrolling.

Two-column contact form with visible labels above each field, a conditional Healthcare industry field and a Send message button
The two-column layout with a conditional Healthcare field, reworked with visible labels.

Taking it further

Try sending it empty, choose Healthcare as the industry, or use a personal email address.

Let’s power opportunities together.

Tell us what you’re working on and the right specialist will get back to you.

  • Takes about a minute
  • Routed by industry, not a shared inbox

0 / 600

Personal credit questions can’t be answered here. Visit consumer support.

  • Labels that stay. The shipped form used placeholders as labels, which vanish as you type. Every field now has a visible label.
  • Errors at the right time. Fields check themselves when you leave them, and a summary on submit links to each problem.
  • A nudge, not a wall. A personal email gets a gentle hint instead of an error.
  • No holes in the grid. Conditional and long fields span both columns, and the form drops to one column on phones.
404 page

A dead end that should point somewhere.

The business site’s 404 page had a photo, a search box and nothing else. Working with a content strategist, I looked at the analytics and at best-in-class 404 pages from Google, Apple and others.

Before2023 · original

Original business 404 page with a large photo, a search box and an empty area below

At ExperianRedesign · Sep 2023

Redesigned 404 page with search, helpful links, a consumer help link and the full site directory below
The redesign added helpful links, a route for consumers and the site directory, while keeping search.

What the data said

4,749visits to the 404 page in the period we pulled

265of them used its search, about 5.6%

Search, the only way out, was barely used. We also suspected many visitors were looking for consumer or investor content and had landed on the business site by mistake. So the plan was to keep a smaller search, add a few neutral links (products, solutions, client sign-in, about) and point consumers to the right site.

Taking it further

Try a popular search, or pick a door.

404 Page not found

That link didn’t lead anywhere.

The page may have moved or been renamed. Pick the Experian you meant, or search below.

  • “Which Experian did you mean?” comes first. Three doors for business, personal credit and investors answer the mistake we suspected most.
  • Search second, with suggestions. It stays for the 5% who use it, with popular searches that save typing.
  • Words that own the error. “That link didn’t lead anywhere” instead of an apology and an error code.
  • Still a way to a person. The four neutral links and chat close the page.
What I learned

Components are products, and they need research too.

Test the chrome, not just the pages.

Nobody had tested the navigation because it felt like plumbing. Twenty minutes with real users settled debates that months of audits hadn’t.

Design for the author.

A component is only done when a marketer on another team can configure it correctly without calling a designer.

Use the numbers you have.

Search analytics, SEO data and an A/B test were already sitting with other teams. Asking for them made the case for every change.

Revisit your own work.

Rebuilding these in code showed me what I would push harder on today: accessibility, real states, and fewer places where a user has to guess.

Interactive prototype

Try the navigation and sign-in yourself.

This is Project DaVinci with the new sign-in menu inside it. Browse products three ways, find an industry, sign in to a portal, then switch to a phone and do it again. It’s a clickable prototype; nothing leaves this page.