Case: eMagiz, a Paas platform for messaging solution, allows business engineers to create mapping between 2 messages.

Requirement: eMagiz want to have a message mapper which visualizes messages by tree structure and easy maps these trees’ items by drag/drop.


  • represent message by tree structure
  • drag/drop between 2 trees to create mapping rules
  • filter, folding funtionalities for the tree

Message mapping

Design in action