I had the privilege to lead front-end development efforts for KnowledgeIQ product. KnowledgeIQ is a knowledge management solution that inspires success and delivers powerful brand experiences. It collectively captures the organizational knowledge in one place, secured, organized, and easy to find. Now add intelligence through machine learning to personalize the experience and continually adjust the knowledge presented to your teams and customers. This was a major re platforming effort that was done in several sprints. with more than 16 features, we released each feature in two weeks sprint.
Storybook UI reference
Because this project was a green field project, I decided to start with a proper styleguide that captures components as a reference. I’ve used Angular storybook to index all components that I have created throughout the design. A good feature of storybook is display of various versions of an element. for example a button could be primary, usually refereed to as call to action, or secondary or any other variation. storybook provides a way to display different variations along with how to implement it with code.
UI design system
I have used Photoshop to produce designs for this project as it was selected by the organization. I used InVision to produce interactive designs for usability testing. since this project was based on re platforming from an existing successful, designs needed to inherit good UX that was built over the years while making sure technical debts are not transformed into the new design. As front-end lead in this project, I had regular catch ups with back-end development team along with the architect and QA team to make sure requirements are all translated into functioning features.
You can read more knowledgeIQ at https://www.knoiq.co/