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
press to zoom
SocialOverviewWireframe
SocialOverviewWireframe
press to zoom
Wireframe Player Profile
Wireframe Player Profile

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

press to zoom
Wireframe GuildHall
Wireframe GuildHall

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

press to zoom
Wireframe Leaderboards
Wireframe Leaderboards

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

press to zoom
Wireframe Chat
Wireframe Chat

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

press to zoom
Wireframe Mail
Wireframe Mail

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

press to zoom
ProgressionHUD_Design.jpg
ProgressionHUD_Design.jpg

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

press to zoom
PanelOpen.jpg
PanelOpen.jpg

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

press to zoom