Quick and easy in-store stock management for Medi-Market

Medi-Market wanted to improve the ergonomics of in-store stock management for their shop assistants. We transformed their existing stock replenishment system into a Progressive Web App, optimized for handheld devices. The result? A seamless, mobile-friendly experience that improves efficiency and simplifies daily operations across 70+ stores.

Challenge

Medi-Market needed a mobile-friendly stock management tool to improve ergonomics and usability for shop assistants.

Solution

We created a responsive Progressive Web App optimized for handheld devices, combining efficiency with user comfort.

Approach

Our approach included selecting a PWA for its flexibility, applying user-centered design through research and feedback, and following Agile development with UX best practices.

Result

The ASR PWA now runs on 120 handheld devices, enhancing usability and efficiency for shop assistants while maintaining scalability for future upgrades.

In 2019, we developed the Automatic Stock Replenishment (ASR) application for Medi-Market. This ASR application ensures optimum stock management. Based on a number of parameters, ASR determines the optimum amount of stock required for each shop. As soon as stock levels at the shop fall below the defined minimum stock level, the application autonomously orders the right products until the optimum stock level is reached again. This approach enables Medi-Market to keep stocks at their shops and warehouses at optimum level, which drives down the stock cost and reduces the risk of having products in stock with an expired sell-by date.

The ASR application had been designed to be used on desktop or laptop screens. When shop assistants are counting on-shelf products as part of stock-takes or in order to replenish the shelves, having to lug around a laptop is not exactly ideal from an ergonomic perspective. Which is why Medi-Market asked us to port the functionality of ASR to the smaller screen of a handheld device in the shape of a mobile application. This also entailed a new interface, delivering an optimized user experience for mobile use.

Working in tandem with Medi-Market, we soon came to the conclusion that a Progressive Web App (PWA) was the right solution. A PWA runs in the browser, but behaves as users would expect from a native app: the PWA can be put on the home screen, it is visible in the app switcher and can enable components such as the camera or the microphone. As the app is not available from any app stores, this moreover allows for app updates to be pushed without having to wait for the approval of app store supervisors.

Appealing UI and high user comfort

To deliver the best possible user experience, we put ourselves in the shoes of a shop assistant. We critically reviewed what shop assistants need and what their expectations are. Moreover, we properly researched the Zebra handhelds with a touchscreen, which the ASR PWA runs on, to find out how it is used.

We then worked up a proposal which we presented to Medi-Market. Based on their feedback, we continued to iterate (develop and try out new iterations) to build the components and screens on a step-by-step basis.

The main information the user requires is always at the top and in the middle of the screen, such as a zoomable image. The item and other codes too are instantly visually recognizable from the different house style colors and are displayed above the ‘fold’, i.e. without the user having to scroll.

PWA selection

Identified a Progressive Web App (PWA) as the ideal solution for its browser-based nature, native app-like functionality, and seamless update capabilities without dependency on app stores.

User-centered design

Conducted thorough research on shop assistants' needs and the Zebra handheld devices they use, iterating the app design based on feedback to ensure usability.

Agile development & UX best practices

Built and refined components iteratively while applying mobile UX best practices, such as responsive design, thumb-friendly zones, and easily scannable interfaces.

In addition to our step-by-step Agile approach, we also implemented quite a few best practices for mobile design. For one thing, all interactive elements are large enough to be ticked by finger and we positioned the main action elements in places that are easily reached by thumb (thumb zone). This raises shop assistants’ user comfort and efficiency.

Moreover, the UI design is responsive. If ever Medi-Market decides to switch to a different handheld device with a different screen size, such as a tablet, the interface will nicely scale along to the new screen size.

The Medi-Market ASR application is now running on some 120 handhelds.

The app allows us to carry out and monitor a series of duties which were previously carried out manually, in a way that is quicker, more user-friendly and more efficient. This leaves our shop assistants more time to assist our customers.

Peter Bos

CIO at Medi-Market

Peter BosCIO at Medi-Market

Effortless in-store stock management at your fingertips!

Want to optimize your stock management?

Let's see how a tailored mobile solution can increase efficiency and ease operations for your team! Let’s talk.

Effortless in-store stock management at your fingertips!

Want to optimize your stock management?

Let's see how a tailored mobile solution can increase efficiency and ease operations for your team! Let’s talk.

Effortless in-store stock management at your fingertips!

Want to optimize your stock management?

Let's see how a tailored mobile solution can increase efficiency and ease operations for your team! Let’s talk.

Effortless in-store stock management at your fingertips!

Want to optimize your stock management?

Let's see how a tailored mobile solution can increase efficiency and ease operations for your team! Let’s talk.

Streamlined connectivity for Renson’s remote apps

Renson partnered with ACA Group to develop user-friendly apps for controlling patio covers, shading, lights, heaters, and air quality systems. Overcoming diverse hardware and network challenges, ACA delivered seamless solutions, including a rapid two-week rollout of CO\u2082 monitoring features during the pandemic.

User-friendly City App for the city of Hasselt

Stad Hasselt is undergoing a digital transformation to bring city services closer to their residents. To ensure the mobile app was intuitive and user-friendly, we conducted expert UX reviews and real-world user testing. The result? A highly rated city app that makes accessing services easier than ever.

Overview picture of the city of Hasselt made with a drone

One website for a better Digital Experience: Attentia’s #OneAttentia transformation

To improve its customer journey and online presence, Attentia partnered with ACA Group to create a future-proof website. By replacing multiple fragmented platforms into one website, Attentia optimized their #OneAttentia experience. Customers can now easily access the right services while enjoying increased efficiency, stronger branding, and greater engagement.

Innovative AI model detects damaged pallets at Duvel Moortgat

To ensure the safe and efficient transport of their renowned beers, Duvel Moortgat needed a more reliable way to detect damaged pallets. ACA Group developed an AI-powered Computer Vision solution that automatically identifies defects, improving quality control, reducing costs, and increasing operational efficiency. This innovative approach highlights the power of AI in optimizing production processes.

From mobile charging app to data-driven innovation: our collaboration with MobilityPlus

The most rewarding partnerships are those where a supplier actively contributes to a customer’s growth. That’s exactly what ACA Group has been doing with MobilityPlus for over a year. What started as a mobile app for EV charging has evolved into a full digital ecosystem, including a web portal, an Azure data platform, and AI-driven solutions. With ACA’s expertise, MobilityPlus is transforming into a data-driven company, shaping the future of sustainable mobility.

How ACA Group transformed VDAB's district work voucher system (wijk-werkcheques)

VDAB helps individuals facing barriers to the job market through the district work voucher system, facilitating local community tasks. When their external issuer announced its discontinuation, VDAB urgently sought a solution. So they teamed up with ACA Group to create a robust platform for managing and distributing electronic district work vouchers. This case shares our collaborative efforts and innovative solutions that ensured the continuity of this vital program.