Matt Grandoni
BPBG_L.jpg

Boston Pizza Website Redesign

ICF Olson’s relationship with Boston Pizza started back in 2013 building up their MyBP loyalty program and custom CRM. By the end of 2015, I had started to work on their social and promotional content. In 2016, as Associate Creative Director, I worked with our ICF Olson team and the client to rethink and redesign the online Boston Pizza customer experience.

At the outset of the project, we met with Boston Pizza to explore and document the goals for the new website. We wanted to deliver the right message, to the right person, at the right time, while keeping the online ordering experience as seamless a


At the outset of the project, we met with Boston Pizza to explore and document the goals for the new website. We wanted to deliver the right message, to the right person, at the right time, while keeping the online ordering experience as seamless as possible. Through the use of photography, cinemagraphs, and subtle motion, our creative focus was to champion Boston Pizza’s food quality.

We also helped Boston Pizza evaluate Adobe’s Experience Manager (AEM). This CMS tool provided them the ability to easily update and edit content, organize assets, and seamlessly integrate with their analytics tool, and was ultimately the best fit f


We also helped Boston Pizza evaluate Adobe’s Experience Manager (AEM). This CMS tool provided them the ability to easily update and edit content, organize assets, and seamlessly integrate with their analytics tool, and was ultimately the best fit for their needs.

From the very beginning, we placed heavy focus on the importance of customer experience. We explored various creative territories to nail down our design principles, and narrowed the pages down to 15-20 key reusable templates and components. Each c


From the very beginning, we placed heavy focus on the importance of customer experience. We explored various creative territories to nail down our design principles, and narrowed the pages down to 15-20 key reusable templates and components. Each component was architected to account for the variability of 500+ pages that a user could interact with on the site.

We also included a usability and prototyping phase to ensure that we were designing and building an experience for real users. We built wireframe prototypes for usability testing. Our legacy with Boston Pizza offered us the benefit of having insigh


We also included a usability and prototyping phase to ensure that we were designing and building an experience for real users. We built wireframe prototypes for usability testing. Our legacy with Boston Pizza offered us the benefit of having insight into who their consumer base is. This allowed us to source and test the key personas that make up the bulk of Boston Pizza consumers, to ensure that we were delivering on our promise of a faster, simpler online ordering experience.

FinalSite_MenuPasta.jpg
FinalSite_MenuItem.jpg
Throughout the process our UX, design, development, and QA teams worked closely together to ensure we were creating the best experience for the consumer. A website style guide was created to help guide development, but also for Boston Pizza when th


Throughout the process our UX, design, development, and QA teams worked closely together to ensure we were creating the best experience for the consumer. A website style guide was created to help guide development, but also for Boston Pizza when they update their content through AEM.

StyleGuide.jpg