HMRC
Data-driven dashboard for government insights
In the cold land of London-UK, a good friend of mine, a highly skilled developer, was working on various transformational projects at HMRC. One day, he phoned me up and invited me to join his team for a short-term, challenging data visualization project. I immediately accepted the challenge and played a crucial role in implementing advanced data visualization solutions to enhance the user experience for HMRC's cross-sector data insights platform. Additionally, I served as an internal consultant, advising on standards and best practices for data visualization across various government sectors, including Tax Receipts and Repayments, Governmental Programs, and Government Budgets.
CLIENT
ROLE
UX/UI Designer
Responsibilities
#User Experience Design #Data Visualization #Wireframing #Prototyping #High Fidelity UI #Visual Design #Animation #Art Direcion #Branding #Workshops #Stakeholder management
The UK’s tax, payments, and customs authority
HMRC, embarked on a mission to transform their central dashboard into a new, conceptually driven data platform spanning nine different directorates. This project aimed to create a cutting-edge platform to empower employees in making informed, data-driven business decisions, ultimately improving business performance and saving substantial time.
WORK PROCESS
Driving Continuous Improvement Through Agile Design and Stakeholder Collaboration
Working in an Agile team, I established a two-week cycle workflow to manage design iterations effectively. Each cycle involved collecting feedback, designing, reviewing, prototyping, and testing, ensuring continuous improvement and alignment with user needs.
I facilitated workshops with stakeholders to understand objectives and validate concept design drafts. These sessions provided valuable insights into evolving the dashboard and identifying the most appropriate visualizations. Through iterative design and testing, I pinpointed real user needs and pain points, crucial for delivering a solution that met company requirements.
Crafting the Initial Vision: Wireframe Examples for the First Iteration5
To bring the initial vision of the HMRC dashboard to life, I developed detailed wireframes for the first iteration. These wireframes served as a blueprint, showcasing the layout and structure of the dashboard's core components. By incorporating stakeholder feedback and aligning with user needs, the wireframes illustrated key functionalities and data visualization techniques. This early visualization was crucial for validating design concepts and ensuring that the project was on the right track from the start. These wireframe examples laid the foundation for subsequent design iterations, guiding the development of a user-friendly and efficient data platform.
VISUAL DESIGN
UI Design
As the wireframes evolved, I progressed to the final UI design. I successfully delivered a complex visualization dashboard featuring a Sunburst chart, implemented using D3.js, a JavaScript framework for advanced data visualizations. This solution ensured compatibility and seamless performance across all web browsers on both desktop and mobile devices.
Interactive Hub: Navigating Thriugh Data
The main Hub UI featured an interactive Sunburst graph, allowing users to navigate through various segments effortlessly. Each segment provided access to individual KPIs and their statuses, enabling users to assess critical metrics at a glance.
Tax Receipts Dashboard Insights
The HMRC Tax Receipts Dashboard, showcase various tax categories such as IT, VAT, and Corporation Tax. The interface includes detailed metrics on profiles, actual values, variances, and RAG (Red, Amber, Green) status indicators. Graphical representations provide insights into monthly and year-to-date trends, aiding efficient analysis and better decision-making. The dashboard's interactive elements highlight variances and time series data, delivering comprehensive insights into tax receipts' performance.
Enhanced Collaborative Q&A Board
To foster a more supportive and interactive community, the collaborative board of Q&As was redesigned to facilitate organized and accessible communication. This redesigned board allows users to efficiently provide support and help one another, ensuring conversations are structured and easy to follow. With this new system, users can communicate more effectively, delegate tasks seamlessly, and share knowledge in a more streamlined manner. The enhanced board not only promotes better collaboration but also empowers users to find solutions and make informed decisions more quickly.
