Kinect Sports Rivals

In 2013 I was hired by Rare and worked on various elements of Kinect Sports Rivals for Xbox One. The game changed a lot while I was there and continued to evolve well after I left. This art mostly represents development between March and pre-Gamescom 2013.

Sections-

– Hub
– Rainbow Graph
– Storefronts
– Photobooth Backgrounds
– Postgame Results
– Iconography
– ‘Toasts’

 -Hub

Encompassing approximately 40 screens, representing everything from the character customiser and in-game shops to the photobooth and user stats page, developing the visuals for the ‘hub’ was my biggest task on KSR.

hub smHere’s some examples from the customiser flow.  (A couple of them have elements which are ‘off’, such as the yellow background on ‘colour:primary’ and darker navbar on ‘facial hair’. Some of the tweaks were so subtle by the end that when I was saving out examples for uploading here I grabbed the wrong ones, doh!)

WP_20130525_004

The emphasis while working on these screens was an intense push towards attention to detail, which eventually led to myself and my producer obsessing over pixel perfection, both in terms of actual pixels and responding to the dot-matrix grid based art style. It sounds like a nightmare, especially when we needed to change things and adapt to changes handed to us- but the team spirit of it on our end all made it actually kinda fun. Phew!

Grid_v8

z Screenflow development smHere you can see an example of how the screens developed. Originally we were using buttons and backdrops from an earlier set of concepts, which involved a 3D animated background. Eventually we started to push away from those towards the calmer blue backdrop and less ‘shiny’ buttons, with interchangeable sizes for more flexibility. Super subtle, but it all builds up!

-Rainbow Graph

rainbow smOne of the things we had a lot of was statistical information. We got bored of the regular X/Y axis kinda graph and decided to try something a little more visually interesting to show a meta view of the metagame data. This started as a hexagon radar-ish graph and cumulative bar, but even after a few iterations it was still all too jumbled and confusing. Rainbows were a bit of a running theme within our small team, so I thought, why not make that into a graph? I don’t know if the screen makes much more sense to an outside observer, but it sure looked cleaner than the hexagon.

-Storefronts

One of my favourite tasks was developing the look/feel of the store fronts. These were based on the tastes of certain members of the team, and each sold differently themed objects and items, from hyper-modern to retro kistch.

Hyper Threads sm Inventory 1 Inventory 2sm Epic Loot 01sm Epic Loot 02 Epic Loot 03 SHRE 01 SHRE 02

-Photobooth Backgrounds

Photobooth backgrounds were also great fun to work on :). A couple of us pitched thumbnails and the best ideas were chosen to be developed by various members of the concept team.

PB BG Ultratechsm PB BG blastsm The thinking behind my thumbnails was to create fun environments in which players could avateer in order to pretend to interact with the characters or scenario.

thumbs

-Postgame Results

I was also responsible for concepting the initial postgame results flow, or ‘that bit after the game is over where you get money and XP’ in laymans terms. The original wireframe was a little more subtle, with not much information per screen, a little text, perhaps a picture of a Tshirt. This simply would not do! We need drama! Celebration! Lens flares! Sparkles! Bouncing cube things! Confetti! Googly eyes! GOOGLY EYES EVERYWHERE.

z Postgame ResultsThis was the PGR flow at its juiciest and least grid-aligned, I toned it down a little over the next couple of passes for technical reasons – but I think this version of it was my favourite :)

-Iconography

One of the first things I was tasked with when I joined Rare was iconography. Fresh off’ve the epic icon spirit-journey which was Rome2 I was a little hesitant at first, but KSR iconography presented me with the chance to inject a little fun and action into the proceedings.

powerupsMy first few passes on power ups were more symbol-based.

Power Up v4The power ups weren’t set in stone at this point, so I also tried to a more ‘shape language’ based system.

I also looked at ‘accolades’ and badges which would be earned as a player levels up.

AccoladesAccolades 2 5x ProgressionFinally, a few customiser icon edits ( Which are probably the only things I did which made it into the final game!)

z Head& Body iCONS extended

-‘Toasts’

‘Toasts’ are those lil things which pop out when you pull a mean trick or do something generally considered cool, aww yeah. I mocked a fair few of these up, including some versions which would kinda float around your characters head, and others which related to achievements.

side redflag multi icon1 power up subtle toasts badges

And Finally…

Phew, what a trek! To cap it off, have a golden Wake Racer, you deserve it.

Jetski gold3

 

 

One thought on “Kinect Sports Rivals

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s