This case study focuses on redesigning the games user interface. The goal is to create a modern, easy to use, and engaging UI that improves navigation, mission planning, and overall player experience.
The main menu is the player's first interaction with the game, but its design presents usability challenges.
A well-structured menu should be clear, intuitive, and prioritize key features. However, visual clutter, poor hierarchy, and readability issues make navigation less efficient.
The redesigned main menu delivers a cleaner, vertical navigation layout that improves clarity, reduces visual clutter, and boosts usability. Key updates include renaming “Career” to “Agent Profile” for clearer labeling, adding customizable categories for a more personal experience, and introducing a banner area to highlight key promotions, enhancing engagement and conversion rates.
The campaign menu’s large imagery creates an engaging look but suffers from unclear mission details, poor visual hierarchy, and insufficient guidance, leaving players unsure of their goals. Disjointed navigation and missing accessibility features further hinder ease of use and overall clarity.
This redesign enhances the player experience by improving mission tracking and immersion through a clearer layout hierarchy, streamlined navigation, and well-organized mission details. A dedicated Targets section deepens narrative engagement, while tooltips provide additional context, ensuring campaigns are easier to follow, visually balanced, and more intuitive to play.
The live page is cluttered and poorly organized, with unclear missions, weak visual hierarchy, poor readability, and overwhelming information density. Equal emphasis on primary and secondary elements further confuses users, making it hard to find and prioritize important content.
The redesigned Hitman Live page, now called Timed Events, improves clarity and organization by introducing distinct sections for missions and rewards, consistent layouts, and progress indicators. These changes make it easier for users to scan content, track mission status, and understand available rewards, while visual cues such as images and icons add interest and provide quick context.
The redesign streamlines navigation and organizes content into a structured side menu, making it easier to find and access different sections. Progress tracking, mission details, and rewards are presented more clearly, reducing clutter and improving usability compared to the current scattered layout.
A vertical side menu clearly lists all sections, giving quick access without scrolling through tabs. Profile and key actions are neatly grouped.
Navigation is spread across top tabs and content blocks, making it less intuitive and slower to switch between sections.
A vertical side menu clearly lists all sections, giving quick access without scrolling through tabs. Profile and key actions are neatly grouped.
Navigation is spread across top tabs and content blocks, making it less intuitive and slower to switch between sections.
Missions are listed in one place with progress bars, locations, and key details visible at a glance.
Scattered Campaign Information
Campaign missions are spread out across multiple cards, requiring more clicks to see details.
Missions are listed in one place with progress bars, locations, and key details visible at a glance.
Scattered Campaign Information
Campaign missions are spread out across multiple cards, requiring more clicks to see details.
Detailed Mission Information
Targets, progress, and mission videos are grouped together, making it easier to prepare for missions.
Players must navigate between pages to see target details and related media, slowing mission prep.
Detailed Mission Information
Targets, progress, and mission videos are grouped together, making it easier to prepare for missions.
Players must navigate between pages to see target details and related media, slowing mission prep.
Efficient Timed Events Layout
Events are clearly listed with progress indicators and rewards displayed side by side.
Event info and rewards are split into different cards, causing extra navigation steps.
Efficient Timed Events Layout
Events are clearly listed with progress indicators and rewards displayed side by side.
Event info and rewards are split into different cards, causing extra navigation steps.
Consistent Visual Hierarchy
Balanced spacing, clear typography, and consistent card sizes make browsing more comfortable.
Irregular spacing and varying card sizes create a cluttered appearance and uneven flow.
Consistent Visual Hierarchy
Balanced spacing, clear typography, and consistent card sizes make browsing more comfortable.
Irregular spacing and varying card sizes create a cluttered appearance and uneven flow.
