The original Juju GUI was designed over a 2 and half year period, complex features have been added throughout that time which the original wasn't designed for. We decided to start a vision project and define a new direction and approach that would make the GUI easier to use, more accessible and future proof. I lead a week long workshop to explore new ideas and define new design principles which we carried on exploring further over the next few weeks to create the new Juju GUI.
Write your story here. (Optional)
The inspector is an integral part of the GUI, originally a fairly simple input/output device, however it's grown considerably over the course of the project which has made it much more complex. Part of the problem was the multitude of different inputs and notifications (text links, grey notifications, status notifications, black buttons, grey buttons, orange buttons, accordions, switches, etc) that the user had to understand and interact with. Another key aim was to make Juju accessible on mobile devices and the Inspector was the most integral part of that experience, with this in mind we designed a new mobile friendly inspector with minimal types of interaction to reduce the users cognitive load.
The canvas is one of my most beloved aspects of Juju, I've always wanted to get my teeth into it, part of the project was to explore how we could improve it. Something that was apparent was that as people were building more and more complex applications our original take on status and health was misguided. We aimed to simplify the visual language by removing green completely and only notifying the user if there is something wrong using a new bold colour palette and reducing the complexity of the design. I also specced out animations to help make the canvas more playful and intuitive.
The new colour palette is based off of solarised, a palette common among developers for its high contrast ratios for both dark and light colour schemes. We first used solarised in our designs but throughout use and testing we found that the accent colours weren't vibrant enough, we eventually created our own palette with bolder accents which work better in throughout the GUI.
© 2026 Luca Paulina
.jpeg?auto=webp)
.jpeg?auto=webp)
.jpeg?auto=webp)
.jpeg?auto=webp)
.jpeg?auto=webp)
.jpeg?auto=webp)
.jpeg?auto=webp)
.jpeg?auto=webp)
.jpeg?auto=webp)
.jpeg?auto=webp)
.jpeg?auto=webp)
.jpeg?auto=webp)
.jpeg?auto=webp)
.jpeg?auto=webp)
.jpeg?auto=webp)
.jpeg?auto=webp)
.jpeg?auto=webp)
.jpeg?auto=webp)
.jpeg?auto=webp)
.jpeg?auto=webp)
.jpeg?auto=webp)
.jpeg?auto=webp)
.jpeg?auto=webp)
/1x.jpeg?auto=webp)
/1x.jpeg?auto=webp)
/1x.jpeg?auto=webp)
/1x.jpeg?auto=webp)
/1x.jpeg?auto=webp)
/1x.jpeg?auto=webp)
/1x.jpeg?auto=webp)
/1x.jpeg?auto=webp)