Vendor Portal
A web application to optimise the buying process
at DMart by replacing email with a custom
delivery scheduling and messaging system.
Vendor Portal
A web application to optimise the buying process
at DMart by replacing email with a custom
delivery scheduling and messaging system.
Vendor Portal
A web application to optimise the buying process
at DMart by replacing email with a custom
delivery scheduling and messaging system.
Vendor Portal
A web application to optimise the buying process
at DMart by replacing email with a custom
delivery scheduling and messaging system.
Project Overview
Dmart, a major retailer with over 366 stores in India, faced inefficiencies in supply chain operations due to rapid revenue growth. Communication and coordination with vendors during the buying process were particularly affected, impacting the bottom line. This project aimed to resolve these issues by digitizing and standardizing the buying process, improving vendor interactions and operational efficiency.
Project Overview
Dmart, a major retailer with over 366 stores in India, faced inefficiencies in supply chain operations due to rapid revenue growth. Communication and coordination with vendors during the buying process were particularly affected, impacting the bottom line. This project aimed to resolve these issues by digitizing and standardizing the buying process, improving vendor interactions and operational efficiency.
Project Overview
Dmart, a major retailer with over 366 stores in India, faced inefficiencies in supply chain operations due to rapid revenue growth. Communication and coordination with vendors during the buying process were particularly affected, impacting the bottom line. This project aimed to resolve these issues by digitizing and standardizing the buying process, improving vendor interactions and operational efficiency.
Project Overview
Dmart, a major retailer with over 366 stores in India, faced inefficiencies in supply chain operations due to rapid revenue growth. Communication and coordination with vendors during the buying process were particularly affected, impacting the bottom line. This project aimed to resolve these issues by digitizing and standardizing the buying process, improving vendor interactions and operational efficiency.
![](https://framerusercontent.com/images/bIiA9JtNKfFOXHgQ1se7KN9D5M.png)
What was the problem ?
Wait Times: Longer truck wait times at warehouses increased transportation costs.
Manpower Issues: Surplus or shortage of warehouse manpower caused extra costs or delays.
Information Silos: Information was siloed, with only one of the six internal teams having the full picture, creating bottlenecks.
![](https://framerusercontent.com/images/xMbr94IAjBbA09OXp60yEAk0GU.png)
What was causing the problem
We interviewed vendors and internal buying teams at D'mart to understand the current purchasing process and its bottlenecks.
Limited Bays: Each warehouse had a limited number of bays/docks for deliveries.
Variable Load: Daily load at warehouses varied, making manpower prediction challenging for managers.
Communication Issues: All communication, both internal and external, was done via email or WhatsApp without a standard format, leading to tracking difficulties and information silos.
![](https://framerusercontent.com/images/bIiA9JtNKfFOXHgQ1se7KN9D5M.png)
What was the problem ?
Wait Times: Longer truck wait times at warehouses increased transportation costs.
Manpower Issues: Surplus or shortage of warehouse manpower caused extra costs or delays.
Information Silos: Information was siloed, with only one of the six internal teams having the full picture, creating bottlenecks.
![](https://framerusercontent.com/images/xMbr94IAjBbA09OXp60yEAk0GU.png)
What was causing the problem
We interviewed vendors and internal buying teams at D'mart to understand the current purchasing process and its bottlenecks.
Limited Bays: Each warehouse had a limited number of bays/docks for deliveries.
Variable Load: Daily load at warehouses varied, making manpower prediction challenging for managers.
Communication Issues: All communication, both internal and external, was done via email or WhatsApp without a standard format, leading to tracking difficulties and information silos.
![](https://framerusercontent.com/images/bIiA9JtNKfFOXHgQ1se7KN9D5M.png)
What was the problem ?
Wait Times: Longer truck wait times at warehouses increased transportation costs.
Manpower Issues: Surplus or shortage of warehouse manpower caused extra costs or delays.
Information Silos: Information was siloed, with only one of the six internal teams having the full picture, creating bottlenecks.
![](https://framerusercontent.com/images/xMbr94IAjBbA09OXp60yEAk0GU.png)
What was causing the problem
We interviewed vendors and internal buying teams at D'mart to understand the current purchasing process and its bottlenecks.
Limited Bays: Each warehouse had a limited number of bays/docks for deliveries.
Variable Load: Daily load at warehouses varied, making manpower prediction challenging for managers.
Communication Issues: All communication, both internal and external, was done via email or WhatsApp without a standard format, leading to tracking difficulties and information silos.
![](https://framerusercontent.com/images/bIiA9JtNKfFOXHgQ1se7KN9D5M.png)
What was the problem ?
Wait Times: Longer truck wait times at warehouses increased transportation costs.
Manpower Issues: Surplus or shortage of warehouse manpower caused extra costs or delays.
Information Silos: Information was siloed, with only one of the six internal teams having the full picture, creating bottlenecks.
![](https://framerusercontent.com/images/xMbr94IAjBbA09OXp60yEAk0GU.png)
What was causing the problem
We interviewed vendors and internal buying teams at D'mart to understand the current purchasing process and its bottlenecks.
Limited Bays: Each warehouse had a limited number of bays/docks for deliveries.
Variable Load: Daily load at warehouses varied, making manpower prediction challenging for managers.
Communication Issues: All communication, both internal and external, was done via email or WhatsApp without a standard format, leading to tracking difficulties and information silos.
The solution allows for a mechanism to exchange purchase order information with the PO as the main context, not just within a conversation. It also enables scheduling warehouse deliveries, improving manpower management.
The solution allowed for a mechanism to exchange purchase order information with the PO as the main context, not just within a conversation. It also enabled scheduling warehouse deliveries, improving manpower management.
The solution allows for a mechanism to exchange purchase order information with the PO as the main context, not just within a conversation. It also enables scheduling warehouse deliveries, improving manpower management.
Product Highlights
![](https://framerusercontent.com/images/95l2W1cz35TyUzE5bJAQzTjnk.png)
Purchase order view
Shows the purchase and delivery details like items, date, time and address of delivery in a organised manner. This view also allows to chat and schedule warehouse appointments
![](https://framerusercontent.com/images/7RX2wCIG7Z2XxQtWktmUFyLXB0.png)
Selecting items included in the delivery
Shows the purchase and delivery details like items, date, time and address of delivery in a organised manner. This view also allows to chat and schedule warehouse appointments.
![](https://framerusercontent.com/images/jbBqjSYbwX1Pll9SAWVZQnWKd3k.png)
Delivery slot selection at the warehouse
Based on the total tonnage and volume selected previously, the system shows available delivery slots at the warehouse from which the vendor can choose the preferred date and time
![](https://framerusercontent.com/images/cGonIvry9aqNPYhoQRA0dtBDFnU.png)
Contextual messaging and file sharing to replace email
The in context messaging made sure that all conversations were mapped to a PO. The messaging history also doubled up as an activity stream
![](https://framerusercontent.com/images/D2ZtNRyC2OIOGY227DFwbpKc1Y.png)
Automated reporting of stocks and sales
Automated reports to display data related to stock and sales which would give futher insight into trends. Which would more optimized restocking of goods
![](https://framerusercontent.com/images/0FYPKHlfYGhoZ1Jiwg9MnExCXsk.png)
Sidebar to further drill down on data
Drill down views allowed for a more granular look at the data. The drilldown view also was augemented with filters to sort to large amounts of data
![](https://framerusercontent.com/images/EPZeOLfDLTHKt0mI0veh1UGQRg.png)
Filtered View
Custom filters and sorting headers were added for each view as the app was extremely dense on data.
![](https://framerusercontent.com/images/WbqJUrtBINLYFtDCWjsruf58Uw.png?scale-down-to=2048)
![](https://framerusercontent.com/images/1mZSp6mMBIuVAXPG2hMolJvzM.png?scale-down-to=2048)
![](https://framerusercontent.com/images/QYzdZUPlUs6iR81GP5awxBZvBSA.png?scale-down-to=2048)
Mobile view to access reports on the go
Certain features were augmented with mobile support for an on the go access, for example - reports shown here show the mobile view for reports along with the filtered view
App Screenshots
Product Highlights
Product Highlights
![](data:framer/asset-reference,2ovXYJ6c6w8rlOWwcGIWtm2ttSg.png?originalFilename=Dark-1.png&preferredSize=auto)
![](https://framerusercontent.com/images/rdLLfiE1Gjyp3LvvHkwo5qy6nY.png)
![](data:framer/asset-reference,2ovXYJ6c6w8rlOWwcGIWtm2ttSg.png?originalFilename=Dark-1.png&preferredSize=auto)
Filtered View
Custom filters and sorting headers were added for each view as the app was extremely dense on data.
Custom filters and sorting headers were added for each view as the app was extremely dense on data.
![](data:framer/asset-reference,uz2MUxNa8Fxi35dLZXfp7ZXaqFA.png?originalFilename=image.png&preferredSize=auto)
![](https://framerusercontent.com/images/NwpqQvJijyAWb36GFO4Q7qWQp8.png)
![](data:framer/asset-reference,uz2MUxNa8Fxi35dLZXfp7ZXaqFA.png?originalFilename=image.png&preferredSize=auto)
Purchase order view
Shows the purchase and delivery details like items, date, time and address of delivery in a organised manner. This view also allows to chat and schedule warehouse appointments
![](data:framer/asset-reference,yId3KCDPpSZ9wMPY8E5bFGFU0.png?originalFilename=Dark.png&preferredSize=auto)
![](https://framerusercontent.com/images/7RX2wCIG7Z2XxQtWktmUFyLXB0.png)
![](data:framer/asset-reference,yId3KCDPpSZ9wMPY8E5bFGFU0.png?originalFilename=Dark.png&preferredSize=auto)
Selecting items included in the delivery
Shows the purchase and delivery details like items, date, time and address of delivery in a organised manner. This view also allows to chat and schedule warehouse appointments.
Shows the purchase and delivery details like items, date, time and address of delivery in a organised manner. This view also allows to chat and schedule warehouse appointments.
![](data:framer/asset-reference,diowFf1Ycrz6Geot6JfjAJo8I.png?originalFilename=articles.png&preferredSize=auto)
![](https://framerusercontent.com/images/jbBqjSYbwX1Pll9SAWVZQnWKd3k.png)
![](data:framer/asset-reference,diowFf1Ycrz6Geot6JfjAJo8I.png?originalFilename=articles.png&preferredSize=auto)
Delivery slot selection at the warehouse
Based on the total tonnage and volume selected previously, the system shows available delivery slots at the warehouse from which the vendor can choose the preferred date and time
Based on the total tonnage and volume selected previously, the system shows available delivery slots at the warehouse from which the vendor can choose the preferred date and time
![](data:framer/asset-reference,eae3QrfBahXK7cA5ijwEqLrotq0.png?originalFilename=message.png&preferredSize=auto)
![](https://framerusercontent.com/images/eae3QrfBahXK7cA5ijwEqLrotq0.png)
![](data:framer/asset-reference,eae3QrfBahXK7cA5ijwEqLrotq0.png?originalFilename=message.png&preferredSize=auto)
Contextual messaging and file sharing to replace email
The in context messaging made sure that all conversations were mapped to a PO. The messaging history also doubled up as an activity stream
The in context messaging made sure that all conversations were mapped to a PO. The messaging history also doubled up as an activity stream
![](data:framer/asset-reference,IH0hDklL2FLgMvDK8KAsYeCKg5M.png?originalFilename=report.png&preferredSize=auto)
![](https://framerusercontent.com/images/IH0hDklL2FLgMvDK8KAsYeCKg5M.png)
![](data:framer/asset-reference,IH0hDklL2FLgMvDK8KAsYeCKg5M.png?originalFilename=report.png&preferredSize=auto)
Automated reporting of stocks and sales
Automated reports to display data related to stock and sales which would give futher insight into trensds. Which would more optimized restocking of goods
Automated reports to display data related to stock and sales which would give futher insight into trensds. Which would more optimized restocking of goods
![](data:framer/asset-reference,k1sDgap2qYAHXVfQd3uLTyDx0o.png?originalFilename=drill.png&preferredSize=auto)
![](https://framerusercontent.com/images/k1sDgap2qYAHXVfQd3uLTyDx0o.png)
![](data:framer/asset-reference,k1sDgap2qYAHXVfQd3uLTyDx0o.png?originalFilename=drill.png&preferredSize=auto)
Sidebar to further drill down on data
Drill down views allowed for a more granular look at the data. The drilldown view also was augemented with filters to sort to large amounts of data
Drill down views allowed for a more granular look at the data. The drilldown view also was augemented with filters to sort to large amounts of data
![](https://framerusercontent.com/images/rGGkL7kyk2KkFEXlQEZZbWMLdo4.png)
![](https://framerusercontent.com/images/WbqJUrtBINLYFtDCWjsruf58Uw.png)
![](https://framerusercontent.com/images/rGGkL7kyk2KkFEXlQEZZbWMLdo4.png)
![](https://framerusercontent.com/images/qMQ8JcMegaN8dzXbDGEqQbN7EA.png)
![](https://framerusercontent.com/images/QYzdZUPlUs6iR81GP5awxBZvBSA.png)
![](https://framerusercontent.com/images/qMQ8JcMegaN8dzXbDGEqQbN7EA.png)
![](https://framerusercontent.com/images/oGRj1r0RPKpRHev6YMXZErVQh0.png)
![](https://framerusercontent.com/images/1mZSp6mMBIuVAXPG2hMolJvzM.png)
![](https://framerusercontent.com/images/oGRj1r0RPKpRHev6YMXZErVQh0.png)
Mobile view to access reports on the go
Mobile view for reports
Certain features were augmented with mobile support for an on the go access, for example - reports shown here show the mobile view for reports along with the filtered view
Certain features were augmented with mobile support for an on the go access, for example - reports shown here show the mobile view for reports along with the filtered view
My Role and Learnings
![](https://framerusercontent.com/images/wLig5wT550urXLupWkGHdC40Ow.png)
My Team & Role
UX Lead - team of and 1 product manager, 3 designers and 12 developers
My role included leading and facilitating discussion and workshops with cross function teams such as warehouse staff, managers and executive leadership.
The role also included regular presentations to the CEO and the executive leadership team on the design decisions and findings from our user research.
As part of the role I led the design from concept to final execution. This included low-fidelity wireframes, competitor research, user interviews and high fidelity mocks along with usability testing.
![](https://framerusercontent.com/images/HB2aeD1Rc8rik28KGQCEblTbvU.png)
Challenges And Learnings
Some challenges and learnings unique to this project
The information in the project was especially sensitive due to it being pricing related, hence we needed to convince the stakeholders how role based access would ensure not exposing sensitive information as part of the design phase.
A big chunk of the users of the product were vendors who were not employees of the organisation - hence when designing the UX had to take into account the motivations and the tools the vendors were already using to communicate with other retailers.
My Role & Learnings
![](https://framerusercontent.com/images/wLig5wT550urXLupWkGHdC40Ow.png)
My Team & Role
UX Lead - team of and 1 product manager, 3 designers and 12 developers
My role included leading and facilitating discussion and workshops with cross function teams such as warehouse staff, managers and executive leadership.
The role also included regular presentations to the CEO and the executive leadership team on the design decisions and findings from our user research.
As part of the role I led the design from concept to final execution. This included low-fidelity wireframes, competitor research, user interviews and high fidelity mocks along with usability testing.
![](https://framerusercontent.com/images/HB2aeD1Rc8rik28KGQCEblTbvU.png)
Challenges And Learnings
Some challenges and learnings unique to this project
The information in the project was especially sensitive due to it being pricing related, hence we needed to convince the stakeholders how role based access would ensure not exposing sensitive information as part of the design phase.
A big chunk of the users of the product were vendors who were not employees of the organisation - hence when designing the UX had to take into account the motivations and the tools the vendors were already using to communicate with other retailers.
My Role and Learnings
![](https://framerusercontent.com/images/wLig5wT550urXLupWkGHdC40Ow.png)
My Team & Role
UX Lead - team of and 1 product manager, 3 designers and 12 developers
My role included leading and facilitating discussion and workshops with cross function teams such as warehouse staff, managers and executive leadership.
The role also included regular presentations to the CEO and the executive leadership team on the design decisions and findings from our user research.
As part of the role I led the design from concept to final execution. This included low-fidelity wireframes, competitor research, user interviews and high fidelity mocks along with usability testing.
![](https://framerusercontent.com/images/HB2aeD1Rc8rik28KGQCEblTbvU.png)
Challenges And Learnings
Some challenges and learnings unique to this project
The information in the project was especially sensitive due to it being pricing related, hence we needed to convince the stakeholders how role based access would ensure not exposing sensitive information as part of the design phase.
A big chunk of the users of the product were vendors who were not employees of the organisation - hence when designing the UX had to take into account the motivations and the tools the vendors were already using to communicate with other retailers.
My Role and Learnings
![](https://framerusercontent.com/images/wLig5wT550urXLupWkGHdC40Ow.png)
My Team & Role
UX Lead - team of and 1 product manager, 3 designers and 12 developers
My role included leading and facilitating discussion and workshops with cross function teams such as warehouse staff, managers and executive leadership.
The role also included regular presentations to the CEO and the executive leadership team on the design decisions and findings from our user research.
As part of the role I led the design from concept to final execution. This included low-fidelity wireframes, competitor research, user interviews and high fidelity mocks along with usability testing.
![](https://framerusercontent.com/images/HB2aeD1Rc8rik28KGQCEblTbvU.png)
Challenges And Learnings
Some challenges and learnings unique to this project
The information in the project was especially sensitive due to it being pricing related, hence we needed to convince the stakeholders how role based access would ensure not exposing sensitive information as part of the design phase.
A big chunk of the users of the product were vendors who were not employees of the organisation - hence when designing the UX had to take into account the motivations and the tools the vendors were already using to communicate with other retailers.
Results
![](https://framerusercontent.com/images/IvImEAuwSyShtrmoJkrSv3GvlTI.gif)
What Worked Well
User testing revealed that using the vendor portal led to faster deliveries and quicker payouts for vendors. We believe this will encourage vendors to use the platform proactively.
![](https://framerusercontent.com/images/R2OYQWWEN1X0QE3v1kfWBysiTyc.gif)
What did not work
However, in production, the portal saw slow adoption rates because email had a lower learning curve and was widely used within the organization, especially by new vendors unfamiliar with the purchasing process.
As a rollout strategy, we agreed to use the warehouse appointment scheduling module as a segue to gradually transition users away from email and other communication methods.
![](https://framerusercontent.com/images/IvImEAuwSyShtrmoJkrSv3GvlTI.gif)
What Worked Well
User testing revealed that using the vendor portal led to faster deliveries and quicker payouts for vendors. We believe this will encourage vendors to use the platform proactively.
![](https://framerusercontent.com/images/R2OYQWWEN1X0QE3v1kfWBysiTyc.gif)
What did not work
However, in production, the portal saw slow adoption rates because email had a lower learning curve and was widely used within the organization, especially by new vendors unfamiliar with the purchasing process.
As a rollout strategy, we agreed to use the warehouse appointment scheduling module as a segue to gradually transition users away from email and other communication methods.
![](https://framerusercontent.com/images/IvImEAuwSyShtrmoJkrSv3GvlTI.gif)
What Worked Well
User testing revealed that using the vendor portal led to faster deliveries and quicker payouts for vendors. We believe this will encourage vendors to use the platform proactively.
![](https://framerusercontent.com/images/R2OYQWWEN1X0QE3v1kfWBysiTyc.gif)
What did not work
However, in production, the portal saw slow adoption rates because email had a lower learning curve and was widely used within the organization, especially by new vendors unfamiliar with the purchasing process.
As a rollout strategy, we agreed to use the warehouse appointment scheduling module as a segue to gradually transition users away from email and other communication methods.
![](https://framerusercontent.com/images/IvImEAuwSyShtrmoJkrSv3GvlTI.gif)
What Worked Well
User testing revealed that using the vendor portal led to faster deliveries and quicker payouts for vendors. We believe this will encourage vendors to use the platform proactively.
![](https://framerusercontent.com/images/R2OYQWWEN1X0QE3v1kfWBysiTyc.gif)
What did not work
However, in production, the portal saw slow adoption rates because email had a lower learning curve and was widely used within the organization, especially by new vendors unfamiliar with the purchasing process.
As a rollout strategy, we agreed to use the warehouse appointment scheduling module as a segue to gradually transition users away from email and other communication methods.