Colliers, with over 27 years in the market, is renowned for providing expert real estate and investment advice, delivering compound annual returns of 20% to its shareholders. While managing multiple OutSystems applications, the company identified the need for greater consistency and faster development, particularly when creating or updating apps.
In collaboration with Hi Interactive, we delivered user experience solutions, including mobile and web style guides. This partnership enabled Colliers’ team to build applications more efficiently, aligning interfaces with brand guidelines, promoting component reuse, and ensuring visual quality and consistency.
By implementing design system methodologies and optimizing the OutSystems platform, Colliers accelerated time-to-market, reduced development costs, and created a scalable foundation for future applications, ultimately delivering real business value.
In the UX phase, we focused on defining a modular approach to support Colliers’ app strategy. We conducted research and created low-fidelity wireframes to understand user needs and app flows. Deliverables included full layouts and essential assets, such as responsive menus, headers, and footers.
This phase ensured consistency, scalability, and a seamless user experience, providing a solid foundation for the UI work and enabling development teams to efficiently implement apps while keeping interfaces aligned with brand guidelines.
Analyzed user needs and workflows to define an effective and intuitive experience.
Created wireframes to visualize flows, structure, and component placement across apps.
In the UI phase, we converted UX insights into high-fidelity prototypes using InVision. We built a full theme, including all available OutSystems UI components, ensuring responsiveness and brand alignment. All interface elements—menus, headers, footers, and reusable components—were documented in the design system (HighLight).
This structured approach accelerated development, promoted component reuse, and ensured visual consistency across applications, enabling Colliers to deliver polished, cohesive, and engaging interfaces efficiently while maintaining flexibility to scale and adapt to future app requirements.
Transformed UX wireframes into visually detailed prototypes for seamless application development.
Developed a full theme with all OutSystems components, ensuring brand consistency.
Documented all components and layouts in HighLight to support reuse and scalability.
In the development phase, we implemented the complete Style Guides for web and mobile, including UI components, responsive layouts, template screens, and a 3,000-icon library. Using Agile methodology, development was split into sprints, enabling faster feature delivery, testing in production, and iterative improvements.
We actively participated in client meetings, provided code reviews, suggested new components, and ensured performance optimization, particularly in mobile apps. Knowledge transfer and detailed sprint reports guaranteed the client could maintain the design system effectively and continue scaling applications efficiently.
Delivered complete Style Guides with components, templates, custom icons, and responsive layouts.
Split development into sprints for faster delivery, real-user testing, and iterative improvements.
Supported developers, reviewed code, suggested architecture, and provided detailed reports for maintenance.
The project delivered a comprehensive Style Guide that became a central reference for all designers and developers, ensuring consistency across Colliers’ applications. By providing reusable templates, components, and clear design rules, we enabled scalable development and maximized the benefits of the OutSystems low-code platform.
The solution significantly reduced rework and allowed faster front-end development, saving over 1,600 hours. Additionally, it created a solid foundation for Colliers’ international digital expansion. The final UI, showcased in high-fidelity images, highlights a polished, cohesive, and responsive design that enhances user experience while supporting the company’s growth and efficiency objectives.
Hi Interactive worked with Colliers to develop a B2C and B2E design system. The system has allowed us to bring consistency to all our applications built on OutSystems and has removed the need for extensive design on each project.
Reach out to explore tailored solutions for your business challenges.
Hi Interactive Corp. 1030 Salem Road Union, NJ 07083
Alcântara-Rio Bloco A, nº36 – 2º Dto, R. Cozinha Económica 1300-149 Lisboa
info@hi-interactive.com
+351 213 630 796