Collection of my work at Netradyne
I joined Netradyne as the 2nd UX Designer in Nov 2019 during their early growth phase and worked there for 1 year 6 months.
Collection of my work at Netradyne
I joined Netradyne as the 2nd UX Designer in Nov 2019 during their early growth phase and worked there for 1 year 6 months.
Collection of my work at Netradyne
I joined Netradyne as the 2nd UX Designer in Nov 2019 during their early growth phase and worked there for 1 year 6 months.
Collection of my work at Netradyne
I joined Netradyne as the 2nd UX Designer in Nov 2019 during their early growth phase and worked there for 1 year 6 months.
About Netradyne
Netradyne is a B2B fleet management company that focuses on improving road and driver safety by using advanced vision technology and in-depth data analysis. Founded in 2015, Netradyne is an industry leader in fleet safety solutions and was recently named in the Forbes AI Top 50 Companies to Watch list for 2022.
Here’s a short video explaining more about Netradyne:
About Netradyne
Netradyne is a B2B fleet management company that focuses on improving road and driver safety by using advanced vision technology and in-depth data analysis. Founded in 2015, Netradyne is an industry leader in fleet safety solutions and was recently named in the Forbes AI Top 50 Companies to Watch list for 2022.
Here’s a short video explaining more about Netradyne:
About Netradyne
Netradyne is a B2B fleet management company that focuses on improving road and driver safety by using advanced vision technology and in-depth data analysis. Founded in 2015, Netradyne is an industry leader in fleet safety solutions and was recently named in the Forbes AI Top 50 Companies to Watch list for 2022.
Here’s a short video explaining more about Netradyne:
About Netradyne
Netradyne is a B2B fleet management company that focuses on improving road and driver safety by using advanced vision technology and in-depth data analysis. Founded in 2015, Netradyne is an industry leader in fleet safety solutions and was recently named in the Forbes AI Top 50 Companies to Watch list for 2022.
Here’s a short video explaining more about Netradyne:
Team
Steve Dunn (Director, Product Management)
Ankit Srivastava (Product Manager)
Ankur Nigam (Product Manager)
Hemanth Roy (Lead Designer)
Kartik Kataria (UX Designer)
My Role
I joined as the 2nd UX Designer at Netradyne during their early growth phase in Nov '19.
Rapid iterative process, our approach towards product development: During my tenure there at Netradyne, I enjoyed the rapid iteration process of designing where I created clickable prototypes > presented it to the customer success/product team and iterated over it based on the feedback received.
Improvement in the product development process: Since the product team was very small (20-50 people), there was a lot of scope to optimize the product development process. Some of my key contribution
Enhancing the designer-developer collaboration: Improved the design hand off process by explaining the prototype to the concerned developers before the implementation started. Interacted with the developers to understand what they need/look for while looking at an XD prototype and what changes can I do to make things easier for them.
Implementing the design QA process: After working on several features in the first few months, one of the problems we found out was that there was gap between what was being designed and what was being developed. Issues like different spacing, missing interactions etc impacted the UX of the product. Hence, we decided to include a design QA process as a necessary step in the product development cycle. Our job as a designer, was to check the developed product/feature for any design issue before it is released for the customers.
Collaborating and mentoring new hires: Collaborated with the newly hired visual designer for making empty states and feature introduction animations.
My Role
I joined as the 2nd UX Designer at Netradyne during their early growth phase in Nov '19.
Rapid iterative process, our approach towards product development: During my tenure there at Netradyne, I enjoyed the rapid iteration process of designing where I created clickable prototypes > presented it to the customer success/product team and iterated over it based on the feedback received.
Improvement in the product development process: Since the product team was very small (20-50 people), there was a lot of scope to optimize the product development process. Some of my key contribution
Enhancing the designer-developer collaboration: Improved the design hand off process by explaining the prototype to the concerned developers before the implementation started. Interacted with the developers to understand what they need/look for while looking at an XD prototype and what changes can I do to make things easier for them.
Implementing the design QA process: After working on several features in the first few months, one of the problems we found out was that there was gap between what was being designed and what was being developed. Issues like different spacing, missing interactions etc impacted the UX of the product. Hence, we decided to include a design QA process as a necessary step in the product development cycle. Our job as a designer, was to check the developed product/feature for any design issue before it is released for the customers.
Collaborating and mentoring new hires: Collaborated with the newly hired visual designer for making empty states and feature introduction animations.
My Role
I joined as the 2nd UX Designer at Netradyne during their early growth phase in Nov '19.
Rapid iterative process, our approach towards product development: During my tenure there at Netradyne, I enjoyed the rapid iteration process of designing where I created clickable prototypes > presented it to the customer success/product team and iterated over it based on the feedback received.
Improvement in the product development process: Since the product team was very small (20-50 people), there was a lot of scope to optimize the product development process. Some of my key contribution
Enhancing the designer-developer collaboration: Improved the design hand off process by explaining the prototype to the concerned developers before the implementation started. Interacted with the developers to understand what they need/look for while looking at an XD prototype and what changes can I do to make things easier for them.
Implementing the design QA process: After working on several features in the first few months, one of the problems we found out was that there was gap between what was being designed and what was being developed. Issues like different spacing, missing interactions etc impacted the UX of the product. Hence, we decided to include a design QA process as a necessary step in the product development cycle. Our job as a designer, was to check the developed product/feature for any design issue before it is released for the customers.
Collaborating and mentoring new hires: Collaborated with the newly hired visual designer for making empty states and feature introduction animations.
My Role
I joined as the 2nd UX Designer at Netradyne during their early growth phase in Nov '19.
Rapid iterative process, our approach towards product development: During my tenure there at Netradyne, I enjoyed the rapid iteration process of designing where I created clickable prototypes > presented it to the customer success/product team and iterated over it based on the feedback received.
Improvement in the product development process: Since the product team was very small (20-50 people), there was a lot of scope to optimize the product development process. Some of my key contribution
Enhancing the designer-developer collaboration: Improved the design hand off process by explaining the prototype to the concerned developers before the implementation started. Interacted with the developers to understand what they need/look for while looking at an XD prototype and what changes can I do to make things easier for them.
Implementing the design QA process: After working on several features in the first few months, one of the problems we found out was that there was gap between what was being designed and what was being developed. Issues like different spacing, missing interactions etc impacted the UX of the product. Hence, we decided to include a design QA process as a necessary step in the product development cycle. Our job as a designer, was to check the developed product/feature for any design issue before it is released for the customers.
Collaborating and mentoring new hires: Collaborated with the newly hired visual designer for making empty states and feature introduction animations.
Overview
As a safety manager of a fleet, I need to evaluate how different aspects of my fleet are working. For example: how have the drivers performed in the last month?, what are the most frequently occuring alerts in the last month?, what is the status of different devices and vehicles etc. and many other things. Different reports provide a consolidated view of different elements of a fleet.
Reports central was a section in the dashboard from where safety manager could:
Access and download any of the reports.
Request and subscribe/unsubscribe to any of the reports.
My Responsibilities
I designed the reports section end to end both on mobile and web. Here's what I did in the process:
Gathered initial requirement from the product team.
Created wireframes, UI design and initial clickable prototype to share it with the stakeholders.
Improved the designs based on the feedback received from the stakeholders.
Collaborated with the developers to ensure proper hand-off of the designs.
Designed the same functionality for the mobile application as well.
Final Designs
Some of the screens from the final design.
Desktop version
Mobile version
Overview
As a safety manager of a fleet, I need to evaluate how different aspects of my fleet are working. For example: how have the drivers performed in the last month?, what are the most frequently occuring alerts in the last month?, what is the status of different devices and vehicles etc. and many other things. Different reports provide a consolidated view of different elements of a fleet.
Reports central was a section in the dashboard from where safety manager could:
Access and download any of the reports.
Request and subscribe/unsubscribe to any of the reports.
My Responsibilities
I designed the reports section end to end both on mobile and web. Here's what I did in the process:
Gathered initial requirement from the product team.
Created wireframes, UI design and initial clickable prototype to share it with the stakeholders.
Improved the designs based on the feedback received from the stakeholders.
Collaborated with the developers to ensure proper hand-off of the designs.
Designed the same functionality for the mobile application as well.
Final Designs
Some of the screens from the final design.
Desktop version
Mobile version
Overview
As a safety manager of a fleet, I need to evaluate how different aspects of my fleet are working. For example: how have the drivers performed in the last month?, what are the most frequently occuring alerts in the last month?, what is the status of different devices and vehicles etc. and many other things. Different reports provide a consolidated view of different elements of a fleet.
Reports central was a section in the dashboard from where safety manager could:
Access and download any of the reports.
Request and subscribe/unsubscribe to any of the reports.
My Responsibilities
I designed the reports section end to end both on mobile and web. Here's what I did in the process:
Gathered initial requirement from the product team.
Created wireframes, UI design and initial clickable prototype to share it with the stakeholders.
Improved the designs based on the feedback received from the stakeholders.
Collaborated with the developers to ensure proper hand-off of the designs.
Designed the same functionality for the mobile application as well.
Final Designs
Some of the screens from the final design.
Desktop version
Mobile version
Overview
As a safety manager of a fleet, I need to evaluate how different aspects of my fleet are working. For example: how have the drivers performed in the last month?, what are the most frequently occuring alerts in the last month?, what is the status of different devices and vehicles etc. and many other things. Different reports provide a consolidated view of different elements of a fleet.
Reports central was a section in the dashboard from where safety manager could:
Access and download any of the reports.
Request and subscribe/unsubscribe to any of the reports.
My Responsibilities
I designed the reports section end to end both on mobile and web. Here's what I did in the process:
Gathered initial requirement from the product team.
Created wireframes, UI design and initial clickable prototype to share it with the stakeholders.
Improved the designs based on the feedback received from the stakeholders.
Collaborated with the developers to ensure proper hand-off of the designs.
Designed the same functionality for the mobile application as well.
Final Designs
Some of the screens from the final design.
Desktop version
Mobile version
Project Goal
Hearing back from the customers about the issues they are facing or any other feedback about the product is really important. The aim of this project was to enhance the customer feedback flow and reduce the time taken to respond to the customer feedback.
My Responsibilities
Gathered initial requirement from the product team.
Analyzed the current feedback flow to find what needs to be improved.
Created the first version of prototype, shared it with the stakeholders and improved upon it as per the feedback received from the stakeholders.
Collaborated with the developers to ensure proper hand-off of the designs.
Designed the same functionality for the mobile application as well.
Impact
All complaints/suggestions now were getting categorised automatically, hence helping the support team in organising their workflow and improving their productivity.
New flows asking for product improvement from users were also added, thereby creating a way to gather direct feedback from the customers.
Final Prototypes
Mobile prototype
Desktop prototype
Final Designs
Desktop version
Mobile version
Project Goal
Hearing back from the customers about the issues they are facing or any other feedback about the product is really important. The aim of this project was to enhance the customer feedback flow and reduce the time taken to respond to the customer feedback.
My Responsibilities
Gathered initial requirement from the product team.
Analyzed the current feedback flow to find what needs to be improved.
Created the first version of prototype, shared it with the stakeholders and improved upon it as per the feedback received from the stakeholders.
Collaborated with the developers to ensure proper hand-off of the designs.
Designed the same functionality for the mobile application as well.
Impact
All complaints/suggestions now were getting categorised automatically, hence helping the support team in organising their workflow and improving their productivity.
New flows asking for product improvement from users were also added, thereby creating a way to gather direct feedback from the customers.
Final Prototypes
Mobile prototype
Desktop prototype
Final Designs
Desktop version
Mobile version
Project Goal
Hearing back from the customers about the issues they are facing or any other feedback about the product is really important. The aim of this project was to enhance the customer feedback flow and reduce the time taken to respond to the customer feedback.
My Responsibilities
Gathered initial requirement from the product team.
Analyzed the current feedback flow to find what needs to be improved.
Created the first version of prototype, shared it with the stakeholders and improved upon it as per the feedback received from the stakeholders.
Collaborated with the developers to ensure proper hand-off of the designs.
Designed the same functionality for the mobile application as well.
Impact
All complaints/suggestions now were getting categorised automatically, hence helping the support team in organising their workflow and improving their productivity.
New flows asking for product improvement from users were also added, thereby creating a way to gather direct feedback from the customers.
Final Prototypes
Mobile prototype
Desktop prototype
Final Designs
Desktop version
Mobile version
Project Goal
Hearing back from the customers about the issues they are facing or any other feedback about the product is really important. The aim of this project was to enhance the customer feedback flow and reduce the time taken to respond to the customer feedback.
My Responsibilities
Gathered initial requirement from the product team.
Analyzed the current feedback flow to find what needs to be improved.
Created the first version of prototype, shared it with the stakeholders and improved upon it as per the feedback received from the stakeholders.
Collaborated with the developers to ensure proper hand-off of the designs.
Designed the same functionality for the mobile application as well.
Impact
All complaints/suggestions now were getting categorised automatically, hence helping the support team in organising their workflow and improving their productivity.
New flows asking for product improvement from users were also added, thereby creating a way to gather direct feedback from the customers.
Final Prototypes
Mobile prototype
Desktop prototype
Final Designs
Desktop version
Mobile version
Project Overview
After few months of working at Netradyne and getting inspired from other B2B products, we realized that few things are missing from our designs. For example: Empty states for different sections and feature introduction videos that briefly explain what a new feature does were missing. So, I decided to create empty states and feature introduction videos for new and important features that were being rolled out.
My Responsibilities
Reviewed the entire web dashboard and mobile application to identify sections where empty state is required.
Created different versions of empty states in a structured and consistent format and shared it with the product team to get their feedback.
Collaborated with the newly hired visual designer to create new feature introduction videos.
Outcome
Figured out a structure for the empty state: While looking at other products and their empty states, I figured out a structure for the empty state:
Explain clearly what has happened (explain the current state).
Explain why it has happened.
Explain what needs to be done to get out of the empty state/achieve the desired state and provide a pathway for the same.
Empty States
Desktop version
Mobile version
Project Overview
After few months of working at Netradyne and getting inspired from other B2B products, we realized that few things are missing from our designs. For example: Empty states for different sections and feature introduction videos that briefly explain what a new feature does were missing. So, I decided to create empty states and feature introduction videos for new and important features that were being rolled out.
My Responsibilities
Reviewed the entire web dashboard and mobile application to identify sections where empty state is required.
Created different versions of empty states in a structured and consistent format and shared it with the product team to get their feedback.
Collaborated with the newly hired visual designer to create new feature introduction videos.
Outcome
Figured out a structure for the empty state: While looking at other products and their empty states, I figured out a structure for the empty state:
Explain clearly what has happened (explain the current state).
Explain why it has happened.
Explain what needs to be done to get out of the empty state/achieve the desired state and provide a pathway for the same.
Empty States
Desktop version
Mobile version
Project Overview
After few months of working at Netradyne and getting inspired from other B2B products, we realized that few things are missing from our designs. For example: Empty states for different sections and feature introduction videos that briefly explain what a new feature does were missing. So, I decided to create empty states and feature introduction videos for new and important features that were being rolled out.
My Responsibilities
Reviewed the entire web dashboard and mobile application to identify sections where empty state is required.
Created different versions of empty states in a structured and consistent format and shared it with the product team to get their feedback.
Collaborated with the newly hired visual designer to create new feature introduction videos.
Outcome
Figured out a structure for the empty state: While looking at other products and their empty states, I figured out a structure for the empty state:
Explain clearly what has happened (explain the current state).
Explain why it has happened.
Explain what needs to be done to get out of the empty state/achieve the desired state and provide a pathway for the same.
Empty States
Desktop version
Mobile version
Project Overview
After few months of working at Netradyne and getting inspired from other B2B products, we realized that few things are missing from our designs. For example: Empty states for different sections and feature introduction videos that briefly explain what a new feature does were missing. So, I decided to create empty states and feature introduction videos for new and important features that were being rolled out.
My Responsibilities
Reviewed the entire web dashboard and mobile application to identify sections where empty state is required.
Created different versions of empty states in a structured and consistent format and shared it with the product team to get their feedback.
Collaborated with the newly hired visual designer to create new feature introduction videos.
Outcome
Figured out a structure for the empty state: While looking at other products and their empty states, I figured out a structure for the empty state:
Explain clearly what has happened (explain the current state).
Explain why it has happened.
Explain what needs to be done to get out of the empty state/achieve the desired state and provide a pathway for the same.
Empty States
Desktop version
Mobile version
Project Overview
Apart from handling the UX of multiple features for both web and mobile products, I was actively involved with the marketing team and the documentation team to enhance the help section and the website. I designed various illustrations, thumbnails for onboarding/training videos regarding the dashboard and also worked on the website design. Below are some of the designs:
Banner for a blog about how Netradyne is the right approach towards fleet management
Thumbnails for training videos in the help section of the dashboard.
Some other illustrations used in blogs and marketing brochures
Product page
Project Overview
Apart from handling the UX of multiple features for both web and mobile products, I was actively involved with the marketing team and the documentation team to enhance the help section and the website. I designed various illustrations, thumbnails for onboarding/training videos regarding the dashboard and also worked on the website design. Below are some of the designs:
Banner for a blog about how Netradyne is the right approach towards fleet management
Thumbnails for training videos in the help section of the dashboard.
Some other illustrations used in blogs and marketing brochures
Product page
Project Overview
Apart from handling the UX of multiple features for both web and mobile products, I was actively involved with the marketing team and the documentation team to enhance the help section and the website. I designed various illustrations, thumbnails for onboarding/training videos regarding the dashboard and also worked on the website design. Below are some of the designs:
Banner for a blog about how Netradyne is the right approach towards fleet management
Thumbnails for training videos in the help section of the dashboard.
Some other illustrations used in blogs and marketing brochures
Product page
Project Overview
Apart from handling the UX of multiple features for both web and mobile products, I was actively involved with the marketing team and the documentation team to enhance the help section and the website. I designed various illustrations, thumbnails for onboarding/training videos regarding the dashboard and also worked on the website design. Below are some of the designs:
Banner for a blog about how Netradyne is the right approach towards fleet management
Thumbnails for training videos in the help section of the dashboard.
Some other illustrations used in blogs and marketing brochures
Product page
Other projects
Other projects
Other projects
Other projects