Ray Kuo

Magazine Publishers Association
Image Centre Group
UI/UX Designer and Front-end developer


The MPA is pursuing a communications strategy that articulates to the market that there is more to magazine media than print. In fact, the MPA has recently adapted the definition of a magazine and membership criteria that recognises digital only manifestations of the medium.

The metrics that support this message have never been brought together into a single framework or home. Magazine 360° is both a strategic device that supports this message as well as a practical tool that will enable MPA members, advertisers and agencies to access and export this data in usable formats.

m360 homepage mockup

My responsibility and commitment

  • UX wireframing
  • UI design mockup
  • Prototyping
  • Front-end development
  • Umbraco CMS integration
  • Browser testing
  • user testing
  • Working with multiple stakeholders

m360 compare chart mockup

Feature highlights

  • Data charts
  • Data export
  • Custom admin panel
  • Responsive design
  • Animated transitions

Technology used


HTML5, SCSS, jquery, javascript

UI/UX Design

Sketch, Photoshop, Invision, UXPin


Gulp, Git

m360 homepage responsive mockup

m360 insights responsive mockup