MPS customer portal case
MPS Customer Portal with Data Integrations
MPS Group is committed to sustainability within the international horticultural chain. To better support growers and chain partners with certification and registration, we renewed their digital customer portal together. With a modern Umbraco platform, smart data links and an intuitive dashboard, users get immediate insight into their certification status and performance.
The project at a glance
We are modernizing an existing portal into a fast, user-friendly and future-proof environment. Core: better data visualization, validations and integrations, so that growers and chain partners get immediate insight into certification status, reliability and registrations.
Deliverables
Customer portal dashboard
Data visualizations and KPI maps
Data validations with test users
Basis for iterative further development
Integrations
Reliability Index
Certificate database
MPS Productproof
Umbraco (content & links)
Expertise partner
UX Research
Visual Design
Xuntos expertise
Front-end development (Vue.js)
Back‑end development (.NET/.NET Core)
Azure hosting & DevOps
Presenting complex data simply and reliably
MPS has many (source) systems and data types; end users had trouble finding the right information quickly. The challenge: consolidate, validate and present meaningfully without sacrificing performance, security and scalability.
Important preconditions:
- Clear UX with role-specific insights
- Unambiguous KPIs and definitions
- Data validation based on realistic test users
- Future-proof architecture with a modular structure
Since 2013, we have been working with the MPS team and its partners
MPS approach
Strategy & Discovery
Together with MPS, the goals and information needs were determined with MPS (PO & stakeholders) Target group tasks were then identified and KPIs and definitions tightened. Data sources, data flows and integration points mapped out.
Design & Validation
Online Department developed the design vision and UX flows They also tested prototypes with representative users and data scenarios. The navigation and dashboards were then refined based on feedback.
Build & Launch (phase 1)
In the first phase, we laid the foundation for a future-proof portal. The front end was developed in Vue.js with a component-based UI for optimal reusability and performance. The backend runs on .NET (.NET Core where possible) and uses robust API links including the reliability index, certificate database and MPS product proof. The deployment took place within Microsoft Azure, including CI/CD pipelines, monitoring and logging, so MPS has a stable and manageable platform that is ready for further development.
Support & Further Development
After the launch, we work closely with MPS in a Scrum team, where the Product Owner at MPS is responsible for the priorities and the development team at Xuntos takes care of the implementation. Thanks to the short communication lines, data corrections and optimizations can be quickly picked up and processed. The platform is also set up in such a way that new functionalities such as reports, alerts and self-service modules can easily be added, so that the portal continues to grow with MPS' ambitions.
Smart integrations and a robust basis
Dashboard & data validation
- KPI maps, tables, and graphs for rapid decision making
- Data quality validations with test users and realistic datasets
- Consistent definitions and terminology for better interpretation
Integrations & content
- Standardised API links with source systems
- Umbraco as a content layer for explanations, help texts and news
Technology & hosting
- Modern stack: .NET, Vue.js, Azure
- Modular architecture for scalability
- Logging and monitoring for insight into usage and performance
Securely exchanging and presenting data
For the content layer within the portal, the following was chosen Umbraco CMS, a platform that makes editing and management easy. Thanks to its familiar and user-friendly interface, MPS can manage content itself and add explanations where necessary. The flexible block structure ensures that context, explanations and news items are easily integrated into the portal.
In addition, Umbraco is secure, open source and built on .NET Core, so it perfectly matches MPS's technical architecture and is ready for multilingualism and further growth in the future.
“We are extremely proud of the final result, which is fully in line with the design. We have been working with Xuntos for years. As a result, they understand our ideas and are familiar with how we work.”
The result
An updated MPS dashboard that translates complex data into clear insights. Growers and chain partners get immediate insight into certification status, reliability and progress. The portal is fast, scalable and ready for further expansion within Umbraco.
Collaborate on digital solutions?
We are happy to think along with you when developing your new website. Schedule an informal introductory meeting or request an Umbraco demo.
Cases
What else we built
We work for our customers on the safety and well-being of people and animals. Here are a few examples of what we have achieved together.
