I helped a booming startup in the hotel industry switch to a mobile-first approach of their product. Check how hotels can make custom mobile apps for their guests.
MAN Energy Solutions connects all their engines to a cloud environment which leads to new possibilities in their service offering. Real-time data visualisations of their engine performances can help their clients detect outliers and act upon it. The challenge was: “How might we enable fleet owners to spot and report performance outliers in one of their vessels?”
Track ‘N Tune is an application where fleet owners (people responsible for a ship fleet) can see this data, filter it and request for advice from MAN when outliers are spotted. Fleet owners receive weekly performance overviews in their email and can dig deeper into the data inside the application.
This dashboard UI is made throughout several iterations of sketches, wireframes and an interactive prototype. After my colleagues tested it with customers, several elements of the concept are built into the final product.
My role in this design process was of the UX/UI designer, where I joined the project after the initial research phase was conducted. Below I use the visualization of the Double Diamond to show where in the process certain tools or methods were used, but in reality, the process was more iterative than linear.
After receiving the design brief for this project, my boss (Service Designer) and me (UX/UI Designer) started with initial exploratory ideation with sketches to think freely and stop holding on to the structure of the current product. These sketches included different flows and new ways of visualizing data.
After talking to internal experts in the area, we got a better understanding of how to understand the user insights. From this, we continued ideation and developed some sketches to more concrete concepts.
The final concept we came up with included the idea that fleet owners would be notified about outliers through a weekly email update. Outliers are slight deviations from the ideal performance, so often no immediate action is required. Receiving an overview through email instead of logging into an application could save them for the fleet owners. Internally this email was perceived as a valuable new channel to stay up to date on an on-going basis; ready to test out with customers.
Before transforming the concept into a prototype, the application flow was sketched out and presented internally to align on the expectations. Surprisingly, the flow appeared to be replicable to another monitoring area: powerplants. For this, another mockup has been made parallel to this project.
Wireframes were made to start developing the look of the application and defining the sizes, margins and overall style. After presenting them internally, questions arose if the email update should occur on a time-based interval (ex. weekly) or event-based (ex. when a parameter crosses a threshold). We decided to continue with the time-based interval as there are already systems in place to notify fleet-owners event-based. The wireframes also helped to define which version of certain screens were preferred.
The insights from the wireframes were translated into a clickable prototype made in Sketch and Invision. After several rounds of internal feedback, the prototype was finished and ready to show to customers.
Before transforming the concept into a prototype, the application flow was sketched out and presented internally to align on the expectations. Surprisingly, the flow appeared to be replicable to another monitoring area: powerplants. For this, another mockup has been made parallel to this project.
A selection of Service Design, UX and UI projects.
