The Central Bank of Ireland Returns Portal

Device: Desktop Only

The ‘Returns Portal’ – Lead designer of an internal portal to manage end of year tax returns.

Research

• Review the internal portal specs and balsamic mock-ups.
• Evaluate the new External Portal in terms of functionality, accessibility, design, and technology stack.
• Study the Central Bank of Ireland’s brand guidelines.
• Audit the External Portal for accessibility compliance.
• Familiarize with NGX-bootstrap documentation.
• Analyze web traffic data for current services.

Design

• Conduct design workshops with cross-functional teams for collaboration.
• Create a comprehensive design library and guide for developer reference.
• Design a component library including:
  • Main navigation component
  • Global header component
  • Global search component
  • CBI-grid component with filtering, paging and sorting options
  • Experimental components
• Address non-functional requirements such as app loading, logging, and accessibility.
• Enhance the External Portal with new sections for Fitness and Probity, delegate on-boarding, and questionnaires.

Develop

• Develop a ‘Design Kit’ and component library
• Develop a ‘Design Guide’ for developers to use as a reference as to how to use the design kit and UI component library for best User Experience and how to comply with accessibility guidelines (WCAG 2.1 AA)

Test

• Test accessibility ARIA features using assistive technologies (NVDA and JAWS)

Gallery showing UI components

The Road Safety Authority (RSA) ‘Book a Service’ Portal

Device: Mobile, Tablet and Desktop

A vibrant interface (UI) with with a ‘Journeys and Goals’ approach taken to the User Experience (UX)

Research

• Collaborate with the Road Safety Authority and SGS project managers for requirements.
• Adopt a ‘mobile first’ design approach, ensuring responsiveness across devices.
• Implement the front-end using Angular and Material Design.
• Create a multilingual interface with multi-level navigation suitable for all devices.
• Utilize Microsoft Dynamics for back-end development.

Design

• Login/Registration: Portal access, contact creation, and credential management.
• Services/Eligibility: Manage journeys, display services, handle bookings, and check eligibility.
• Scheduling: Set up and manage bookings, including test scheduling and rescheduling.
• Payments: Handle product pricing, test payments, and refunds.
• Confirmation: Manage communication templates, portal language, and view user interactions and profiles.
• Workflow: Automate test cancellations, manage bulk operations, sync with Agresso, and communicate with customers.
• BI/Reporting: Create reports, manage dashboards, oversee demand, and perform ad hoc reporting.

Develop

• Code a component library including:
  • Multi-level responsive navigation component.
  • Journey component for the Driver Learning Journey.
  • My Goals component for tracking user goals.
  • My Messages component for RSA communication.
  • Services and Eligibility component for available services and user eligibility.
  • Book a Service component for managing appointments.

UI Gallery showing mixed interface components

UX wire-frame showing ‘Booking a Service’ component on mobile

Audio / Video Collaboration App

Client: Whole World Band

Audio / video collaboration web app designed for desktop, android & apple devices. Built using with React (JSX) and bootstrap on the Front-end.

Ensuring a consistent user experience and improved branding and as a result improved user engagement.

Below are links to a low detail mock-up which can be previewed on mobile, tablet and desktop Views. ‘Clicking on any top navigation link from with the mock-Up to see the Reset Password Modal’.