A re-fit for the pro market.
Our task on this project was to re-fit and update existing work across the 'Pro' section of the Canon site.
Introduction
I was part of a small agile team brought in to work on the redesign of the Canon Pro site. This project was an addition to a previous project for Canon.co.uk at Possible.
The team consisted of 2 x UX, 2 x Designers, 2 x Front end devs, a QA, a Project manager and a Creative director.
Research & Discovery.
We started the project by gathering visual references and sketching possible modules for the upcoming sprints.
The research involved looking at the existing pro site, available modules from the previous consumer project and a competitor analysis.
Wireframes
Based on the Sketching and conversations with the team, we would break into specialisms (UX & Design) and I started to wireframe possible solutions into the page templates we had identified for this particular sprint.
I would work the wireframes into Sketch and using type styles and sizing set in the ‘Discovery’ phase I could get the templates in a good place to hand over to the designers and also talk through decisions with the wider team and the clients.
We created editorial based templates for long form photojournalism pieces due to the content strategy from the Canon Pro content roadmap.
A version showing the docked nav functionality.
Initial navigation work
I worked with the other UX designer in the team to audit the proposed navigation structure, future content roadmap and then create an IA diagrams and wireframes that could be presented back to client.
A version of the IA to be presented to Canon clients.
Leading client workshops
During the work for the navigation, we held a workshop with key stakeholders from Canon to work on the future content roadmap and the validate our initial approach to navigation.
I ran an interactive session whereby I got the team and clients to organise upcoming & existing content under possible levels of navigation. This allowed the group to discuss and challenge the titles and grouping that could then be fed back into the IA documentation and then into the CMS.
Article guidance
Using components that were currently in development, I started to create possible layouts in Sketch using imagery and article copy that would then be rebuilt in the CMS when the modules were through QA and integrated.
