JLS Photography

Brief

• complete overhaul of its website.• The current design is not of a professional

standard • interactive environment with clear

navigational elements.• Use of technologies is at your discretion.

Research

• colour schemes where deliberately devoid of colour.

• maximise image impact in terms of contrast.• navigation let the user know what page they

were.

Wireframes

• My Initial • 3 coulomb layout• header• logo • navigation bar

Logo• Initial idea for logo• incorporating the

clients initials • trouble decoding the

graphic • decided just letters and

no graphic

Wireframe 2

Gallery’s Wireframe

Hints and Tips Wireframe

• Took wireframes back to the client• Decided on a single page web site.• mimic a 5 page site • Using JavaScript and Jquery

Finished Site

• Elements are better aligned• Colour’s contrast better• No shouting