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
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.
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.
Corporate clients and business travelers who rely on the platform for booking, managing, and tracking their travel arrangements efficiently.
Final design
Final design
Before
Before
After
After
Before
Before
After
After
Before
Before
After
After
Design attempts
Design attempts
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
Marta Kuba
martaa.kubaa@gmail.com
Linked In
Marta Kuba
martaa.kubaa@gmail.com
Linked In
Marta Kuba
martaa.kubaa@gmail.com
Linked In