Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

MFA Thesis Defense_Chen

416 views

Published on

This is my MFA Thesis project at RIT CGD program. It's a responsive website design project for First Unitarian Church of Rochester, NY. The design concept is to provide users immersive visiting experience on cross platforms by using HTML5 video and responsive design.

Published in: Design, Technology, Business
  • Be the first to comment

  • Be the first to like this

MFA Thesis Defense_Chen

  1. 1. MFA Thesis / 05.16.2012
  2. 2. Computer Graphic Design / Chen Zhang
  3. 3. Responsive Website Design for First Unitarian Church
  4. 4. Marla Schweppe / Chris Jackson / Jeffery Sonstein
  5. 5. Thesis Proposal
  6. 6. 1Responsive Design for Cross-platform Experience / Desktop, Tablet & Mobile
  7. 7. 2Provide users real digital visiting experience / immersive & vibrant
  8. 8. 3Keep the art direction same as Louis Kahn / disciplined & clean
  9. 9. Website Audience
  10. 10. Architecture faculty & students / Architects / Design enthusiasts
  11. 11. Design Process
  12. 12. 1Mood Board
  13. 13. 2Inspiration Example Analysis / 7 categories & 31 examples
  14. 14. Frank Lloyd Wright’s Fallingwater
  15. 15. 2.5 Photos and Panoramas /Canon 5D Mark II & iPhone App
  16. 16. http://occipital.com/account/panoramas
  17. 17. 3Functional Specification
  18. 18. Responsive Design / 360 Panoramas / Video and Photo Gallery / Text Info /Interactive Map / Interactive Timeline
  19. 19. Responsive Design / 360 Panoramas / Video and Photo Gallery / Text Info /Interactive Map / Interactive Timeline
  20. 20. 4Site Map
  21. 21. Part I Part II Part III GilbertEntrance Lobby Hall Office Lobby Part 2.1 Williams Minister’sSanctuary Gallery Corridor Podium UpStairs Choir Loft Lounge UpStairs Back to Part I Kitchen EntranceReception Office Lobby Part II First Path Plan
  22. 22. Part 1 Part 3 Part 4 Gilbert Entrance Reception Part 3 Hall Office Part 3.1 Sanctuary Williams Minister’s Gallery Corridor Podium UpStairs UpStairs Part 4 Part 2 Choir LoftKitchen Back to Part I Entrance SBA Lounge UpStairs Part 4 Second Path Plan
  23. 23. Part 1 Part 2 Part 4 Entrance Kitchen Choir Loft SBA Sanctuary Lounge Back to Part I Podium Reception Williams Minister’s Office Gallery CorridorKitchen UpStairs UpStairs Part 2 Part 3 Part 3 Williams Gallery Final Path Plan on April 26th
  24. 24. 5Wireframe / Prototype
  25. 25. http://chenzhangdesign.com/thesis/test5.html
  26. 26. http://share.axure.com/3OMAJ3/
  27. 27. 5.5 Video Shooting /Spider Dolly & Tripod
  28. 28. 6Visual Design
  29. 29. 6Visual Design
  30. 30. 6Visual Design
  31. 31. 6Visual Design
  32. 32. 6Visual Design
  33. 33. 6Visual Design
  34. 34. 6Visual Design
  35. 35. 6Visual Design
  36. 36. 7Coding
  37. 37. 8Testing / Optimization
  38. 38. Navigation /Panoramas Back Button / Sound Off Button / Copy / Mobile Layout / Video Quality
  39. 39. Project
  40. 40. http://chenzhangdesign.com/kahn/
  41. 41. https://vimeo.com/42186905
  42. 42. What I Have Learned
  43. 43. 1Users Matter / Usability Testing
  44. 44. 2Like Design / Dislike Coding
  45. 45. 3Photography / Video
  46. 46. Special Thanks
  47. 47. 1Committee Members / RIT Professors
  48. 48. 2Yinan Cheng / Photography Specialist
  49. 49. 3Boyang Ma / Xuan Zhang / Fei Gao / Jiaying LiDaniel Stroke / Yuqi Xiao / Chien-Ju Peng
  50. 50. Q/A

×