Above: I was assigned and challenged by 4i Mobile Applications to create a practical application for use with the Apple iphone. The criteria was an app that by design needed to “solve a problem” or improve the users life (to a certain degree).
As a result I decided to address one of my favorite products of all time, Netflix. This example was an exercise to demonstrate, the understanding of UX and practical, functional design theory.
In this example I utilized a theoretical Netflix API to create a integrated app and browser remote, making it far easier to navigate browser based Netflix as well as offer a ton of additional features, predominantly “defined search criteria” as well as special category options, on the fly rating and browse by film star rating.
Mockups: The design required a few basic wire-frames (seen above) to ensure a smooth UX, which I created in Inkscape as part of my rapid wire-frame kit.
Polish: Aesthetically I decided to run with a modern flat UI, featuring a few subtle skeuomorphic elements, the design includes elegant long drop 5 o’ clock shadows to add some depth to the overall look and feel. The base of the control surface features a subtle matte “rubberized texture” look, to further enhance the overall skeuomorphic appearance.
I decided to stick with a flatter variation of the previously see red that was featured as part of Netflix’s previous corporate ID (before Netflix updated their CID mid 2014).
Above: The original BitX website.
I was contracted by the team from BitX to supply them a visual design, UI and web design upgrade for their upcoming product, BitX (A crypto-currency distribution platform)
Shown below: is the new BitX website and UI design, staying true to the original concept but given a much needed visual upgrade. The client requested the site be formal, slightly conservative yet, still remain fun and fresh.
After fleshing out the clients needs and requirements we settled on a rendition of a modern flat look/feel. The main focus was to keep the site clean, sleek and as minimal as possible.
Above: Flat visual design elements to bring life and colour to the site.
View the new BitX website here
Welcome to the work of Visual Design Director Zoe Love. Why not browse her exceedingly popular collection of UI Designs, or visit our Online Store to purchase custom colour palettes, vectors and more!
Additionally, if you are in search of a highly experience designer to elevate your next creative project, then Zoe will be delighted to assist you!
Get a quote
Above: Metro/flat UI design for Everlytic (here comes a mouthful) a mass email campaign and online marketing, CMS style, web based application. The design is influenced by fundamental layouts featured in CMS systems like WordPress and Squarespace.
View Everlytic’s website for more details.
Above: Flat widget design – Metro Style UI Design for iphone/iOS
Above: XBOX Marketplace Concept – Metro Style UI Design for Apple iphone/iOS
Above: XBOX Marketplace Concept – Metro Style UI Design for Nokia Lumia 520. I spent some time creating the skeuomorphic Nokia Lumia 520 vectors (both black and white) as I felt it was the most suitable device to display the UI’s on due to its streamlined simplistic architecture. I might release the vectors for download at some point this year, or early next year.
Above: Unofficial XBOX Marketplace concept – Metro Style UI Design for both Windows 8 Phone and iphone/iOS
NB: Not actual prices, price tags are merely placeholders for proof of concept. Not available on app store.