Revamped ATM Marketing Content w/ Flexible Design
**SUMMARY** HatchWorks was commissioned by Diebold Nixdorf to revamp an existing system utilized by financial institutions for creating and delivering marketing content at ATMs. The objective was to establish a flexible, reusable UI design system to facilitate updates across various Diebold Nixdorf solutions. **CHALLENGE** The former system, initially part of a legacy software platform, evolved into a standalone interface while still being deeply connected to its origins. This led to a user experience that was inflexible, complicated, and confusing. **PROCESS** The HatchWorks team worked alongside Diebold Nixdorf’s Product team to identify and prioritize critical features necessary for the main users. By designing user workflows, their goal was to ensure that the new design provided an intuitive and coherent experience that matched the marketing users' processes at different financial institutions. The development of an adaptable design system was essential to uphold brand standards, accommodate complex interactions, comply with accessibility guidelines, and allow for scalable UI updates across the Diebold Nixdorf offerings. **RESULT** HatchWorks successfully delivered a comprehensive design system based on the Bootstrap framework, which included both fundamental components (like buttons, menus) and more intricate ones (such as table structures, modal layouts). This system transformed the marketing application experience by prioritizing critical user tasks and streamlining the automation of marketing assets. Initial user testing received exceptionally positive feedback, with the system's usability score rising to over 83%, a considerable improvement from the previous score of 31% for the outdated ATM marketing solution.