top of page

Colleen Nachtrieb

Creative Director/UX Director

Wireframe Samples

Below are a few examples of wireframes of UI game systems I have designed and later created interactive prototypes of for grey box testing. After testing and vetting these interactions with players and the dev team, I would implement the flows and layouts using grey box UI in the appropriate engine. Once satisfied with the tested results I continue on to high fidelity mockups of the designs using the UI style guide.

STT Event Wireframe

STT Event Wireframe

SocialOverviewWireframe

SocialOverviewWireframe

Wireframe Player Profile

Part of a Wireframe breakdown of a player profile screen for a generic UI System.

Wireframe GuildHall

Wireframe GuildHall

Part of a Wireframe breakdown of the guild system screens for a generic UI System.

Wireframe Leaderboards

Wireframe Leaderboards

Part of a Wireframe breakdown of a leaderboard screen for a generic UI System.

Wireframe Chat

Wireframe Chat

Part of a Wireframe breakdown of chat screens in a generic UI System.

Wireframe Mail

Wireframe Mail

Part of a Wireframe breakdown of a mail attachment flow screens for a generic UI System.

ProgressionHUD_Design.jpg

Wire-frame and concept idea for HUD improvements in LEGO Universe.

PanelOpen.jpg

Wire-frame and UI flow work for a fusion crafting UI in LEGO Universe.

bottom of page