BC Ministry of Transportation
Quartech
Senior UI UX Designer
This is a 10-year project, and I joined over a year ago to better align it with the BC Government brand and make it more accessible and user-friendly.
During the PIMS project, all files were successfully transitioned from UX Pin to Figma, updating the platform to ensure a consistent, modern, and accessible product. I developed wireframes and mockups, served as the key liaison between developers, testers, and BAs, implemented T-shirt size project estimation, and created workflows and infographics within an Agile framework. I also conducted 1:1 user interviews, acting as a BA when needed.
Key Responsibilities
Collaborated in Agile 2-week sprints, providing design leadership throughout the project.
Oversaw the migration from UX Pin to Figma, ensuring a smooth transition with minimal disruption.
Focused on inclusive text, accessibility, and modernization, delivering clear wireframes and mockups.
Improved navigation and user-centric solutions while meeting tight timelines.
Goals x Results
Migration to Figma: Carefully planned and executed the transition, establishing a new Design System from scratch.
Consistency and Standardization: Created a comprehensive component library to standardize design elements across the platform.
Accessibility and Navigation Improvements: Iteratively enhanced accessibility and navigation to meet BC Government Design System standards, improving overall user experience.
Projects (solutions, wireframes, and mockups)
Filter Map, Disposition, Management, Subdivision, and Consolidation tabs: Redesigned icons, pins, and tables for clarity.
Navigation Improvements: Proposed a new navigation for the search tool, centralized modal with page tabs, and streamlined screen-to-screen flows for better usability.
Dashboard Notifications Area: Reorganized notifications to enhance the user experience.
Client Requirements
Distilled diverse client ideas into cohesive designs through effective communication and iterative feedback loops.
Conducted 1:1 user interviews to identify UI/UX issues and created tickets for the team.
Developed a new team workflow, including a visual infographic, coordinating buy-in from all team members.
Mapped information architecture workflows across the product in Figma.
Delivered developer-ready files.
User Feedback Integration
Iterated on designs based on user feedback to enhance usability and functionality.
Addressed technical constraints creatively while introducing new features through collaboration with developers.
Impact > Feedback:
Improved user experience, navigation, and product consistency, receiving praise from clients, users, and developers:
"You are making great improvements, and you have great attention to detail :)"
TP, Client/User"The improvements recently made on the UI/UX are amazing! Thank you for your hard work!"
AM, Client/User"I don’t say it much, Ana, but I appreciate all the hard work you have been doing on the project. In one year, our User Experience has improved immensely!"
CJ, Direct manager/Product Owner"Ana has been turning our product more pleasant and beautiful."
MR, Developer"This is our fantastic UI/UX Designer."
DP, Client, while introducing Ana to the Ministry of Transportation CEO.
Redesigned interface to enhance readability and usability, creating a design system with detailed developer-ready files. Improved banner UI/UX with clearer visuals, colour coding, and plain-language copy.
Organized the team workflow in 10 steps, and T-shirt size recommendations:
Wireframe for the advanced filter map: