UX case study and redesign

UX case study and redesign

UX case study and redesign

A client platform for corporate clients that consolidates an online travel management tool.

A client platform for corporate clients that consolidates an online travel management tool.

Tools used

About the project

About the project

MY-WCP is a client platform that consolidates an online travel management tool, offering users a seamless way to book, manage, and track travel-related activities.

Target audience

Target audience

Corporate clients and business travelers who rely on the platform for booking, managing, and tracking their travel arrangements efficiently.

Redesign process

Redesign process

Research & Discovery
🔎

  • Market research: Studying competitors designs for inspiration and industry standards

  • Problem definition

Strategy & Planning
📝

  • Defining goals and problems solutions

  • Brainstorming & Sketching – Generating ideas based on research findings and defined problems

Wireframing
🗒

  • Medium-fidelity wireframes to refine layout, spacing, and primary interactions

  • User journey mapping: Visualizing how users interact with the web app to streamline flows.

UI Design
🚀

  • High-fidelity mockups: Creating detailed screens that align with the branding and UI components

  • Design system: Establishing colors, typography, icons and accessibility

Prototype
🕹

  • Creating clickable prototype with basic interactions to test navigation flows

  • Implementing transitions and interactive elements

  • Prototype usability testing

Problems and their solutions

Problems and their solutions

Navigation & Header issues
🚩

  • A hidden menu bar makes it difficult to move around the site

  • Unclear navigation: It’s not clear how users can navigate back to previous steps or access other parts of the app

Visual design issues
🚩

  • Inconsistent spacing and allingment

  • Poor use of space

  • Cluttered search history section

  • Lack of clear visual hierarchy in headings and subheadings

Usability & Interaction issues
🚩

  • Poor visual hierarchy on the progress indicator
    (low contrast)

  • Unclear input fields

  • Inconsistent date format

  • Ambiguous labels

  • Poor button visibility

Accessibility issues
🚩

Low contrast: some text and button colors may fail WCAG standards

Solutions
💡

  • Increasing visual hierarchy through contrast, font weights, and sizes


  • Improving field labels and interactions for better usability

  • Balancing the layout, adding more space to the design


  • Enhancing accessibility with better color contrast and focus states


  • Improving side bar (main menu)


  • Adding helpful tooltips and inline explanations where choices might confuse users


  • Providing clear CTAs and a more prominent progression through the steps


  • Adding icons for more clarity


  • Changing time selection with more clear options

Final design

Final design

Before

Before

After

After

Before

Before

After

After

Before

Before

After

After

Design attempts

Design attempts

Marta Kuba

martaa.kubaa@gmail.com

Linked In

All rights reserved © Marta Kuba 2025

Marta Kuba

martaa.kubaa@gmail.com

Linked In

All rights reserved © Marta Kuba 2025

Marta Kuba

martaa.kubaa@gmail.com

Linked In

All rights reserved © Marta Kuba 2025