Portfolio Category: UI

POLICE NOW

  • Full website design with Multiple browser custom optimisation
  • Interactive map & search facility
  • Lead Developer & Digital Designer

WIREFRAME PROCESS (CREATED IN SKETCH)

policenow-wireframe-home-page
policenow-wireframe-nav-page
policenow-wireframe-accordian-page

BRIEF

A new subdivision of the Police, Police Now require a modern & clean looking site, using youthful & bright colours to establish stand-alone branding within the Police Force. This should appeal to both graduate recruits as well as current Officers.

PRODUCT

Site optimised for use with multiple browsers, from outdated versions of Internet Explorer to current iterations of Safari and Google Chrome. Intensive testing resulted in the development of 4 bespoke style sheets which auto-select and display the optimal layout dependent on the browser in use.

Key features: interactive map, responsive vertical accordions for content integration, horizontal tab navigation, wordpress database search facility & customised content filters.

CLIENT

Police Now

Minimal Icons Used for Navigation

Interactive Map with targeted popup functionality

Horizontal Tabs For Application Process

Filtered Search Pages of featured Officers

Vertical Accordion for content display

Fully Searchable Press Archive

BIG TALK PRODUCTIONS

  • Fully Responsive Website Re-Design
  • Built on a WordPress Framework
  • Conversion, creation and manipulation of all media content

WIREFRAME PROCESS (CREATED IN SKETCH)

bigtalk-wireframe-film-page
bigtalk-wireframe-home-page
bigtalk-wireframe-tv-page

BRIEF

Create a new website for the company, allowing details of all current & previous productions to be easily accessible within a clean and user friendly interface. The site should make the most of the wide variety of photographic and video media available.

PRODUCT

A 43 page build including the conversion and manipulation of all media content displayed on the site, creation of new graphics, logos and collation of copy from production materials.

CLIENT

Big Talk Productions

RESPONSIVE DESIGN

Fully responsive layout that automatically resizes content for mobile devices. Achieved through developing a modified WordPress theme with an entirely bespoke CSS.

CONTENT OPTIMISATION

In order for content to load as quickly as possible with a high quality output, images were optimised at various sizes to allow for both retina and non-retina devices, at a variety of different dimensions.