BMSvision x Connect
Product design, design system
Bringing 40+ years of experience of multiple legacy software into one cloud-based browser application, starting from scratch by building an extensive design system with some well thought user flows/templates.
Starting from scratch. Getting to know the ins and outs on how to set up a design system, creating user flows and improving communication between design, development and stakeholders.
As I am the only in house designer and this project is the beginning and introduction of a design culture, I have the honor to work with two experienced designer from Little Miss Robot whom I’m working with on a daily basis.
Research, UI/UX design,
Design system, User flows, Communication w/ stakeholders, Prototyping, Mockups, ...
Connect wasn't feeling like a cohesive and fluent application. At certain points users would get lost and couldn’t keep track on what they were doing. The look and feel of Connect leant too much to the main company branding and would feel off if all the different cluster companies would start using and distributing Connect among their clients.
The first months was mostly scanning the current application, understanding the industry and unraveling all the frustrations of BMSvision. The (neutral) branding was mostly done by the designers of Little Miss Robot. The base of our components for the design system come from Google Material Design and are tweaked to the needs of Connect. Connect was build from 'the outside to the inside', meaning that navigation was a top priority as this was also one of the biggest frustrations from BMS.
Connect is also a data heavy application where the user wants to see and control as much data as they want. This became the birth of densities and 'view headers'. The view header allows the user to manage, edit, filter and control the layout of any list, grid and timeline and save it as their own 'view'.
The third big 'block' were the editors as our users are creating and managing lots of resources. Creating a clear hierarchy and always knowing where you are in the process where the main takeaways here as things tend to get complicated.
The design system is in a stable state with most of the components approved by the product owners. The core building blocks are designed, now it's time to add the proper functionalities to turn Connect in the go-to MES application. Currently we are designing things like a planning board, monitoring tools, plastic editors, an event board and so much more.
Resume