Wayfinder
UI Explorations

Airship Syndicate

LOUDOUT EXPLORATION | This character management screen was the "anchor" for many other menus in Wayfinder. As such, I worked on several iterations before settling on the final in-game look. This version explores a variety of button styles and stat di

LOUDOUT EXPLORATION | This character management screen was the "anchor" for many other menus in Wayfinder. As such, I worked on several iterations before settling on the final in-game look. This version explores a variety of button styles and stat displays, attempting to make a wide array of stats easier to parse.

CHARACTER SELECTION 1 | One of my first tasks was updating the design of the character selection menu. When the game was planned as a live service title, we needed to consider an expanding roster, so fitting several characters on screen at once was k

CHARACTER SELECTION 1 | One of my first tasks was updating the design of the character selection menu. When the game was planned as a live service title, we needed to consider an expanding roster, so fitting several characters on screen at once was key.

CHARACTER SELECTION 2 | I took inspiration from a variety of fighting games for this exploration, trying to focus on punchy visuals and leveraging our art team's fantastic character portraits.

CHARACTER SELECTION 2 | I took inspiration from a variety of fighting games for this exploration, trying to focus on punchy visuals and leveraging our art team's fantastic character portraits.

CHARACTER SELECTION 3 | Our final design was based off of this mockup, using a more traditional horizontal strip. It allowed us to keep the focus on the selected character model and their stats.

CHARACTER SELECTION 3 | Our final design was based off of this mockup, using a more traditional horizontal strip. It allowed us to keep the focus on the selected character model and their stats.

ABILITY EXPLORATION | This was an exploration of how we could improve the ability upgrade menu. I experimented with several different background treatments that incorporated artwork of the selected character.

ABILITY EXPLORATION | This was an exploration of how we could improve the ability upgrade menu. I experimented with several different background treatments that incorporated artwork of the selected character.

WORLD MAP | I implemented this updated version of the world map, creating a new animated focus state and adding fast-travel options for party member apartments.

WORLD MAP | I implemented this updated version of the world map, creating a new animated focus state and adding fast-travel options for party member apartments.

AREA MAP | I created a new legend for the regional maps, including landmark, collectable, and marker icons. Adding color and variety to the map improved players' ability to locate key information and track their progress across the zone.

AREA MAP | I created a new legend for the regional maps, including landmark, collectable, and marker icons. Adding color and variety to the map improved players' ability to locate key information and track their progress across the zone.

TALENT TREE EXPLORATION | The talent system was introduced relatively late in the game's development, and required extensive UI exploration. I collaborated with other UI artists and designers to create an attractive, legible design for the overall ta

TALENT TREE EXPLORATION | The talent system was introduced relatively late in the game's development, and required extensive UI exploration. I collaborated with other UI artists and designers to create an attractive, legible design for the overall talent tree.

TALENT MENU EXPLORATION | The talent tree was another menu that underwent a lot of iteration, trying to find a good balance of information and visual flair.

TALENT MENU EXPLORATION | The talent tree was another menu that underwent a lot of iteration, trying to find a good balance of information and visual flair.

Wayfinder
UX Wireframes

Airship Syndicate

DISCOVERIES MENU WIREFRAME | We wanted Wayfinder to have many collectible elements, giving players the satisfaction of filling out a huge collection of landmarks, weapons, landmarks, and other pieces of lore.

DISCOVERIES MENU WIREFRAME | We wanted Wayfinder to have many collectible elements, giving players the satisfaction of filling out a huge collection of landmarks, weapons, landmarks, and other pieces of lore.

TIMELINE WIREFRAME | I experimented with a timeline for Wayfinder's story, which the player could fill in and expand as they completed quests and discovered lore snippets around the game world.

TIMELINE WIREFRAME | I experimented with a timeline for Wayfinder's story, which the player could fill in and expand as they completed quests and discovered lore snippets around the game world.

TIMELINE NODE WIREFRAME | Different nodes on the timeline could include cinematics, NPC dialog, lore entries, and more.

TIMELINE NODE WIREFRAME | Different nodes on the timeline could include cinematics, NPC dialog, lore entries, and more.

CREATURE ENTRIES WIREFRAME | As players discovered or fought new creatures, they could unlock bestiary entries on them. This would help players know which creatures dropped valuable items, where they could be found, and find useful combat tips or lor

CREATURE ENTRIES WIREFRAME | As players discovered or fought new creatures, they could unlock bestiary entries on them. This would help players know which creatures dropped valuable items, where they could be found, and find useful combat tips or lore details.

MODEL VIEWER WIREFRAME | We wanted to give all creatures, NPCs, weapons and other 3D items a chance to shine with a universal model viewer. The Airship artists created a ton of incredible 3D models, and it was only right to try and highlight them!

MODEL VIEWER WIREFRAME | We wanted to give all creatures, NPCs, weapons and other 3D items a chance to shine with a universal model viewer. The Airship artists created a ton of incredible 3D models, and it was only right to try and highlight them!

When I joined Airship Syndicate in 2023, Wayfinder was an evolving MMO action-RPG that was undergoing a major update to its UX and UI. My early focus was improving the user experience by standardizing the look and feel of the game’s menus while supporting new features. My initial responsibilities included:

  • Creating a new style guide to support a cohesive player experience

  • Wireframing new and updated menus in Figma/Adobe XD

  • Implementing menu and HUD elements in Unreal

Later in development, Wayfinder was redesigned as a single-player/co-operative adventure, which required significant changes to our menus and interface. With the new direction for the game, I was tasked with additional objectives:

  • Improving our navigation experience with new map features and quest tracking

  • Implemented changes to our text sizing and layout to prepare for Steam Deck verification

  • Collaborated with our Technical Designer to improve our UI blueprints and improve the functionality of the interface across the game

Background art by: Jasmin Habezai-Fekri