Nitro Template
Nitro is a premium Framer template for designers with an advanced layout and a ton of little big details to catch the visitor. With more than 200 copies sold, it remains one of the most successful templates on a market.
We tried to organise ourselves as efficiently as possible and using the contacts of the stakeholders we interviewed users in order to better understand their needs and way of working. We analysed the competitors on the market from different segments and we tried to learn as much as possible from what they do to see how our product compares to the market.
Visual Design
Based on the user flows and wireframes that I have been created I moved on to designing the user interface.
The visual design has been done based on the feedback that I gathered and after I got aligned with the development team on how they could implement the required features and interactions.
I designed with a clear idea in my mind — keep it simple and deliver a clean interface that is easy to be understood by the user.
As I previously said, one of the main features of our product was the workflows designer. The users will be able to create here all its workflow logic, they will need to configure the action nodes and also validate and fix any errors that could appear. I divided the screen in 4 main parts — toolbar panel where the action nodes will be presented, topbar which has some process details etc, the properties panel which is specific for any action node and the interactive canvas for designing the workflow and creating connections between action nodes.
