A UI kit for a cloud SASS platform
@EVRYTHNG
As the product designer, I became responsible for managing all the new components, assets and UX patterns that the new cloud software was growing into. This team asset was the source of truth for any new and old interface designed, ready for the developers, product owners and anyone in the team . One of my challenge was to manage the scale and prioritise based on feasibility , this was an on going project.
Key Contributions:
- Overall consistency: After presenting a UI kit that includes all relevant components, it was much easier to consider a consistent experience in the overall product, trying to reuse as much as possible, but at the same time evaluate the new effort for anything not existing.
- Dashboard Redesign: Many of the elements the users work on their daily basis were visual charts, dashboard and bold figures, the legacy platform came with a dashboard, new components needed to be added, and old ones updated.
- UX patterns , elements interaction and best practices: Repurpose and reuse was part of the overall consensus for ease of development, to provide familiarity to the users and to minimise the learning curve when presenting new components, these were all documented highlighting the use cases.
- Current state overview: Before diving into creating and updating the assets with our tools, we performed an exercise on assessing the current state of the overall user interface, across the site, deciding what is new, what is old and what needs to go or keep, spring cleaning!
This project aimed to not only improve the aesthetics of the EVRYTHNG platform but also to significantly enhance usability, making content discovery a seamless and personalized experience for its vast user base.
Usage guidelines when using components:
An overall view in a grid for the UI elements
Different states for buttons
An example of a dashboard
