Home
ecommerce

Koodo Mobile Homepage Rebrand

View in production
JavaScript (ES6+)JavaScript (ES6+)
TypeScriptTypeScript
ReactReact
Next.js (SSR/SSG)Next.js (SSR/SSG)
React QueryReact Query
Custom HooksCustom Hooks
Styled ComponentsStyled Components
Authentication & Session ManagementAuthentication & Session Management
MUI / FigmaMUI / Figma
JestJest
Git & GitHubGit & GitHub
ContentfulContentful
AnalyticsAnalytics
Accessibility (A11y)Accessibility (A11y)
← Back to portfolioNext →

Project Summary

overview

Contributed to a high-priority rebrand of the Koodo Mobile homepage, a key marketing entry point with significant traffic and visibility across Canada.

impact

MVP and post-MVP scope delivered 1 week ahead of deadline, enabling the marketing launch to proceed on schedule.

By clarifying scope, improving refinements, and aligning development with business priorities, the team reduced rework and late-stage surprises while increasing delivery confidence and velocity.

The homepage reliably delivered accurate localized and personalized content, and team members across QA, development, and scrum publicly recognized the improvements in collaboration, process efficiency, and overall delivery quality.

challenge

The project had an aggressive deadline tied to a marketing launch, but the team lacked consistent technical direction due to limited resources, developers new to React, and an often-unavailable lead. Requirements around localization, personalization, and CMS-driven content needed to be implemented reliably, yet scope was unclear, refinement sessions were unfocused, and missing functionality and redundant code created risk of late-stage delays.

Koodo Mobile Homepage Rebrand screenshot

My Contribution

1Stabilized Planning & Scope

  • Restructured refinement sessions to focus on deliverable outcomes
  • Identified reusable components and previously completed functionality
  • Surfaced missing requirements early to avoid late scope changes
  • Prioritized MVP vs post-MVP work based on business value

2Led Technical Direction

  • Guided implementation of localized and personalized rendering logic
  • Aligned homepage product listings with CMS marketing content
  • Removed redundant code and uncovered functionality gaps
  • Ensured decisions followed broader platform standards

3Mentored & Supported the Team

  • Mentored developers newer to React and project architecture
  • Helped the team adopt better Agile practices
  • Partnered closely with QA on localized content validation
  • Became a go-to collaborator across dev, QA, and scrum

4Improved Cross-Team Collaboration

  • Built strong relationships with stakeholders
  • Helped translate business goals into technical execution
  • Supported testing workflows for dynamic CMS content