Mallcomm design system
Mallcomm is the leading retail proptech solution, providing their customers with an integrated platform to connect with stakeholders, tenants, and their customers. Used in shopping centres, workplace communities, and even airports, Mallcomm’s suite of features have helped our clients better communicate with their customers and manage their properties with increased efficiency.
One of my first tasks upon joining Mallcomm was to run an audit of the existing UI. The Mallcomm platform includes a web and mobile app, and a customer-facing white label app. As the platform had grown quickly, there were design inconsistencies across systems and branches of the software that supported bespoke or defunct functionality. New features were built into the platform upon request, which made the app’s user experience unruly.
Calmning the chaos with design guidelines
Working with account managers and developers, I created an internal white label guideline and design system for Mallcomm. The aim for this was to reduce the time spent in design and build recreating components and to easily answer questions on what the app can do. With a consistent design system, we could show clients pixel-perfect designs that would look and behave as expected on their mobile.
Though documentation isn’t the most glamorous of jobs, it’s one that’s vital for teams aiming to grow and be agile. This project opened the door to discussing how to make Mallcomm WCAG compliant and address underlying accessibility and UX issues with the platform.
Making the move to Figma
The team made the move from Adobe XD to Figma, a move which enabled the team to work more collaboratively; it became easier than ever to control access to files, showcase our work internally, and maintain consistency within all of our designs.
During the move to Figma, I took the lead in educating the wider team on how to use the software, setting up best practices for Mallcomm with a white label template for all new projects, design system, and a shareable presentation template for the team’s use.