Most of the assets were created in Illustrator including the blueprint (1), the 2D and 3D rockets (2), and the devices and charts. The final 3D rocket (4) was created in 3D Max. A colour palette (3) was created using hues based on the corporate blue with a complimentary orange.
Sequential sprite for 3D rocket, output from 3D Max into Photoshop for final processing.
To communicate how the animation should work to the front end developers, detailed storyboards were created for both desktop and mobile.
The version developed for mobile devices animates vertically. The rocket appears to move upward while devices and other elements cascade downwards.
See it working here.
A contemporary UI was designed for Marmalade’s 2D Kit Editor software product. Download.
The has a familiar look and feel and a set of features to allow designers to quickly get up and running with the software. The software has games design application features and familiar 2D design tools to create UI layouts and animations.
Sketches of the “Animation” and “Object Inspector” panels
A UI document was created as a reference for stakeholders and the development team. See Part 1 and Part 2.
See the prototype created in Axure
Website style document
For the Marmalade Technologies website a hi-fi prototype was created using Axure. The website is adaptive and these features were used in Axure using breakpoints. The prototype was used by the development team to create the website. See the prototype here.
The Last Word is an exciting new computer game being developed by Fourth State. It is set inside a diary and sees players solving a variety of puzzles using the words on each page.
Character art is a relatively new area for me that I’m hoping to develop further. These three are alternative options in development for a made up brief: a female assassin called Claudia Mille, a cynical hero archetype.
This was a concept that was submitted for the game studio website. It uses an airship as a graphical device to lead viewers through the content. A parallax effect was to be used with the clouds in the background, the airship in the mid ground and the text in the foreground.
A walkthrough of the initial concept for desktop is here in .pdf format. An alternative are here. Wireframes for the mobile version is here
The thermostat was created as a quick concept app to show what the 2D Editor could do. The design and development continues…