My AMP Client portal
Your financial hub for banking on the go to view, manage and track your transactions. View all your transactions on My AMP.
Created and led the design system for My AMP Portal
Client: AMP, financial services
Platform: online web portal
My Role: Senior Product Designer
My AMP is the customer portal for AMP Bank customers, used daily for managing investments, superannuation, and banking products. Over time, the existing component library became outdated and fragmented with inconsistent UI patterns and outdated components that affected design consistency and delivery. Designers were recreating components from scratch without a single source of truth.
Built and maintained a scalable design system for the My AMP portal so that there was a single source of truth.
With new styles being created as part of the UI refresh of parts of the portal, not all components were maintained in the design library. After identifying UI consistencies, duplicate components and the need for new design patterns, I consolidated and integrated variants, whilst also re-establishing naming conventions and usage guidelines. Next, I established Design Ops cadence across the other AMP products to ensure consistency and monthly sync for new components. Led discussions with tech leads to ensure design and dev hand offs were seamless.
Overall, improved consistency and design to dev efficiency enabling teams to work on features effectively.
All components were scalable for all responsive layouts allowing teams to create designs faster and ensuring consistency across product features and teams. Proceeded with next steps to work closely with the dev team to ensure the dev library was aligned and consistent with the new styles.