Initial Situation

The existing website was mostly outdated and far behind what one would call an appropriate outlet for a company with such a high demand for professionalism and unique solutions. A prolific and lively process, involving the client and a small network of marketing heads and developers, provided a sound basis for relaunching the corporate website and introducing the new corporate design.

Shot of paper work and prototyping / wireframing process

Content Architecture

Main goal was to reorganize and sort a wide range of available products and services, while creating navigation structures and tools to make this huge ammount of content accessible and tangible for the sites audience. Considering existing design guidelines, Pro Video’s business divisions Broadcast and Conference Technology where re-introduced and provided the basic framework for the sites content architecture and navigation concept.

The front page features a dynamic flash application and a layout characterised by catching simplicity and clarity

Interface & Screen Design

Much of the early stages of this project where spent on creating rough sketches of possible walk-throughs, flows and usage scenarios that could affect the final interface and design. This paper work was a solid basis for developing first visual prototypes in form of detailed wireframes.

Referring to the following process of testing and examining important accessibility, usability and branding aspects – final content modules and elements where elaborated and refined. After further iterations of previously developed prototypes and strongly focussed on visual language, typography and layout, a coherent interface covered by a reduced, yet emotive design was created. (relaunch date still to be announced)

Collapsible sitemap element placed below the main navigation for quick content access and overview

Consistent design and coherent identification of Pro Video’s (main) business divisions Broadcast and Conference Technology

Main task was to analyze and rethink the existing website’s structure and to develop a new approach of making available contents more accessible while improving the sites usability. In a second step the look & feel got a complete overhaul based on already created prototypes and the magazines’ given style guidelines.

Exemplary screens illustrating the wireframing process

Front page featuring modular layout and maximum flexibility in design for various forms of magazine content

The new “magazine” – core feature and interface for browsing available contents chronologically, by popularity or content type

Huge variety of (content-) page types underlining the flexibility of the design solution

Individual landing pages and marketing tools gained special focus during concept and design process