Portfolio

459 views

Published on

An example chronological review of the type of work I have done over the past decade for various clients.

Published in: Design, Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
459
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • BMW.CAEarliest examples from BR of wireframesExisting client already in maintenance modeProjects were continuous and focusedNo proper UCD methodology applied
  • BMW.CAEarliest examples from BR of wireframesExisting client already in maintenance modeProjects were continuous and focusedNo proper UCD methodology applied
  • Sitemap / Workflow diagramSoft ConfiguratorHard Configurator
  • Soft ConfiguratorMy BMWAdd to Car
  • Hard Configurator
  • Summary Screen
  • Action Window call-out page
  • Lead to us working with Kayak.com / AOL Travel to implement the same kind of ideas “Rapport” for Travel.
  • We were given every possible piece of information EA had on:The current state of the console marketConsumer brand awarenessBranding initiativesUsability Testing
  • As well as PersonasPersonas were developed based on market research and client input.
  • And an internal component scanA scan of all current properties was done to find and compare similar features to highlight best practices.
  • During discovery the client, creative director, and I worked on concepts for a new EASPORTS.COM
  • Note the DateReplacement of Sitemap with Table of ContentsIntroduction of Version HistoryUpdates this Version
  • New Annotation StyleHeader considered across main brand sites
  • More detailed Game FinderFutureproofed – XBOX360
  • Homepage Wireframe
  • As well as projected content roadmaps for the various tiers of games.
  • Explanation of the page structure for Interface Development.
  • Exmaple of widget/Grid layout.
  • Designed elements included in notes to convey concepts such as transparency.
  • Portfolio

    1. 1. Portfolio Review<br />John Cameron Fairley<br />
    2. 2. Welcome and thank you.<br />
    3. 3. Selected Projects<br />2000-2008<br />Recent Work<br />2008-2011<br />
    4. 4. 2001 2002 2003 2004 2005 2006 2007 2008<br />BMW.CA<br />
    5. 5. 2001 2002 2003 2004 2005 2006 2007 2008<br />BMW.CA – CONFIGURATOR<br />
    6. 6.
    7. 7.
    8. 8.
    9. 9.
    10. 10.
    11. 11. 2001 2002 2003 2004 2005 2006 2007 2008<br />CITY OF MISSISSAUGA<br />
    12. 12.
    13. 13.
    14. 14.
    15. 15.
    16. 16.
    17. 17.
    18. 18.
    19. 19.
    20. 20. 2001 2002 2003 20042005 2006 2007 2008<br />AOL SHOPPING<br />
    21. 21. 2001 2002 2003 20042005 2006 2007 2008<br />AOL SHOPPING - RAPPORT<br />
    22. 22.
    23. 23.
    24. 24.
    25. 25. 2001 2002 2003 20042005 2006 2007 2008<br />AOL SHOPPING - INSTORE<br />
    26. 26.
    27. 27.
    28. 28.
    29. 29.
    30. 30.
    31. 31.
    32. 32.
    33. 33. 2001 2002 2003 2004 2005 2006 2007 2008<br />AOL TRAVEL<br />
    34. 34.
    35. 35.
    36. 36. 2001 2002 2003 2004 20052006 2007 2008<br />EA<br />
    37. 37. 2001 2002 2003 2004 20052006 2007 2008<br />EA - PLANNING<br />
    38. 38. From Planning To Production<br />
    39. 39. EA FY06PLANNING WORKSHOPS<br />Redwood City – April 27-29, 2005<br />
    40. 40. Agenda<br />
    41. 41.
    42. 42. Inconsistent layout disorients the user, making it difficult to ‘learn’ how to navigate across EA sites<br />
    43. 43.
    44. 44.
    45. 45. 2001 2002 2003 2004 20052006 2007 2008<br />EA – EA SPORTS<br />
    46. 46.
    47. 47.
    48. 48.
    49. 49.
    50. 50.
    51. 51.
    52. 52. 2001 2002 2003 2004 20052006 2007 2008<br />EA – TITLE FRAMEWORK<br />
    53. 53.
    54. 54.
    55. 55.
    56. 56.
    57. 57.
    58. 58. Selected Projects<br />2000-2008<br />Recent Work<br />2008-2011<br />
    59. 59. 2008 2009 2010 2011<br />CANPAR<br />
    60. 60. 2008 2009 20102011<br />PFIZER.CA<br />
    61. 61. 2008 2009 20102011<br />PFIZER.CA – MARKET SCAN<br />
    62. 62.
    63. 63.
    64. 64.
    65. 65.
    66. 66.
    67. 67.
    68. 68.
    69. 69.
    70. 70. 2008 2009 20102011<br />PFIZER.CA – WIREFRAMES<br />
    71. 71.
    72. 72.
    73. 73.
    74. 74.
    75. 75.
    76. 76. 2008 2009 20102011<br />HOME HARDWARE<br />
    77. 77. 2008 2009 20102011<br />HOME HARDWARE - PLANNING<br />
    78. 78.
    79. 79.
    80. 80.
    81. 81. 2008 2009 20102011<br />HOME HARDWARE - WIREFRAMES<br />
    82. 82.
    83. 83.
    84. 84.
    85. 85.
    86. 86.
    87. 87.
    88. 88. COMPETITIVE RESEARCH<br />HEURISTIC EVALUATIONS<br />REQUIREMENTS GATHERING<br />PERSONA DEVELOPMENT<br />CONTENT INVENTORY<br />SITEMAPS<br />INFORMATION<br />INTERACTION ARCHITECT<br />DESIGNER<br />WIREFRAMES<br />USER TASK FLOWS<br />GUERILLA USABILITY TESTING<br />
    89. 89. Questions?<br />

    ×