Tools Used
Role:
UX UI Designer
Prototype
Front End Development
User Research
Tools:
Figma
Liquid
Power Apps
HTML5
Members of the team:
San Selvarajah
Brittany Brunt
Junaid Sarwar
Durham Region case study
Mission
The mission of the Durham Region project was to create a unified, accessible, and user-friendly digital platform that allows residents to easily access regional services, make payments, and submit requests online. The goal was to modernize the existing 311 service experience through a centralized portal that prioritizes clarity, inclusivity, and efficiency, ensuring that all residents — regardless of age, ability, or device — could interact seamlessly with regional services.
My Contribution
As the Lead UX/UI Designer, I was responsible for designing the full digital experience for the Durham Region’s 311 portal. I led the creation of the design system, ensuring accessibility compliance (WCAG 2.1 AA), visual consistency, and scalability across multiple service pages. My work included information architecture, interaction flows, and responsive layouts for core modules such as the Payments, Service Requests, and Feedback pages. I collaborated closely with developers to translate design components into reusable front-end elements, improving both design consistency and development efficiency.
Redesign using best practices of
User Centric Design
In my journey as a UX/UI designer, I take immense pride in crafting completed projects that not only meet client expectations but also enhance the user experience. My focus is on creating websites that are aesthetically pleasing and user-friendly, ensuring that every component aligns seamlessly with user needs. I prioritize optimization throughout the design process, allowing for maximum efficiency and enjoyment for users. Let’s collaborate to bring your next project to life with a design that resonates.
200K Users
Insight-Driven User Research for Impactful Design
12–15
User Interviews participants across 3 customer types
8
UTesting Sessions on desktop + mobile prototypes
10%
A/B Testing improvement in findability
Design System
Establishing a unified design system for the Durham Region platform was a major step forward in improving both design consistency and development efficiency. By creating a shared library of reusable components, standardized styles, and accessibility-compliant patterns, we enabled designers and developers to collaborate seamlessly and maintain visual and functional consistency across multiple services. For the development team, the design system reduced redundancy, simplified implementation, and significantly accelerated build times. It also provided a single source of truth that allowed future updates and new features to be deployed faster and with greater quality assurance.
Brand Strategy
Crafting strategic brand solutions that resonate with Durham Region. I analyzed market trends, competitor strategies, and consumer behavior.
UI/UX Design
Crafting strategic brand solutions that resonate with Durham Region. I analyzed market trends, competitor strategies, and consumer behavior.
Visual Identity
Building strong visual identities that communicate the brand story effectively.
Adapting to Every Screen
Responsive Design
At Durham Region, I understand just how crucial responsive design is in today's digital landscape. With data showing that 70% of users navigate Durham 311 via mobile devices, my goal is to ensure that every interaction is seamless and user-friendly. By focusing on user design needs, I strive to create experiences that not only look great but also function flawlessly. Whether you’re accessing information on-the-go or through a desktop, I'm dedicated to providing a consistent and engaging experience for everyone.
Alerts Integrations
Integrating front end alerts into your user experience can be a game changer. I specialize in designing and implementing seamless social media alerts that keep your audience engaged and informed. I created a dynamic interface that enhances your site’s interactivity and draws users in
Accesibility and Colors Variations
As part of the Durham Region design system, I developed a comprehensive accessibility and color framework to ensure every interface met WCAG 2.1 AA standards. This included defining high-contrast color palettes, accessible text and background combinations, and state variations for interactive components such as buttons, inputs, and alerts. I created light and dark themes, expanded the palette to cover status colors (success, warning, error, info), and validated each tone for contrast ratio compliance. The system not only enhanced visual clarity for users with low vision but also gave developers clear color tokens and usage guidelines, ensuring consistent accessibility across all digital services.
Payments
The goal was to redesign the Payments page to make it more intuitive, transparent, and accessible for users completing transactions for regional services. Many users previously reported confusion around payment steps, confirmation messages, and accepted methods the redesign focused on clarity and trust.
The redesigned Payments page focuses on clarity, trust, and accessibility.
Breaking the flow into clear visual steps reduces user anxiety and prevents drop-offs.
Site Map
Defining the User Flow
I moved on to defining the user journeys and wireframes for each core feature, focusing on simplifying navigation and minimizing user friction. This stage allowed us to validate the information architecture early and ensure that every interaction aligned with the client’s goals and the users needs.
