Modelon Impact - UI/UX Design

Martin Malmheden

UX Designer
Design Systems
UI Designer
Figma
Microsoft Office 365
Sketch
Modelon

Overview

Impact is simulation-specialist-turned-product-company Modelon's flagship simulation platform. The web-based platform acts both as a model editing environment, an execution platform and an analysis tool. It is used to make virtual prototypes of real products with hundreds of thousands physical equations. Data visualization is used to draw conclusions, make design choices and refine products.
Electrical vehicle system in Impact
Electrical vehicle system in Impact

The assignment

The assignment was to design the full user interface of the platform from scratch, making sure that usability is at the core of the application. Simulation platforms are generally complex to use and users need significant training. Usability and user experience was thus a priority to make Modelon Impact a next generation simulation tool. The project went on during 4.5 years.
Responsibilities:
Strategic UX work
UI / UX Design
Day to day interaction with developers
User feedback and testing
Key deliverables:
User interviews
Personas
UX Architecture
Low fidelity design mockups / wireframes
High fidelity design mockups
Clickable prototypes

Strategic UX work

I worked closely with the Product Management team, contributing to the product definition and creating wireframes and mockups. These assets were used for strategic discussions with stakeholders and design iterations with the development teams.

Martin's UX expertise combined with a background in engineering made him well-equipped to tackle and solve our complex design problems -Johan Windahl, Product Manager Modelon Impact

UI/UX Design

I was responsible for the overall user experience of the application, ensuring complex engineering workflows were intuitive and straightforward. The work was done in a SCRUM environment and I was involved in both early phase conceptual explorations as well as in creating the final design for user stories, from design principles, personas and high level application structure to nitty gritty details of specific parts of the application. I continuously participated in and supported design discussions with different stakeholders ensuring a consistent and top notch user experience.
As the application and team grew, a design system was created in Figma to support the organization going forward.

Day to day interaction with developers

Continuous daily interaction with the frontend developers was a substantial part of the work I did with Modelon Impact. Tasks ranged from producing wireframes for early stage design discussions to making pixel-perfect mockups for development stories and working shoulder-to-shoulder in dev tools to help nail down the implementation. Always being available for discussions and support was highly appreciated among the development team.

Martin was very easy to work with and was always open to suggestions from the team. I'm hoping to get to work with him again in the future, and I can wholeheartedly recommend him. - Magnus Ferm, Full-stack developer

User feedback and testing

In order to make a leap in terms of user experience, creating the next generation simulation and modeling platform, users were involved from the start throughout the project. Several early adopter companies were closely involved in the design and implementation process and I handled most of this communication. I helped out with interviews, workshops, evaluation of prototypes and user testing.

Design system

Style guide
Style guide
Modals
Modals
Right hand side details panel
Right hand side details panel

User interface

Fluid system in Modelon Impact
Fluid system in Modelon Impact
Electrical vehicle system in Modelon Impact
Electrical vehicle system in Modelon Impact
Partner With Martin
View Services

More Projects by Martin