Your SlideShare is downloading. ×
0
MFA Thesis / 05.16.2012
Computer Graphic Design / Chen Zhang
Responsive Website Design for    First Unitarian Church
Marla Schweppe / Chris Jackson / Jeffery Sonstein
Thesis Proposal
1Responsive Design for Cross-platform Experience /            Desktop, Tablet & Mobile
2Provide users real digital visiting experience /            immersive & vibrant
3Keep the art direction same as Louis Kahn /            disciplined & clean
Website Audience
Architecture faculty & students / Architects /              Design enthusiasts
Design Process
1Mood Board
2Inspiration Example Analysis /  7 categories & 31 examples
Frank Lloyd Wright’s Fallingwater
2.5  Photos and Panoramas /Canon 5D Mark II & iPhone App
http://occipital.com/account/panoramas
3Functional Specification
Responsive Design / 360 Panoramas / Video and Photo Gallery / Text Info /Interactive Map / Interactive Timeline
Responsive Design / 360 Panoramas / Video and Photo Gallery / Text Info /Interactive Map / Interactive Timeline
4Site Map
Part I                        Part II                          Part III                                                   ...
Part 1                           Part 3                      Part 4                                                       ...
Part 1                         Part 2                       Part 4      Entrance                           Kitchen        ...
5Wireframe / Prototype
http://chenzhangdesign.com/thesis/test5.html
http://share.axure.com/3OMAJ3/
5.5  Video Shooting /Spider Dolly & Tripod
6Visual Design
6Visual Design
6Visual Design
6Visual Design
6Visual Design
6Visual Design
6Visual Design
6Visual Design
7Coding
8Testing / Optimization
Navigation /Panoramas Back Button / Sound Off Button /   Copy / Mobile Layout / Video Quality
Project
http://chenzhangdesign.com/kahn/
https://vimeo.com/42186905
What I Have Learned
1Users Matter / Usability Testing
2Like Design / Dislike Coding
3Photography / Video
Special Thanks
1Committee Members / RIT Professors
2Yinan Cheng / Photography Specialist
3Boyang Ma / Xuan Zhang /   Fei Gao / Jiaying LiDaniel Stroke / Yuqi Xiao /      Chien-Ju Peng
Q/A
MFA Thesis Defense_Chen
MFA Thesis Defense_Chen
MFA Thesis Defense_Chen
MFA Thesis Defense_Chen
MFA Thesis Defense_Chen
MFA Thesis Defense_Chen
MFA Thesis Defense_Chen
MFA Thesis Defense_Chen
MFA Thesis Defense_Chen
MFA Thesis Defense_Chen
MFA Thesis Defense_Chen
MFA Thesis Defense_Chen
MFA Thesis Defense_Chen
MFA Thesis Defense_Chen
MFA Thesis Defense_Chen
MFA Thesis Defense_Chen
MFA Thesis Defense_Chen
MFA Thesis Defense_Chen
MFA Thesis Defense_Chen
MFA Thesis Defense_Chen
MFA Thesis Defense_Chen
MFA Thesis Defense_Chen
MFA Thesis Defense_Chen
MFA Thesis Defense_Chen
MFA Thesis Defense_Chen
MFA Thesis Defense_Chen
Upcoming SlideShare
Loading in...5
×

MFA Thesis Defense_Chen

195

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
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
195
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "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
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×