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.

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

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

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

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

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

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

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

Colleen Nachtrieb

Creative Director/UX Director

Wireframe Samples

PanelOpen.jpg