Delivering a successful financial ecosystem experience requires simplicity across a complex set of products and services. Kastelo needed a cohesive UX/UI that connected the wallet, GIGS, and Kastelo Pay while embedding a rewards programme that encouraged positive financial behaviour. Existing patterns were inconsistent, and mobile interactions, like navigation and action buttons, created friction for users.
Approach
Drawing on product strategy expertise, the rewards programme and app UX/UI were shaped as part of a broader ecosystem vision. Navigation was simplified, the rewards proposition was embedded naturally within the wallet, and the homepage was redesigned to serve both financial tools and integrated services. A consistent design language and careful attention to detail ensured the platform remained intuitive, scalable, and engaging without adding complexity.
Design system
Simultaneously, the direction and build of a new design system were led to support this ecosystem. Structured card components were created using auto layout, with precise padding and spacing rules to ensure consistency. Style guide variables were integrated to standardise colour usage, and small details, such as a 50 grey background, helped cards stand out while maintaining hierarchy. Patterns across the app were identified, defining when cards should be used within specific flows to reduce clutter and repetition. On mobile, fixed action buttons were standardised at the bottom of the screen to improve usability and address responsive challenges.
