Jannie WangGAME DESIGNER
/
Space Traveler game artwork
← All projects

Science-fiction adventure concept

Space Traveler

A holographic interface for stories across planets.

My workPortfolioPlay the prototype
↓

OVERVIEW

Play the prototype Project details ↓

Space Traveler is a PC adventure concept about gathering stories across planets. I designed a cyan holographic interface with stable navigation, crisp outlines and beveled panels that keep the game world visible.

MY ROLEUI designer

Stable navigation and clear next actions across a sci-fi adventure.

Main menu.
Separate planet-details screen.
Title screen with the Enter prompt.
Main menu with six labeled functions.
Planet details and LAND action.
Inventory layout.
Guardian dialogue layout.

MY CONTRIBUTIONS

The planet-details view puts exploration and mission progress beside LAND.

Menu & planet navigation

Organized the main-menu functions and the separate planet-details progress/landing view.

See the design details ↓
Final inventory: selected-object details beside the category tabs and grid.

Inventory structure

Kept selection details and categorized item browsing together from wireframe to final UI.

See the design details ↓
The permission request and the player’s two response choices.

Dialogue & UI language

Connected the permission request to an inventory object and built a shared cyan UI kit.

See the design details ↓

01 / MENU & PLANET DETAILS

The main menu and landing page support different decisions.

The main menu places six labeled functions around the current planet and shows overall progress below it. The separate planet-details screen places exploration and mission progress beside LAND. I kept the planet at the center of both compositions while giving each screen the information needed for its next action.

Main menu: six functions surround the planet; overall progress appears underneath.
Planet-details screen: exploration and mission information appear next to LAND.

02 / INVENTORY STRUCTURE

The wireframe and final inventory keep the same two regions.

Category tabs sit above the item grid on the right. The left detail panel keeps the selected object’s illustration, name and description visible. The wireframe and final UI preserve these regions; color and beveled edges add visual hierarchy without moving the browsing structure.

Wireframe: selected-object details at left, categories and item grid at right.
Final inventory: Factory Permission is selected in the same two-region layout.

03 / DIALOGUE & OBJECTIVES

The guardian’s request points toward a permission item.

The guardian says the player needs permission to enter. The replies let the player show a permission or decide to find one. In the inventory, Factory Permission names the corresponding object. This connects the dialogue request to an item the player can look for; the screenshots below show the dialogue and item view together.

Dialogue: the guardian requests permission and offers show/find responses.
Inventory: the corresponding object is named Factory Permission.

04 / HOLOGRAPHIC UI KIT

Bright outlines mark actions; dark panels hold information.

The UI kit uses bright cyan outlines for buttons and recognizable icons for navigation. Shared beveled corners connect LAND, the back button and information panels. Dark fills separate text areas from the scene while the cyan edges keep panel boundaries visible.

UI kit examples: LAND and back buttons, navigation icons, beveled panels and the shared palette.

PROJECT DETAILS

Role
UI designer
Project
PC adventure concept
Focus
Navigation & inventory
Style
Cyan holographic
View the original portfolio pages2 pages
Portfolio page 17
Portfolio page 18
Open the complete portfolio PDF
← RETURN TO PORTFOLIOVoices from the CornerNEXT PROJECTVoices from the Corner
Arrow keys to browse · Esc to close