charts wireframe & user flow

The plan for the new charts page was to make it more dynamic by including location and tag/genre filtering. In addition to this we were considering intergrating personal user listening charts. Although user charts were for a later iteration, this wireframe needed to workout the overall IA to prepare for the later development work. charts wireframes & user flow

Filtering UI wireframe

Asset Mapping prototype web app for managing buildings, sites or whole cities

Asset Mapping wireframe


Wireframe prototype for Asset Mapping. If you are responsible for a new building development or are in charge of city planning, keeping track of the installation and maintenance of hundreds of security cameras, air conditioning units, lights, etc is a massive juggling act. Asset Mapping is an app that centralises all assets feeds and displays everything on an easy to use map and timeline of repairs.

A mobile or tablet version of the app would help contractors find the right place to fit an asset, and it will be easier to find and repair an asset that needs servicing later.

The app creates a real time secure Google map of the physical assets of new developments or buildings or even cities, such as: security cameras, air conditioning units, etc. The CAD file or plan of the development is given Google map coordinates. The app then links up with real time API feeds of the status and location of all assets in one place.

My main role here was information architecture and to prototype the interface. My approach was to break out a navigation structure by themes, separating the modes of viewing the information (by: list / map / table / time) from the hierarchy of asset information (site / zone / level / asset type ).

It is a very complicated piece of software with lots of moving parts, made simple by use of sorting, filtering and folder style navigation.

See for more information.

Asset Mapping prototype asset geo tracking app


Scrobbler tablet & mobile music app design – wireflows

Wireflows for iPad local playlisting music app
Launch flow and "music moods" playlisting using machine music analysis tags


Wireflows for iPad local playlisting music app
Exploring local music collection with listening data sorting and meta.


Wireflows for iPad local playlisting music app
Profile screen and music listening stats views

Wireflows for the local music library stats and playlists app I’m working on.