Iteration of Final Design

Another iteration of the final design I came up with in the last day or so, just trying to clean things up and place the users focus where it should be - the scoreboard and icons - rather than where it seemed to stray before - the hard-colour border, which proved very distracting. Below are mockups in the Corbett colours (which has become my default test environment), as well as the Donald and Graham colours. Overall, this design also moodier, befitting of the medieval clan-warfare theme.

Corbett colours

Donald colours

Graham colours

Finalising Design and Layout

Prior to developing the example section of the app, I finalised some of the principle design elements. These are shown below, along with the final mockup of the main "page," from which graphical elements were drawn for the functional example. Note in the examples that I've decided to pare down the number of clans from six to five - this was as much a visual design decision as it was functional. Six was beginning to feel a little too unwieldy, both visually and mechanically. Five feels like a better, more streamlined number, and ensures colour schemes don't get repeated - each remains clear and distinct from the others.

another sketch of the main page layout

exploring clan colours and imagery - figuring out emblems and heraldry

design for the icon linking to the mountains page

mockup of main "page" using the Corbett colours - these design elements made their way into the functional example