City of Brampton Recreation Website
Digital Planning
Web production • CMS • Analytics • Accessibility Compliance
As a Digital Planning Associate for the City of Brampton's Recreation department, I manage web content operations to ensure our digital presence remains accurate and engaging.
I work primarily with SharePoint, HTML/CSS, and email marketing platforms to keep residents informed about recreation programs and services across the city.
Daily Tasks Include
Executing website updates - announcements, banners,
campaign pages, micro sites etc.Maintaining content workflows
Translating departmental needs and working closely
with IT to ensure accessible, compliant web experiencesDesigning various marketing collateral for Recreation events/presentations
Conducting monthly analytics reporting using GA4 (tracking top pages, engagement rates, and user behavior)
Community Centre Web Pages
Highlighted Project
Recreation Revitalized Project Pages - Redesign
The Recreation Revitalized initiative needed a consistent, user-friendly web presence to communicate ongoing facility renovation projects to Brampton residents. The existing pages lacked visual hierarchy, accessibility features, and a cohesive design system.
The Century Gardens Youth Hub project page was used for the mock-up. This required a comprehensive redesign that would:
Provide clear project timelines and milestones
Engage community members with updates and opportunities for feedback
Meet WCAG 2.0 AA accessibility standards
Maintain consistency with other City of Brampton.ca web project pages
Timeline
November, 2025 - Ongoing
My Role - Lead Designer
Worked closely with IT to identify existing SharePoint design patterns used across brampton.ca.
Researched and documented reference pages for design consistency
Collaborated with stakeholders to understand content priorities and user needs
Analyzed user flow and determined optimal content hierarchy.
Created initial wireframes incorporating stakeholder feedback
Iteratively refined layout based on technical constraints and accessibility requirements
Implementing the new finalized template on all Recreation Revitalized webpages, once complete.
Low Fidelity Wireframes
High Fidelity Mock-ups
Mobile Presentation Mock-up
Prototype available soon!
Projected Outcomes
Scalable Template: Created mock-up for IT for a reusable component library applicable to all Recreation Revitalized projects, reducing future development time
Design Consistency: Established patterns aligned with existing City web properties for a cohesive user experience
Improved Accessibility: Enhanced information accessibility for residents tracking renovation projects through clear timelines and progress indicators
Stakeholder Collaboration: Successfully navigated technical constraints and stakeholder feedback to deliver production-ready designs
Skills Demonstrated
Design & Prototyping: Figma, Wireframing, UX/UI Design, Design Systems
Development: HTML5/CSS3, Bootstrap, Responsive Design, Cross-browser Testing
CMS & Implementation: SharePoint, Content Management, Technical Documentation
Accessibility & Standards: WCAG 2.0 AA Compliance, Inclusive Design
Collaboration: Stakeholder Management, Cross-functional Teams, Analytics (GA4)