Hello!
I'm Nitish Raj.
Hello!
I'm Nitish Raj.
Team of 3 Member: Rakesh Roshan, Ravi Sagoo & Nitish Raj
Team of 3 Member: Rakesh Roshan, Ravi Sagoo & Nitish Raj
Team of 3 Member: Rakesh Roshan, Ravi Sagoo & Nitish Raj
Nitish Raj
Nitish Raj
WORK
WORK
ABOUT
ABOUT
Hi, I'm Nitish Raj
A product designer
Focus on simplifying complex information systems
into inclusive human-centric experiences.
Incoming UX Design @ Microsoft
Hi, I'm Nitish Raj
A product designer
Focus on simplifying complex information systems
into inclusive human-centric experiences.
Incoming UX Design @ Microsoft
Hello!
I'm Nitish Raj
Hello!
I'm Nitish Raj
I’m a curious learner with a growth mindset & passion for innovation.
I like to work at an intersection where design, technology & psychology
meets and transform insights into meaningful experiences that
are simple yet impactful.
I’m a curious learner with a growth mindset & passion for innovation.
I like to work at an intersection where design, technology & psychology
meets and transform insights into meaningful experiences that
are simple yet impactful.
.png)
The System Design Project focuses on identifying the pain points with available band-aids when used for joints like elbows & knees, followed by designing a band-aid especially for joints that cover larger wounds
with minor injury and is relatively durable.
The System Design Project focuses on identifying the pain points with available band-aids when used for joints like elbows & knees, followed by designing a band-aid especially for joints that cover larger wounds
with minor injury and is relatively durable.
I’m a curious learner with a growth mindset & passion for innovation.
I like to work at an intersection where design, technology & psychology
meets and transform insights into meaningful experiences that
are simple yet impactful.
I’m a curious learner with a growth mindset & passion for innovation.
I like to work at an intersection where design, technology & psychology
meets and transform insights into meaningful experiences that
are simple yet impactful.
I’m a curious learner with a growth mindset & passion for innovation.
I like to work at an intersection where design, technology & psychology
meets and transform insights into meaningful experiences that
are simple yet impactful.
.png){kind=small}
Design System
Browserstack design system is a set of standards to manage design at scale by reducing redundancy while creating a shared library and visual consistency across different pages and platforms.
Company: BrowserStack
Role: Sr. Product Designer
The Challenge
In the past, the initiation of each project or phase necessitated building from the ground up, effectively establishing a new components library for each endeavor. Consequently, we found ourselves repeatedly designing identical components, with variations in style tailored to meet specific functional requirements.
To address these challenges, it became imperative for us to: ​
-
Reconstruct existing components.
-
Reconstruct existing components once more
-
Consolidate historical use cases and develope new use cases for each component.
The Benefits
We are proud to introduce a centralized repository for viewing components, patterns, and styles that serves as our singular source of truth. Through the implementation of this comprehensive design system, we can seemlessly redesign and manage changes within existing and upcomming products at scale.
​
Our design resources are now liberated to concentrate on addresisng complex challenges and crafting innovative solutions, rather than devoting time to visual adjustemnts. This strategic shift ensures that our product design maintain visual and functional consistency.
​
The power to rapidly replicate designs is now at our fingertips, thanks to the pre-made components and elements. This approach minimizes redundancy and efffectively eliminates inconsistencies, allowing us to significantly reduce wasted designs and developement time caused by miscommunications.
The Approach
Our journey commenced with the establishment of a comprehensive style guide for our system. Fortuitously, much of this groundwork had already been laid. Our task was primarily to integrate and implement any new changes or elements into the system while seamlessly linking them to the existing style guide.
The Style guide consisted of:
In page annotations: Establishing documentation and layout for each component within our library.
Branding elements: Defining Keys aspect such as colors, typography (for both Web and mobile), and logs.
Spacing Guidelines: Outlining standards for consistent spacing throughout designs.
Layout grid: Implementing dtructure grids to ensure visual harmony.
Icon pack: Curating a collection of icons to enhance usability and branding
Border radius guidelines: Standardizing border radii for a cohesive aesthetic.
​
These guide are integrated within the component library, ensuring that relevent guidance is readily available in context.
The whole team got together to create a components list based on the common components used within the projects and any new components that are needed in future. Creating this library did take significant time and resources.
Documentation
Documentation is always included on the same page as the component this was to explain any use cases that were created. This consisted of:
​
-
A clear explanation for what this element is and how it is tipically used, ocasionally accompanied by dos and don'ts for the context and clarification.
-
Picture examples so that it was clear what we were talking about
-
Rules of when to use the component and how to use the component
Absolutely! Don’t hesitate to reach out if’re excited to dive deeper into the design system!
