Nomad: Infoboxes to Properties Panel
Domino Designer used small boxes to manipulate the items within the app. The infoboxes were developer built, with extra controls being tacked on adhoc. This project was done in stages, first aiming to systematically convert the infoboxes into the new properties panel
Starting point
Painpoints
![](https://framerusercontent.com/images/WmpIl9YDc2VZulDdDtqkTpXxkY.png)
Controls were inconsistent, often following different patterns as other boxes that manipulated the same property.
Infoboxes floated on top of Domino Designer in a separate window, and were easy to loose track of.
Infoboxes were very small and could not be resized, causing issues for the primarily older demographic of users.
Controls were extremely outdated and hard to understand. Many had no apparent effect on the canvas.
Technical Constraints
![](https://framerusercontent.com/images/WmpIl9YDc2VZulDdDtqkTpXxkY.png)
There were over 200 individual boxes, and over 40 contexts in which they could be shown. It was not feasible to touch each individually.
Moving controls out of their tab was a heavy development lift and often caused bugs elsewhere.
The lack of consistency in controls made forming a systematic translation to modern react components a challenge.
Backwards compatibility with the old client meant I couldn't change the underlying effect a control had.