Interactive Roadmap —

Annual Operating Plan 

London College of Communication (LCC) runs an Annual Operating Plan (AOP) which outlines its goals and outcomes for the current and coming year. It also provides all documents and links for staff to get to in one place. 
 
Currently, the APO is almost unusable due to its interaction, design and language used. Myself alongside a team of students were asked to re-design this into a 'roadmap' system that is understandable and to works efficiently for staff members working at LCC.
Due to the scale of this project, we were specifically focusing on a phase one outcome.
Final Interactive Roadmap Prototype of Phase 1  
Website
Mobile
Initial Understanding + Analysis of the AOP 
We have divided the AOP into the information it contains.
The PDF document presents one initial page which displays an overview of the six main strategies of the college
 
By clicking on one of the sections, the user is directed to the following pages, where each category is more detailed. The information is presented only as lines of text, lacking any perception of hierarchy, definition and relevance.
Initial Prototype of Strands
We have proposed a consistent structure to be followed for each strand.
Once this structure has been accepted as more relevant and more easily accessible, we have been given back the three strands following the new structure.

Additionally, we have created an initial prototype of this new structure of the strands.
Through further testing and feedback from our clients we have developed upon this prototype which has led to our final outcome.