design project: champions

data comprehension & transferrance
The data in these tables represent the physical and social combat statistics of a playable character in a Table Top Roleplaying Game
I was tasked with transferring the data from both spreadsheets into a format that was easier to comprehend, as well as more appealing to look at.

When deciding the basic colour scheme for this project, I collected information about the character first, in order to reflect her personality in the final presentation.
I also gathered information about the game’s general aesthetic and thought about how to apply both of these factors to the overall design.
To start off, I took both sides of the spreadsheet and separated them into two pages, deciding which pieces of information would be most relevant on each.
Since the “attribute” information could be applied both inside and outside of physical combat, I decided it would be best to have this represented on the characters “civilian” page, as it would be easier to find and navigate from there.
Civilian vs Champion


Similarly, as the bonuses awarded from personal traits can be applied both inside and outside of combat, I again felt this was appropriate to list on the characters “civilian” page to make it easier to find.
civilian art of the character
Civilian vs champion

I decided what information would be best compiled onto each page by their relevance. As the “hero version” of the character has a separate pool of health, I felt it was appropriate to make an additional box for it on the “hero version” of the page.

combat version art of the character
As the game’s general aesthetic is retro-futurism, I researched the user interfaces of retro fighting games like Street Fighter, Metal Slug, and Tekken for ideas on how to shape the info boxes.
Attacks are made in-game by expending resources called “power points”, and as the characters gain their powers after discovering star fragments, I felt it was appropriate to represent the cost of special moves via a star-like diamond icon beneath the numerical cost.
Each character in the game is granted control over an earthly element, giving either a resistance or weakness to a different element.
As each character is also represented by a colour, I thought it would be affective to portray this weakness or resistance by highlighting them in those characters’ representative colours.
designing a cover
I wanted the cover for this characters information sheet to be reflective of her personality in order to connect to her beyond just game statistics and numbers.
As a girl obsessed with beauty and social standing, I felt a tiara was appropriate iconography to reflect this.
Similarly, I felt a hand-written declaration of “teen princess” in calligraphy would also be affective in representing this part of her personality.
After experimenting with crosshatching and a metallic washi tape, I realised that there was too much black being used, and that overall the design wasn’t reflective of the characters personality and general aesthetic.
The final version of the cover has a more scrapbook-esque feel to it, and utilises notebook lined paper to add an additional feeling of authenticity.


graphic design examples
When hired by Highlander Games, I was tasked with giving their social media and website a fresh new look that was more professional than the one they felt they had at the time.
After playing around with different designs and aesthetics, I settled finally on using a simple colour scheme of white, blue and shades of grey, as those are the colours used in the store’s own logo.
Knowing that this format was going to be uniform across different product advertisements, I wanted to lower the risk of clashing colours. Still, I added a flash of desaturated magenta for a pop of colour to contrast the rest of the design..
I also settled on using basic geometric designs and simple, bold typography for displaying information.





business cards
After a business expansion, the store opened a cafe.
and I was asked to design business cards and menus.
The inspiration for the cafe’s design was Lord of the Rings, as well as other fantasy-like settings. I went with a basic, forest-inspired colour scheme for the business cards, as it reflected the cafe’s interior effectively.
The backside of the business card had a QR code that led to the cafe’s menu for personal, mobile browsing.
menus
The cafe expansion was to allow for additional space so that customers looking to play board games could do so in a more relaxed environment.
As the most popular board game played at the store was Dungeons and Dragons, I felt it was appropriate to include a geometric outline of a 20 sided die - an integral part of the game itself.
Again, keeping the colour scheme fairly basic, I used gold as an accent colour to make vital information pop. I chose gold for this as the interior details of the cafe itself had gold accents.