.jpg)
Affinity grouping and prioritization of VOC and internal backlog for improvements.
Crafting a modernized user experience:
As part of this process, I delivered a series of product screen designs that effectively communicated Sunbird's unique value proposition to its target audience. I focused on creating a cohesive and intuitive user interface that allowed users to easily navigate and interact with the product. I ensured that the visual design language was consistent throughout the product, which allowed for an easier user experience and helped build trust with the end-users.
Before and after of Sunbird's existing UI construct. This was the 'phase 1' design where we focused on redesigning the existing components and product composition as they were...meaning the compositional layout and size of components remained the same and only inherited new style attributes.
This is one of the core pages of the software, the asset view page, in 'phase 1' UI aesthetic style.
As we moved from phase 1 to phase 2, we elevated and refined the UI of the product to align with the progression of the brand and the product feature-set. The big picture goal of phase 2 was to become THE industry benchmark for product design.
Throughout the entire process, I ensured that human-centered design principles were incorporated into every design decision, and worked with stakeholders to evangelize that design is more than decoration: design is a delicate balance of form and function and when done right it creates a usable, accessible, and aesthetically pleasing experience.
Dashboard (Light Mode - concept) - Here's a conceptual design for the dashboard which was used to explore and align on visual preference with stakeholders. This concept pushed for an entirely new navigation structure and interaction model using a fixed side navigation with secondary/tertiary sections layered into tabs and subsections.
Asset Grid (Light Mode - concept) - for the conceptual phase, we focused on the heaviest trafficked areas of the product. The asset grid is a portal for accessing any asset in the data center and taking associated actions.
In addition, I delivered a holistic design system that allowed our design to scale and create efficiencies for Sunbird's engineering team. This design system included a comprehensive set of design patterns, components, and guidelines that helped the Sunbird team rapidly build new features and maintain consistency across the product. This approach ensured that Sunbird's engineers could focus on delivering a high-quality product experience, while also helping the design team efficiently create new design solutions that met the company's evolving needs.
A snapshot of some primitive elements of the design system.
Dashboard (Light Mode) - here's a mockup of the final dashboard page design in light mode. Some refinements from the conceptual phase included floating fixed side navigation and floating upper action bar, as well as refinements made to the cards within the dashboard to make them more scalable for various use-cases.
Asset Grid (Light Mode) - here's a mockup of the final asset grid. Some refinements from the conceptual phase included creating a solution for reducing redundancy in terms of tab names vs. page titles, as well as balancing the type scale and spacing for the grid so that we could reduce the perception of information density.
Asset Detail View (Light Mode) - with the final design of the asset grid, we were able to make it intuitive for users to open and view several assets simultaneously, which makes the investigation of issues across assets easier.
Overall, my collaboration with Sunbird DCIM was successful because I focused on delivering a thoughtful design solution that aligned with the company's business goals and user needs.
By establishing clear principles, delivering high-quality product screen designs, and creating a scalable design system, I was able to help Sunbird create a best-in-class product experience that met the needs of their target audience and helped them stand out in the marketplace.
"The thoughtful product design perspective that was brought to the table by the design team really made a difference. They listened to our needs, took our feedback into consideration, and delivered a UI that exceeded our expectations. The new design system has made it much easier for us to scale our development resources, saving us time and increasing our productivity with a consistent visual design language. Overall, I am extremely happy with the redesign and would highly recommend this design team to anyone looking for a thoughtful and effective product design solution."
.jpg)
