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
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
ProgressionHUD_Design.jpg

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

PanelOpen.jpg
PanelOpen.jpg

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