Problem Context
The University of Queensland engaged our team to improve the usability and consistency of its digital ecosystem, which spanned multiple faculties and services operating within a shared Drupal CMS. Over time, content sprawl, inconsistent design components, and fragmented navigation patterns had made it difficult for users to locate information quickly — especially on mobile. The challenge was to design a responsive component system and interface paradigm that aligned with a new information architecture (IA), improved clarity and accessibility, and could be implemented seamlessly within the University’s existing Drupal framework.
Mobile page layouts for the Study section, showing component hierarchy, content structure and navigation within the Drupal CMS framework
Mobile wireframes illustrating the “Future Students” journey, mapping content and navigation pathways to the new information architecture
Process Workflow
Collaborating closely with the IA and development teams, I worked to map content types and templates against the new site architecture, identifying overlaps and inconsistencies across multiple content owners. My process involved auditing existing Drupal components, rebuilding and consolidating them into a cohesive library, and prototyping new interface patterns for validation. We tested the navigation structure, page hierarchy, and responsive layouts through iterative wireframes to ensure that content remained readable and consistent across breakpoints. This collaborative process bridged design and development, ensuring the new component system could be adopted easily by content editors within Drupal’s existing functionality.
Wireframes depicting the Search and Filter paradigms
A sample of the design guidlines for developers to implemment the CSS constraints for truncation behaviour in mobile view
The anatomy of the Card component and it's variants across screen sizes
Mobile accordian navigation and menu item lineage structure
Final Design
The resulting design introduced a responsive, mobile-first component library optimised for clarity, flexibility, and accessibility. Each interface element — from navigation menus and search filters to content cards and image layouts — was rebuilt to maintain visual consistency and logical hierarchy across devices. The modular design allowed editors to create rich, engaging pages without deviating from accessibility standards or brand guidelines. The improved content hierarchy prioritised key student journeys, including course discovery, enrolment, and campus life, while ensuring the system remained scalable for future updates.
Example page from the component library use case guidelines for the Hero banner
Browse, filter and refine functionality for UQ Experts field of research search
Profile page desktop
Profile page mobile
Impact
The design uplift created a more unified and accessible experience across the University’s digital ecosystem. By establishing a coherent component system and aligning it with the new IA, the project reduced redundancy, simplified content management, and improved navigation across devices. Internal teams reported faster content updates, improved usability for mobile users, and greater flexibility within Drupal. For students and staff, the site became easier to navigate and more consistent, setting a foundation for the University’s ongoing digital transformation.
Problem Context
Pearson PACE was designed to empower teachers and educational institutions to create, manage, and deliver lessons, assessments, and student communications in one cohesive platform. The challenge was to unify a fragmented landscape of digital tools used by educators — lesson planning templates, assessment systems, and class communication channels — into a single, flexible interface. My role as a UX designer was to collaborate across disciplines to understand how educators build and deliver learning experiences, identify usability barriers in existing systems, and design a content resource library that balanced academic rigour with intuitive usability.
Audio content details page showing Australian cirriculum numbers and assign to class functionality
Process Workflow
AWorking alongside teachers, policy advisors, content strategists, and external developers, I led the process of mapping user journeys across the teaching lifecycle — from lesson creation and class management to grading and communication. We ran co-design sessions with educators to surface pain points, developed interaction models for organising digital content, and tested prototypes that explored new approaches to tagging, filtering, and lesson assembly. My focus was on translating the complexity of curriculum design into clear, user-centred workflows that simplified repetitive tasks, improved visibility of learning resources, and reduced friction between teaching and administrative responsibilities.
User research extracts from teacher interviews
Teacher workflow intergrating Google Classroom or Microsoft Teams as the cloud-based virtual learning environment
Student workflow from social platforms to submit course work and view assessment results
Early wireframes establishing assigning content to social platform functionality
Microsoft Teams integration with assignment creation and student work submission
Final Design
The resulting design system featured a centralised content library where teachers could search, curate, and build lesson plans using modular resources aligned to curriculum standards. Dynamic tagging and metadata allowed for flexible content organisation, while integrated communication tools and analytics supported student progress tracking and class management. The interface balanced the needs of different user groups — teachers, administrators, and students — through role-based dashboards, making the platform both powerful and approachable across education levels.
Assigning surfaced content to a class with start date, due date and error messaging
In situ assign to class modal
High level MVP screens showing prototype links
Search auto-correct functionality workthrough showing cached content, suggested search terms and front-end behaviour
Lesson details page and test screens showing integration with MS Teams and Google Classroom
Impact
The Pearson PACE platform demonstrated how human-centred design can simplify educational technology without sacrificing depth or flexibility. Through collaborative design and validation, the project delivered a product that helped educators save time, personalise lessons, and gain clearer insights into student progress. The research and design approach set a new benchmark for usability within Pearson’s digital products, and the modular structure enabled scalable adoption across schools, universities, and training providers.
Problem Context
The platform was created to make mental-health support more accessible by connecting individuals in need of help with verified practitioners and healers across a range of disciplines.
Its goal was to reduce the barriers to finding the right kind of support—matching seekers with professionals whose approach and values align with their needs.
As the lead UX designer, I collaborated with an industry expert, content strategist, and project manager to define the product vision, map user journeys for both practitioners and clients, and design a responsive interface that built trust through clarity, empathy, and privacy.
My work included developing the site’s information architecture, designing practitioner profile and booking flows, and establishing interaction patterns that support genuine human connection in a digital context. The result was two parallel experiences for distinct user groups within one coherent platform.
Hero banner for seeker landing page. The platform’s architecture supports two complementary portals — helping seekers access guidance and assisting practitioners to manage profiles, bookings, and communication tools within a shared design system.
Landing page banner for the practicioner portal
Process Workflow
Aenean nec est porttitor, tristique mauris at, venenatis massa. Morbi laoreet libero quis mauris tristique, quis blandit lectus commodo. Fusce dui dui, facilisis quis finibus eget, facilisis a neque. Aenean suscipit ligula eu condimentum ultrices. Nunc tempus urna et nisi condimentum fringilla. In eget nisi nunc. Nam quis posuere mi. Nulla accumsan, dolor vel pretium lobortis, quam ipsum finibus dui, sit amet dictum tortor nisi eget sem. Curabitur dapibus scelerisque tempor. Nulla ut pellentesque nisi, in auctor justo. Suspendisse vel maximus eros. Sed bibendum viverra est vitae venenatis. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas et suscipit dui, in auctor magna. Vestibulum consectetur arcu et pulvinar semper.
Information architecture for the practitioner portal
Information architecture for the seeker portal
Final Design
Aenean nec est porttitor, tristique mauris at, venenatis massa. Morbi laoreet libero quis mauris tristique, quis blandit lectus commodo. Fusce dui dui, facilisis quis finibus eget, facilisis a neque. Aenean suscipit ligula eu condimentum ultrices. Nunc tempus urna et nisi condimentum fringilla. In eget nisi nunc. Nam quis posuere mi. Nulla accumsan, dolor vel pretium lobortis, quam ipsum finibus dui, sit amet dictum tortor nisi eget sem. Curabitur dapibus scelerisque tempor. Nulla ut pellentesque nisi, in auctor justo. Suspendisse vel maximus eros. Sed bibendum viverra est vitae venenatis. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas et suscipit dui, in auctor magna. Vestibulum consectetur arcu et pulvinar semper.
Practitioner profile page design featuring posts, videos, podcasts, and client feedback — created to build credibility and foster trust between practitioners and seekers. This page shows attention to content hierarchy, trust signals, and user motivation.
Practitioner analytics dashboard displaying earnings, client activity, hosted events, and reviews — designed to give healers clear insight into their performance and engagement within the platform.
Seeker dashboard featuring a personal calendar and reflective journal timeline — designed to help users track sessions, goals, and emotional progress over time, encouraging reflection, continuity, and agency.
Modals and design components
Video library interface for seekers, presenting curated content tagged by topics such as depression and anxiety to support self-guided learning and emotional wellbeing - crucial for information-rich experiences that combine content taxonomy and discoverability.
Impact
Aenean nec est porttitor, tristique mauris at, venenatis massa. Morbi laoreet libero quis mauris tristique, quis blandit lectus commodo. Fusce dui dui, facilisis quis finibus eget, facilisis a neque. Aenean suscipit ligula eu condimentum ultrices. Nunc tempus urna et nisi condimentum fringilla. In eget nisi nunc. Nam quis posuere mi. Nulla accumsan, dolor vel pretium lobortis, quam ipsum finibus dui, sit amet dictum tortor nisi eget sem. Curabitur dapibus scelerisque tempor. Nulla ut pellentesque nisi, in auctor justo. Suspendisse vel maximus eros. Sed bibendum viverra est vitae venenatis. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas et suscipit dui, in auctor magna. Vestibulum consectetur arcu et pulvinar semper.
Healer database search results
Landing page content for practitioners
Problem Context
Hedge fund managers needed a more efficient way to monitor risk exposure and portfolio performance across multiple data sources. Existing tools presented information in fragmented dashboards that required manual reconciliation and interpretation. The challenge was to design an interface that brought together exposure data, cash positions, and task insights into a single, intuitive system—reducing cognitive load and supporting confident decision-making in fast-moving market conditions.
Dashboard view of the Hedge Portal showing exposure summary, hedge ratios, balances, task status, and cash-flow forecasts — designed to give fund managers an at-a-glance understanding of portfolio risk and performance.
Process Workflow
To make Orbit’s data-heavy workflows usable and intuitive, I began by analysing how hedge fund managers and analysts interacted with risk exposure data in their existing tools. The process was complex, repetitive, and error-prone. I collaborated with the product owner and engineering team to redesign this workflow into four clear stages: upload, categorise, review, and label. I created wireframes and prototypes to test data hierarchy, visual grouping, and interaction flow. User feedback guided refinements that simplified navigation and improved data validation accuracy. The result was a streamlined process that transformed an intricate, technical task into an intuitive, guided experience.
Initial upload interface allowing users to import financial data via CSV. Designed for clarity and error prevention, guiding fund managers through a structured file submission process.
Final Design
The final Orbit interface delivered a cohesive, data-driven environment where hedge fund managers could view exposure, balances, and cash flow forecasts in a single, responsive dashboard. The design system unified over twenty interaction components, ensuring consistency across complex analytical workflows. Each screen was optimised for clarity and responsiveness, balancing depth of data with visual simplicity. Key user flows—such as file upload, validation, and analysis—were transformed into guided steps with clear progress indicators and feedback states. This design reduced the time spent navigating between tools and allowed portfolio managers to focus on interpreting insights rather than managing data.
Exposure dashboard visualising FX exposure across multiple currencies, hedge ratios, and detailed cash-flow positions. Designed to give fund managers a clear, real-time view of portfolio risk and performance within a single, interactive workspace.
Exposure Summary tab presenting Saturn AI Assistant’s key findings, including exposure risk analysis, hedge ratios, recommendations, and mid-market swap rates. Designed to translate complex financial data into clear, actionable insights for portfolio managers.
Trade interface enabling fund managers to request and compare quotes, review trade history, and view market movements in real time. The interaction design supports rapid evaluation and confident execution of complex financial transactions.
Impact
The redesign reduced the number of steps required to upload and analyse data by more than half, while improving user confidence in the accuracy of results. Fund managers reported clearer visibility across exposure categories and faster turnaround for reporting and decision-making. By grounding every interaction in user workflow research, the final product delivered measurable gains in efficiency and clarity—transforming a complex, error-prone process into an intuitive analytical experience.
Analytics and Reporting page displaying hedge views of mark-to-market rates and relative asset values. Designed to give fund managers a clear comparative perspective on portfolio performance and hedge effectiveness through dynamic data visualisation
Overview screen consolidating trade status, pending entries, and conditional orders into a unified view. Clear hierarchy and responsive layouts support fast monitoring and decision-making in dynamic trading environments.
Problem Context
RealMe is New Zealand’s national digital identity platform, enabling citizens to verify their identity online for secure access to government and private sector services. The existing verification experience was inconsistent across web and mobile, leading to user confusion, incomplete registrations, and support requests. The challenge was to design a unified verification flow that balanced strict security requirements with ease of use and accessibility — particularly for first-time users and those less familiar with digital identity concepts.
Process Workflow
I worked with the product team, service designers, and developers to map the complete identity-verification journey — from document upload and biometric validation through to account activation and third-party authentication. Through a series of workshops and journey-mapping sessions, we identified key friction points in user comprehension and task flow. Using wireframes and interactive prototypes, I tested language, hierarchy, and visual cues to improve task clarity. Accessibility and inclusivity guided every iteration, ensuring the process worked seamlessly across devices and user abilities.
Early discovery workshop exploring user pain points and opportunities in the RealMe verification process. Sticky-note synthesis helped the team map user emotions, accessibility barriers, and technical constraints before moving into structured journey mapping.
Page from a comparative research report analysing loyalty and ID verification apps currently in market. The review identified common trust patterns, onboarding flows, and visual conventions that informed RealMe’s design strategy and usability principles
User journey flow charts mapping the end-to-end sign-up process for a university student verifying their identity through RealMe. This visualisation helped identify friction points, clarify decision paths, and align technical and design teams around a unified experience.
Final Design
The final design introduced a clear, step-by-step verification process with transparent progress indicators, simplified document instructions, and real-time feedback for errors. Mobile camera integration was streamlined to guide users through capturing valid ID and face-match photos without breaking flow. Consistent typography, iconography, and visual cues reinforced trust and readability, while modular components ensured scalability across other RealMe services. The new design system also supported adaptive layouts, improving usability across screen sizes and connection speeds.
Detail of the processs flow for a student to apply for a student ID card. This was used to generate the low-fi prototype for user validation and language refinement in one to one interviews.
Complete prototype wireframes mapping the student ID application flow. The prototype was tested to confirm that navigation, task order, and feedback cues supported an intuitive, frictionless user experience.
Impact
The redesigned verification experience reduced drop-off rates during the photo ID and biometric verification steps by an estimated 30%. Early testing with diverse user groups showed increased task completion confidence and higher satisfaction with clarity and tone of communication. Beyond usability gains, the new design strengthened public trust in digital identity by making a complex, high-security process feel transparent, human, and approachable — setting a new standard for user-centered design in government digital services. View the initial prototype for University ID card here here.
Problem Context
The Reserve Bank of Australia (RBA) wanted to ensure its flagship website, rba.gov.au, reflected its public responsibility to be accessible, transparent, and informative for all Australians. The existing site had evolved over many years, leading to complex navigation, inconsistent content hierarchy, and barriers for users with accessibility needs such as low vision or screen reader dependency.
The challenge was to understand how diverse audiences — from economists and analysts to journalists, educators, and the general public — discover, interpret, and act on economic information. Our task was to develop a research strategy that identified usability pain points and provided evidence-based recommendations for improving accessibility, structure, and communication across the site.
Page from the redesigned RBA website showing the new global navigation, side accordion menu, improved content hierarchy, and restructured footer. Each element was informed by user research and accessibility testing to improve clarity, discoverability, and ease of navigation.
Workflow
Working in partnership with research firm Aylmer Anderson, I helped lead the design and execution of a comprehensive UX research framework structured into four stages: Discovery, Synthesis, Design, and Testing.
During the Discovery phase, we conducted stakeholder interviews, heuristic reviews, and accessibility audits to map the current experience. We defined a statistically representative spread of users, ensuring balanced participation from key groups including individuals with low vision and assistive technology users.
In the Synthesis phase, we organised qualitative insights and quantitative data into actionable themes around content comprehension, navigational behaviour, and accessibility friction. These insights informed a design strategy that guided subsequent prototyping, testing, and iteration.
Overview of the four-phase design strategy: Discovery, Synthesis, Design, Test & Iterate. The framework aligned researchers, designers, and stakeholders around a shared process for transforming user insights into accessible, evidence-based design outcomes.
User interaction heat map from the legacy RBA homepage highlighting click density across key elements. Findings from this analysis informed navigation restructuring and content hierarchy improvements in the redesigned site.
Excerpt from the Discovery phase documentation identifying key user groups and sub-segments. This framework informed participant recruitment and ensured the research captured balanced perspectives across professional, educational, and general public audiences.
Excerpt from the user research synthesis summarising findings from video interviews. The table captures recurring themes, user behaviours, and accessibility challenges that informed the design recommendations for rba.gov.au.
Personas generated from the synthesis phase, translating research findings into relatable user archetypes. These profiles helped the team maintain empathy and design focus across diverse audiences, from analysts and educators to everyday users.
Final Design
Based on our findings, the design recommendations focused on creating a more intuitive information architecture, improving content readability, and embedding accessibility standards at every level of design and development. We proposed a clearer visual hierarchy for data-heavy pages, consistent interaction patterns across content types, and improved alt-text and keyboard navigation support for assistive users.
The team’s iterative design process involved prototyping improved navigation models and testing them with a diverse mix of participants to validate clarity and comprehension. Each recommendation was backed by user evidence, ensuring design changes aligned with measurable accessibility and usability outcomes.
Initial homepage wireframe created at the start of the prototyping phase. The layout tested new content hierarchy, navigation pathways, and accessibility improvements identified during the research stages, forming the foundation for user testing and iteration.
Example of the redesigned RBA website incorporating recommendations from the research project. The improvements in hierarchy, navigation, and accessibility demonstrate how evidence-based UX design translated into tangible user and organisational benefits.
Impact
The research outcomes and design recommendations provided the RBA with a clear roadmap for modernising rba.gov.au while meeting WCAG 2.1 accessibility standards. By grounding every recommendation in user evidence, the project helped the Bank prioritise changes that had the greatest impact on inclusivity and comprehension.
The collaboration between the RBA, Aylmer Anderson, and our design team strengthened the organisation’s understanding of its diverse audiences and set a foundation for ongoing, user-centred digital transformation. The project demonstrated how thoughtful UX research can translate institutional complexity into clarity, transparency, and trust.