jls photography
DESCRIPTION
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. - PowerPoint PPT PresentationTRANSCRIPT
![Page 1: JLS Photography](https://reader036.vdocuments.net/reader036/viewer/2022062321/56812be5550346895d905d45/html5/thumbnails/1.jpg)
JLS Photography
![Page 2: JLS Photography](https://reader036.vdocuments.net/reader036/viewer/2022062321/56812be5550346895d905d45/html5/thumbnails/2.jpg)
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.
![Page 3: JLS Photography](https://reader036.vdocuments.net/reader036/viewer/2022062321/56812be5550346895d905d45/html5/thumbnails/3.jpg)
Research
![Page 4: JLS Photography](https://reader036.vdocuments.net/reader036/viewer/2022062321/56812be5550346895d905d45/html5/thumbnails/4.jpg)
• colour schemes where deliberately devoid of colour.
• maximise image impact in terms of contrast.• navigation let the user know what page they
were.
![Page 5: JLS Photography](https://reader036.vdocuments.net/reader036/viewer/2022062321/56812be5550346895d905d45/html5/thumbnails/5.jpg)
Wireframes
• My Initial • 3 coulomb layout• header• logo • navigation bar
![Page 6: JLS Photography](https://reader036.vdocuments.net/reader036/viewer/2022062321/56812be5550346895d905d45/html5/thumbnails/6.jpg)
Logo• Initial idea for logo• incorporating the
clients initials • trouble decoding the
graphic • decided just letters and
no graphic
![Page 7: JLS Photography](https://reader036.vdocuments.net/reader036/viewer/2022062321/56812be5550346895d905d45/html5/thumbnails/7.jpg)
Wireframe 2
![Page 8: JLS Photography](https://reader036.vdocuments.net/reader036/viewer/2022062321/56812be5550346895d905d45/html5/thumbnails/8.jpg)
Gallery’s Wireframe
![Page 9: JLS Photography](https://reader036.vdocuments.net/reader036/viewer/2022062321/56812be5550346895d905d45/html5/thumbnails/9.jpg)
Hints and Tips Wireframe
![Page 10: JLS Photography](https://reader036.vdocuments.net/reader036/viewer/2022062321/56812be5550346895d905d45/html5/thumbnails/10.jpg)
• Took wireframes back to the client• Decided on a single page web site.• mimic a 5 page site • Using JavaScript and Jquery
![Page 11: JLS Photography](https://reader036.vdocuments.net/reader036/viewer/2022062321/56812be5550346895d905d45/html5/thumbnails/11.jpg)
Finished Site
• Elements are better aligned• Colour’s contrast better• No shouting