DE

Markus Rozkalns

Work · Other industries

Metrohm global websites

Helped redesign Metrohm’s global website system, including a user-tested instrument filter that gets people to the right product faster.

Client
Metrohm
Country
Switzerland
Industry
Lab instruments, B2B
Year
2020–2021
My role
Supporting designer, about 70% UI and 30% UX
Team
Led by a Swiss lead UX designer

Problem

Metrohm sells a large catalog of instruments through its country sites around the world. Users struggled to find the right product.

  • One site system for all of Metrohm’s country sites
  • A large catalog that was hard to narrow down

Approach

Every decision traces back to evidence. Each step has an ID, and every insight and decision names the evidence it came from.

  1. S001

    Source

    User tests

    Testing the new instrument filter with users.

  2. E001

    Evidence

    Assumptions and questions

    What we expected, and what to ask. I helped define both.

    From S001

  3. E002

    Evidence

    Test results

    Analyzed and interpreted together with the lead designer.

    From S001

  4. I001

    Insight

    Where the filter slowed people down

    The findings that shaped the next version.

    From E002

  5. D001

    Decision

    Filter redesigned from the results

    Fewer clicks and less time to the product.

    From I001

Solution

I designed pages across the site system and the UI of a new instrument filter, working under a lead UX designer.

Instrument filter

  • I designed the UI
  • Helped define the assumptions and test questions
  • Helped analyze and interpret the test results
  • Designed the solutions based on them
Titration product guide: choose what matters most, then compare the matching titrators
Titrando product family page with filters for measurement method and instrument features
Product family with refine filters
Search results for titration, grouped into product families, models, applications and insights
Search results grouped by type

Page templates

Pages across the global site system.

Titrando product page with hero, highlights and description
Product page template
Web style guide: colours, typography, buttons, icons and components

Outcome

Validated with users: fewer clicks and less time to reach the right product.

Next project

Roche personalized healthcare campaign
All work