Pulsar
Design System and Landing Page
Pulsar
Design System and Landing Page
About
Pulsar is a start-up that sells manufacturing technology for factories and industrial companies. With their state-of-the-art sensors and software their clients get real time data and analytics from their machines and their factories performance.
Challenge
Improve the users’ experience for both public and private platforms. How? By redefining our design system, implementing brand new features to stay up to date with our clients needs and reimagining our Pulsar’s user experience.
Role
Product Designer
Timeline
2024 – Ongoing
Team
Business Analyst, Back-End Development, Customer Success and Front-End Development
Skills
UX Design, UI Design and Design Systems
OVERVIEW
Creating great software for machine data and management in factories.
Redesign of Design System
Even though Pulsar already had a starter design system, the consistency and application of their designs was lacking. It was important to have a cohesive experience as well as flexible and broad components that could be reused.
Benefits of our design system:
- Clear documentation and change log management for each new component or changes.
- QA was made easier.
- Creation of user flows was quicker with a broader design system.
- Iteration with business analysis became streamlined.
- Developers had a final source of truth document as a base for coding on Storybook.
Redesign of Flows
Parallel to updating and adapting our new components from the design system, we took on the task of implementing this new components into reimagined user flows.
We analyzed our users needs with the help of our Customer Success team, by understanding the tickets we created a roadmap and backlog of the most important product features to implement.
Slide with mouse to discover the before and after…
In this image, by sliding, you can see the old version and the new UI. The goal was to have a cleaner version of our production logs table.
The impact of our new components and reimagined user experience.
Some major challenges with these features where finding a good balance between having too much information and keeping it minimal.
We had to keep in mind our users’ needs such as having the necessary information to navigate their day to day job at factories while also understanding a simple view of complex topics.
Because we have different types of users in the same app, we needed to then create customizable features.
I realized that a common problem that the platform experimented was the overload of numbers and data in a single page, this is why we need a redesign of flows expanding information using:
- full screen modals,
- side sheets
- tooltips.
In this way, only the most important information for the general user would be visible and for niche cases, they could see additional info by clicking on “See more” buttons. Having “Detail” pages gave us much more real-estate of screens and space to work with, without having to compromise the usability of the platform.
Before my entry to the company, another problem was also the lack of visual feedback. Because Pulsar is used by operators who interact with the app to fulfill their daily job activities, it’s important to gamify and give the user feedback on the tasks that he’s completing. Without a clean but striking UI, sometimes they got lost in rows and rows of tables, getting drowned by data.
By segmenting sections into boxes with clear titles, call to actions and descriptions, they now had more simple approach to their progress on work orders.
Some wins!
- Became a dual role: QA and designer to accomplish the level of quality we wanted on the designs.
- Learned more of front-end and back-end, specially about releases and how PR's work on GitHub.
- Created a complete and solid design system that migrated nicely from Figma into Storybook.
Some things to improve on…
Because of the fast-evolving nature of a start-up sometimes it was hard to catch up with requirements and time frames. This made UX research very difficult and we had to rely on Customer Success team as well as Zendesk tickets to receive direct feedback from users.
I wish I could have deployed a user research project to get faster and cleaner feedbacks.
