![](https://cdn.myportfolio.com/6bd1eee4c722904ed166e3a29f5fb8f8/e7fdabfccfc63cd1bcdbe6f7_rw_1920.jpg?h=b48f3568dcbd79c2b379acf3d041277b)
OVERVIEW
Render is a Cloud Based Project management software for network Infrastructure rollouts.
It automates and optimises the entire rollout from a detailed design used as input
![](https://cdn.myportfolio.com/6bd1eee4c722904ed166e3a29f5fb8f8/d0fde81cff4237191d835449_rw_1920.png?h=daf64de7ee26789cdf39ad3d877f8c03)
PROBLEM
Render needed a tool to satisfy a broad target audience, from high level politicians and managers to field workers.
![](https://cdn.myportfolio.com/6bd1eee4c722904ed166e3a29f5fb8f8/ea4bce641851868e2e5e2fd9_rw_1920.png?h=d5a0bef274d814852df1b5e37f2baf51)
SOLUTION
Beyond responsiveness: A modular approach
A module = 1 column and fits on a mobile phone portrait orientation. They can be stacked, connected to a related module and more visualisations options can be seen by sliding vertically and horizontally. They can also take more than 1 column depending on screen size.
![](https://cdn.myportfolio.com/6bd1eee4c722904ed166e3a29f5fb8f8/963c83a03854336df95d5163_rw_1920.png?h=21fcb3b5030997ea2cc51cc8c5f7596b)
![](https://cdn.myportfolio.com/6bd1eee4c722904ed166e3a29f5fb8f8/3e684a88346ca84ea9ec70c6_rw_1920.png?h=0559f8bb0a6d3dd5f152e7c0eae483eb)
![](https://cdn.myportfolio.com/6bd1eee4c722904ed166e3a29f5fb8f8/3d112da162383ccee22e70bb_rw_1920.png?h=0924ed3b4576071687ffaadc02e0847d)
![](https://cdn.myportfolio.com/6bd1eee4c722904ed166e3a29f5fb8f8/4d6c55e425b0f355a970bd49_rw_1920.png?h=8b60b67b0b9a3f2f76ff83df97fa6028)
![](https://cdn.myportfolio.com/6bd1eee4c722904ed166e3a29f5fb8f8/eb17339b51d14ced376fb202_rw_1920.png?h=2ab3d1bcc2c73521f179ba23bf984139)
DESIGN PROCESS
Common Library elements for all user types
![](https://cdn.myportfolio.com/6bd1eee4c722904ed166e3a29f5fb8f8/4681669a7eb91ff9120edba0_rw_1920.jpg?h=2a258573d9a97baa3ab213800f8a6f76)
![](https://cdn.myportfolio.com/6bd1eee4c722904ed166e3a29f5fb8f8/99653819d982fef8d2ec0ca4_rw_1920.jpg?h=9aadb61dcc71eeed23248f8e8d2304a4)
![](https://cdn.myportfolio.com/6bd1eee4c722904ed166e3a29f5fb8f8/f907ff435cd2f84c3c1ecfb2_rw_1920.jpg?h=d99b60a7e2604535f343d5e1c2e1819b)
![](https://cdn.myportfolio.com/6bd1eee4c722904ed166e3a29f5fb8f8/5a7b0ab2f1b4b6213797cb58_rw_1920.jpg?h=9848bf69b9d589da51875bae07794b85)
![](https://cdn.myportfolio.com/6bd1eee4c722904ed166e3a29f5fb8f8/9cec5a3cad78398d4110b7a5_rw_1920.jpg?h=5e1ed02ccabbe52805aa17479d48a418)
![](https://cdn.myportfolio.com/6bd1eee4c722904ed166e3a29f5fb8f8/f650740c2e5b7baf16bf79f7_rw_1920.jpg?h=098949c327eed1c88c3151ac912e69a5)