Fable Fortune Deck Building UI

Jenny brewer 005 finaldeckbuilding
Jenny brewer 001 physical prototype

First step was to get some physical cards and start arranging them on my desk, taking note of how I would sort the cards and arrange them.

Jenny brewer 002 whtiebox test

I created a test scene in Autodesk Maya and created some test animations for how the cards could magically move. This was really useful when communicating to the rest of the team my ideas.

Fable Fortune - Early Menu Concept Animations Video

Jenny brewer 003 ux

Next step was to draw up some wireframes to start planning what features we will need and where is best to place them.

Jenny brewer 004 polishedwhitebox

I did some concept tests with basic UI elements in place. There was a lot of iteration at this stage to try and find the best combination of elements and layouts.

I worked as a lead graphic artist on the Fable Fortune project at Lionhead Studios. I was tasked with directing the UI layout and visuals while also communicating the Fable art style to an external development team.

The deck building menu was an interesting task to tackle as I wanted the ability to sort cards and decks to feel as natural as if doing it by hand on a table top.

Once a layout was agreed on within the team, I communicated my ideas to the external developer and created a polished 3D scene with fluid card animations.

Sadly Lionhead Studios came to a close before I could finish my work on the project, but the menu looked as pictured on the left in April 2016.

Publisher: Microsoft
Format: Xbox One and PC
Studio: Flaming Fowl Studios and Mediatonic
Year: 2016

Date
September 6, 2017