UX Design Showreel Teaser. Full version coming soon (maybe).
Music by Thismanslife - "Give Me Contrast"
Sequenced visuals of a data visualisation explorer illustrating interations, transitions and overall experience flow across key states of the interface.
Matrix is Morgan Stanley’s Fixed Income trading platform, providing their clients with access to live streaming prices, research, trade ideas and commentaries, analytics tools and the ability to trade directly from their desktops - all in a single, integrated application.
Working on-site at their offices in Canary Wharf, London, I was part of the original team who defined the UX and personally created the visual design of the UI.
During my 2+ years on the project, I co-led the UX team and worked hands-on as an interface designer. I defined and owned the visual design, interaction patterns, and the overall experience of the application. It was a privilage to work with a fantastic, talented team, and am proud to have been part of building a multiple award winning application, one of the largest Adobe Flex projects ever undertaken.
Demo application I designed in 2007 at Adobe to showcase ideas for reimagining online banking. I created the visual design of the application UI, as well as working with talented IA Richard Toplis on initial concepts & ideas. I personally defined the visual style, choreography (animation), interactions and ultimately my role was overall hands-on production of visuals. The demo was built by the genius Jérôme Cordiez.
The video which shows a walk through of the entire demo was produced and published by Adobe evangelist, Michaël Chaize. More of Michaël's videos are available here. There is an English language video available, which also demonstrates a mobile version of the application, available here, however I was only responsible for the design of the browser based desktop application.
So you need a video to fit in your responsive layout but don't know how to get it scaling in proportion? This simple tool calculates an intrinsic ratio and generates code to make your videos scale responsively with simple CSS.
A simple interactive experiment with responsive design techniques. Each device illustration is rendered using the same basic HTML which adapts its appearance to the changing viewport size.
A simple interactive experiment with responsive design techniques and a call for new tooling.
Mac OSX dashboard widget, which given any number, will calculate the corresponding number according to the golden ratio. Nice, eh? Oh, and it’s FREE.
James Mellers, possibly the most handsome man on the planet
With 18 years experience in the industry, I have broad knowledge and practical abilities across the spectrum of digital design. From creative-thinking, envisioning and conception of ideas, to hands-on design production and project delivery. From overall experience architecture to interaction details. I use design to translate ideas from concept into reality. Notable background experience in financial and banking sectors, including design leadership of a large scale, award winning trading platform for a global investment bank.
I design interfaces for web, desktop and mobile devices, with my primary skills including interface wireframing, visual design, interaction design and choreography. I also enjoy prototyping in code, tweaking nuances of animation and obsessing over details.
Feel free to get in touch.
I've used thismanslife as a URL and online pseudonym since the turn of the century, when I held this corner of the web for personal publishing, micro-blogging back before the days of Twitter and such. Over time it evolved into a place to publish personal work; design, illustration and photography.
Today, this site acts as both a portfolio and a digital dumping ground for things I make, photos I take and CSS rules I break.
An Englishman in Scotland, living beside the seaside with my family and our awesome dog. I like music, films and taking photos, mostly of the beach, my dog, or my dog on the beach.
You should follow @thismanslife on Twitter.