Next plc Annual Report
Design
Getting the most value from the photography was key to the Next brief. As a simple and clean approach, the pure B&W interface provides a neat contrast for users and heightens the impact of the photography.
![Next homepage full](https://mattbedford.co/wp-content/uploads/2014/10/Next-homepage-full.jpg)
![Next homepage full](https://mattbedford.co/wp-content/uploads/2014/10/Next-homepage-full.jpg)
![Next-homepage-scroll](https://mattbedford.co/wp-content/uploads/2014/10/Next-homepage-scroll.jpg)
![Next-homepage-scroll](https://mattbedford.co/wp-content/uploads/2014/10/Next-homepage-scroll.jpg)
Initially inspired by medium.com. My approach to the Next Annual Report was to lead with the content which meant stripping back superfluous feeds and panels in favour of a large, simplistic area to house the copy. Photography, a key component to the Next brand, is fully revealed once the user has scrolled to the end of the page.
![Next master page top](https://mattbedford.co/wp-content/uploads/2014/10/Next-masterpage-top-alt.jpg)
![Next master page top](https://mattbedford.co/wp-content/uploads/2014/10/Next-masterpage-top-alt.jpg)
![Next master page bottom](https://mattbedford.co/wp-content/uploads/2014/10/Next-masterpage-bottom-alt.jpg)
![Next master page bottom](https://mattbedford.co/wp-content/uploads/2014/10/Next-masterpage-bottom-alt.jpg)
Mobile
![Next mobile](https://mattbedford.co/wp-content/uploads/2014/10/Next-mobile-1.jpg)
![Next mobile](https://mattbedford.co/wp-content/uploads/2014/10/Next-mobile-1.jpg)
![next-mobile-2](https://mattbedford.co/wp-content/uploads/2014/10/next-mobile-2.jpg)
![next-mobile-2](https://mattbedford.co/wp-content/uploads/2014/10/next-mobile-2.jpg)
Navigation
Tiered drop down navigation makes the site structure visible to the user. Location awareness improved with empahesis on current section
![Next-navigation-3](https://mattbedford.co/wp-content/uploads/2014/10/Next-navigation-3.jpg)
![Next-navigation-3](https://mattbedford.co/wp-content/uploads/2014/10/Next-navigation-3.jpg)
![Next-navigation-2](https://mattbedford.co/wp-content/uploads/2014/10/Next-navigation-2.jpg)
![Next-navigation-2](https://mattbedford.co/wp-content/uploads/2014/10/Next-navigation-2.jpg)