Web Design Process Casestudy

Loading...

Flash Player 9 (or above) is needed to view presentations.
We have detected that you do not have it on your computer. To install it, go here.

0 comments

Post a comment

    Post a comment
    Embed Video
    Edit your comment Cancel

    3 Favorites

    Web Design Process Casestudy - Presentation Transcript

    1. Case-study
    2. Case-study Pochard Fishing Lake Lake
    3. Pochard Fishing Lake Lake
    4. Pochard Fishing Lake Lake
    5. Case-study Pochard Fishing Lake Background - Buckinghamshire/Bedfordshire 1 De ne the role of the Client and Designer 2 De ne Website Goals 3 Target Audience & Site Personas 4 Mood Board: design inspiration 5 Wireframes, sketches, navigation and checklists 6 Photoshop Time !! 7 CSS and HTML Code
    6. Case-study Pochard Fishing Lake Lake Background - Buckinghamshire/Bedfordshire 1 De ne the role of the Client and Designer 2 De ne Website Goals 3 Target Audience & Site Personas 4 Mood Board: design inspiration 5 Wireframes, sketches, navigation and checklists 6 Photoshop Time !! 7 CSS and HTML Code
    7. Define the role of the Client and designer Your job is to focus on the needs of their users and business. Client (you) should concentrate on the broad issues, while the designer worries about the details of layout, typography and colour scheme. This helps client, you help them to provide the right kind of input throughout the process.
    8. Remember the Man From DelMonte?
    9. Case-study Pochard Fishing Lake Lake Background - Buckinghamshire/Bedfordshire 1 De ne the role of the Client and Designer 2 De ne Website Goals 3 Target Audience & Site Personas 4 Mood Board: design inspiration 5 Wireframes, sketches, navigation and checklists 6 Photoshop Time !! 7 CSS and HTML Code
    10. Site & Business Objectives Before your designer opens up Photoshop or put pen to paper, they should take the time to make sure they properly understand not only the brief but the organisation behind the site. By understanding your business objectives, organisational structure and marketing strategy their design decisions will be better informed.
    11. BUSINESS OBJECTIVES
    12. Run a Private Members BUSINESS OBJECTIVES Fishing Lake (Subscription based)
    13. BUSINESS OBJECTIVES
    14. BUSINESS OBJECTIVES
    15. BUSINESS OBJECTIVES
    16. BUSINESS OBJECTIVES SITE OBJECTIVES
    17. BUSINESS OBJECTIVES Inform Collect contact info SITE OBJECTIVES Arrange a Viewing
    18. BUSINESS OBJECTIVES SITE OBJECTIVES
    19. BUSINESS OBJECTIVES SITE OBJECTIVES SUCCESS CRITERIA (be speci c)
    20. BUSINESS OBJECTIVES SITE OBJECTIVES SUCCESS CRITERIA (be speci c) 9 New Members - Year One (£450 per member)
    21. BUSINESS OBJECTIVES SITE OBJECTIVES SUCCESS CRITERIA (be speci c)
    22. Case-study Pochard Fishing Lake Lake Background - Buckinghamshire/Bedfordshire 1 De ne the role of the Client and Designer 2 De ne Website Goals 3 Target Audience & Site Personas 4 Mood Board: design inspiration 5 Wireframes, sketches, navigation and checklists 6 Photoshop Time !! 7 CSS and HTML Code
    23. Target Audience & Site Personas
    24. Target Audience & Site Personas Who will use your site ? What will your site be like? Persona = a ctional individual who represents your site. Name, Age, Look but most important is Character. Is your sites persona enthusiastic and charismatic or considered and reliable? Is it professional or trendy? These character traits can de ne the whole direction of your site.
    25. Target Audience & Site Personas Design and Copy Writing Design and copy should be closely integrated. The Problem - Often design is produced in isolation and the designer nd himself developing templates that will have copy dropped into them later. This is far from ideal. Many designers encourage clients to provide copy upfront, this is not always possible. Solution - have a site persona that in uences the nature of both copy and design.
    26. Target Audience & Site Personas Target audience - Conservative , who are not likely to be technologically adept Site persona - straightforward, uncluttered, conservative and re ect the selling point of the lake which is that it is a tranquil rural retreat.
    27. Target Audience & Site Personas Target audience - Conservative , who are not likely to be technologically adept Site persona - straightforward, uncluttered, conservative and re ect the selling point of the lake which is that it is a tranquil rural retreat.
    28. Usability and Accessibility massive range of people: blind users, elderly users, underage users, users with slow Internet connections or older, unreliable machines users with little knowledge of the way web sites work technology enthusiasts who expect cutting edge … the whole spectrum.
    29. Usability and Accessibility
    30. Usability and Accessibility
    31. Usability and Accessibility
    32. All Types of People
    33. World Wide Web Consortium (W3C) Setting standards
    34. World Wide Web Consortium (W3C) Setting standards
    35. The Moodboard De ne the role of the Client and Designer De ne Website Goals Target Audience & Site Personas Mood Board: design inspiration
    36. Case-study Pochard Fishing Lake Lake Background - Buckinghamshire/Bedfordshire 1 De ne the role of the Client and Designer 2 De ne Website Goals 3 Target Audience & Site Personas 4 Mood Board: design inspiration 5 Wireframes, sketches, navigation and checklists 6 Photoshop Time !! 7 CSS and HTML Code
    37. Client Feeback Colours used should be natural ones, greens/browns etc to complement the photos this mood. Any additional images in addition to the photos should be few in number and quite modest probably restricted to something forming part of the name 'Pochard Lake Fishing Club' or bullet point markers. An image for example of a sherman hooking a large sh with mountain backdrop I don't feel sends the appropriate message. The name 'Pochard Lake Fishing Club' should be in a clear sensible conservative sort of typeface and not any sort of modern all lower case effect. Any colour background or coloured writing should de nitely not be at the expense of clarity and ease of reading.
    38. Are Moodboards the only way ?
    39. Are Moodboards the only way ? no!
    40. Inspiration Sites... Patrick Haney’s Flickr Feed - http://www. ickr.com/photos/splat/sets/981332/ Design Meltdown - http://www.designmeltdown.com Un Matched Style - http://www.unmatchedstyle.com/ <See Hand Out>
    41. Case-study Pochard Fishing Lake Lake Background - Buckinghamshire/Bedfordshire 1 De ne the role of the Client and Designer 2 De ne Website Goals 3 Target Audience & Site Personas 4 Mood Board: design inspiration 5 Wireframes, sketches, navigation and checklists 6 Photoshop Time !! 7 CSS and HTML Code
    42. The Navigation
    43. The Navigation Information architecture; in terms of the Web, is the science of organizing information in a useful and logical manner.
    44. The Wireframe 1 De ne the role of the Client and Designer 2 De ne Website Goals 3 Target Audience & Site Personas 4 Mood Board: design inspiration 5 Wireframes, sketches, navigation and checklists 6 Photoshop Time !!
    45. The Wireframe
    46. Client Feeback As regards the wire frame, it seems basically ne to me. Two points: I do think somehow the name 'Pochard Lake Fishing Club' needs to head the home page and if possible it would be nice to have all the relatively limited home page copy showing without having to 'read more'.
    47. Case-study Pochard Fishing Lake Lake Background - Buckinghamshire/Bedfordshire 1 De ne the role of the Client and Designer 2 De ne Website Goals 3 Target Audience & Site Personas 4 Mood Board: design inspiration 5 Wireframes, sketches, navigation and checklists 6 Photoshop Time !! 7 CSS and HTML Code
    48. Proof
    49. Proof
    50. Proof Sign Off
    51. Proof Sign Off
    52. Proof Sign Off Build
    53. Proof Sign Off Build CSS HTML
    54. Case-study Pochard Fishing Lake Lake Background - Buckinghamshire/Bedfordshire 1 De ne the role of the Client and Designer 2 De ne Website Goals 3 Target Audience & Site Personas 4 Mood Board: design inspiration 5 Wireframes, sketches, navigation and checklists 6 Photoshop Time !! 7 CSS and HTML Code
    55. Build Build
    56. Valid or Die Trying!
    57. Valid or Die Trying!
    58. Case-study Pochard Fishing Lake Lake Background - Buckinghamshire/Bedfordshire 1 De ne the role of the Client and Designer 2 De ne Website Goals 3 Target Audience & Site Personas 4 Mood Board: design inspiration 5 Wireframes, sketches, navigation and checklists 6 Photoshop Time !! 7 CSS and HTML Code
    59. Case-study Pochard Fishing Lake Lake Background - Buckinghamshire/Bedfordshire 1 De ne the role of the Client and Designer 2 De ne Website Goals 3 Target Audience & Site Personas 4 Mood Board: design inspiration 5 Wireframes, sketches, navigation and checklists 6 Photoshop Time !! st Test 7 CSS and HTML Code 8 Test Te
    60. Sign Off + Launch
    61. Sign Off + Launch off + Launch 9 Sign

    + Nathaniel DavisNathaniel Davis, 3 months ago

    custom

    563 views, 3 favs, 0 embeds more stats

    Tee Design Website Case Study

    How we define your more

    More info about this document

    © All Rights Reserved

    Go to text version

    • Total Views 563
      • 563 on SlideShare
      • 0 from embeds
    • Comments 0
    • Favorites 3
    • Downloads 19
    Most viewed embeds

    more

    All embeds

    less

    Flagged as inappropriate Flag as inappropriate
    Flag as inappropriate

    Select your reason for flagging this presentation as inappropriate. If needed, use the feedback form to let us know more details.

    Cancel
    File a copyright complaint
    Having problems? Go to our helpdesk?

    Categories