Improving Business Efficiency: A Case Study of Vendor Dashboard Redesign
Aiming to improve usability and provide vendors with enhanced insights into their profile performance.
- Project Management
- Fronted development
- Backend development
- Vue.js
- Python
- Django and Django Ninja
- Automated Tests
- Components Library
The project embarked on an ambitious redesign of the Performance section within the Vendor Dashboard application on Clutch.co, with a clear objective: to enable vendors to comprehend the long-term value of their partnership with Clutch.co
This initiative was not just about enhancing the user interface or introducing new features, it was a strategic move towards empowering vendors with the tools and insights necessary to evaluate their engagement's lasting impact
This commitment to improving vendor experience underscores Clutch.co's dedication to building meaningful, enduring relationships with its partners, ensuring they have the resources needed to thrive in a competitive marketplace.
Challenges:
The project faced several significant challenges that tested the team's technical prowess and collaborative skills. Firstly, combining data from multiple sources was a complex task that required meticulous planning and execution to ensure accuracy and reliability in the performance metrics displayed on the dashboard. This data aggregation was crucial for providing vendors with a comprehensive view of their performance, but it involved navigating and integrating disparate data systems.
Redesigning the API layer
Redesigning the API layer presented its own set of difficulties. The team had to restructure the backend to support the enhanced functionalities of the dashboard while ensuring seamless data flow and scalability for future expansions. This endeavor was critical for facilitating efficient data retrieval and manipulation, enhancing the overall user experience.
Building reusable components
Building reusable components was a critical aspect of the project, aiming to streamline the development process and foster a more scalable and maintainable codebase. This approach not only helped in reducing development time but also ensured consistency in the design and functionality across the all frontend services in the Clutch.co ecosystem, laying a solid foundation for future enhancements.
Tech Stack
Django & Django Ninja:
Django is a high-level Python web framework designed for rapid development and clean, pragmatic design, offering a comprehensive toolkit for creating scalable and maintainable web applications. Django Ninja is an extension for Django, aimed at building APIs more efficiently with type annotations, enhancing execution speed, code quality, and reducing boilerplate code.
Grpc & REST:
gRPC is a high-performance, open-source universal RPC framework that uses HTTP/2 as its transport protocol, enabling efficient communication between services with support for multiple languages, which makes it ideal for building distributed systems and microservices architectures. REST, on the other hand, is an architectural style for designing networked applications that rely on stateless, client-server communication, using HTTP methods to operate on resources, known for its simplicity and scalability in building web services and APIs.
Vue.js:
Vue.js is an open-source JavaScript framework for building user interfaces and single-page applications, known for its ease of integration, reactive components, and a flexible ecosystem that enhances the development experience.
Typescript:
TypeScript is a programming language developed and maintained by Microsoft that is a strict syntactical superset of JavaScript, adding optional static typing to the language. It can help with catching errors early through its type system, enhancing code quality and maintainability, and facilitating development for large-scale applications by providing better tooling support and documentation through types.
Kubernetes:
Kubernetes is an open-source platform for automating deployment, scaling, and operations of application containers across clusters of hosts, simplifying container management and providing a framework for running distributed systems resiliently.
Elastic APM:
Elastic APM is an application performance monitoring system that is part of the Elastic Stack, designed to help developers monitor, debug, and optimize the performance of their applications in real time. It provides detailed insights into how applications are performing in production by tracking errors, measuring transaction times, and understanding user interactions, thereby improving the reliability and user experience of applications.
Lastly, cooperating with multiple teams in a scaled scrum environment required exceptional coordination and communication. The project's interdisciplinary nature meant that various teams had to align their goals, methodologies, and timelines, necessitating a flexible yet structured approach to project management. Overcoming these challenges was essential for the successful redesign of the Performance section, demonstrating the team's commitment to innovation and excellence in meeting the project's objectives.
Scrum
aggregation
performance optimization
layer redesign
The project aimed at a comprehensive redesign of the Performance section within the Vendor Dashboard application on Clutch.co was successfully delivered on time and within scope, marking a significant milestone in enhancing the vendor experience. This initiative was driven by a clear objective to enable vendors to grasp the long-term value of their partnership with Clutch.co, going beyond mere aesthetic improvements to empower them with essential tools and insights for assessing their engagement's enduring impact
The Meant4 team was extremely organized, communicative, and efficient when we worked with them on building out our new Vendor Dashboard. The rollout of our new dashboard was seamless and our users are thrilled with the new look and features! I was most impressed how every week they made great progress on our requirements - and beat the deadlines we had set! Every detail was covered with exceptional attention to detail and organization!
Alaina Stevenson Product Manager Clutch.co 2023
No project is too big or too small.
Schedule a call with us
