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: