MFA Thesis / 05.16.2012
Computer Graphic Design / Chen Zhang
Responsive Website Design forFirst Unitarian Church
Marla Schweppe / Chris Jackson / Jeffery Sonstein
Responsive Design for Cross-platform Experience / Desktop, Tablet & Mobile
1
Provide users real digital visiting experience / immersive & vibrant
2
Keep the art direction same as Louis Kahn / disciplined & clean
3
Architecture faculty & students / Architects / Design enthusiasts
Inspiration Example Analysis / 7 categories & 31 examples
2
Frank Lloyd Wright’s Fallingwater
Photos and Panoramas / Canon 5D Mark II & iPhone App
2.5
http://occipital.com/account/panoramas
Functional Specification
3
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
Entrance
Lobby
Sanctuary
Podium
UpStairs
Kitchen
Reception Office
Lobby
Lounge
Lobby
Office
Williams Gallery
Minister’s Corridor
UpStairs
Gilbert Hall
Choir Loft
Part I Part II Part III
Back to Part I Entrance
Part II
Part 2.1
First Path Plan
Entrance
Sanctuary
Podium
UpStairs
Kitchen
SBA Lounge
ReceptionOffice
Williams Gallery
Minister’s Corridor
UpStairs
Gilbert Hall
Choir Loft
Part 1 Part 3 Part 4
Back to Part I Entrance
Part 2
Part 3.1
UpStairs
Part 3
Part 4
Part 4
Second Path Plan
Entrance
Sanctuary
Podium
UpStairsKitchen
SBA Lounge
ReceptionOffice
Williams Gallery
Minister’s Corridor
Choir Loft
Part 1 Part 2 Part 4
Back to Part I
Part 2
UpStairs
Final Path Plan on April 26th
Part 3
Kitchen
Part 3
Williams Gallery
Wireframe / Prototype
5
http://chenzhangdesign.com/thesis/test5.html
http://share.axure.com/3OMAJ3/
Video Shooting / Spider Dolly & Tripod
5.5
Testing / Optimization
8
Navigation / Panoramas Back Button / Sound Off Button /
Copy / Mobile Layout / Video Quality
http://chenzhangdesign.com/kahn/
https://vimeo.com/42186905
What I Have Learned
Users Matter / Usability Testing1
Like Design / Dislike Coding2
Photography / Video3
Committee Members / RIT Professors1
Yinan Cheng / Photography Specialist2
Boyang Ma / Xuan Zhang / Fei Gao / Jiaying Li
Daniel Stroke / Yuqi Xiao /Chien-Ju Peng
3