ProductCamp 2013 Site Redesign
22
Site Redesign by Max J. Chung
Transcript of ProductCamp 2013 Site Redesign
![Page 1: ProductCamp 2013 Site Redesign](https://reader034.fdocuments.net/reader034/viewer/2022042514/55a3514f1a28abfe478b4746/html5/thumbnails/1.jpg)
Site Redesignby Max J. Chung
![Page 2: ProductCamp 2013 Site Redesign](https://reader034.fdocuments.net/reader034/viewer/2022042514/55a3514f1a28abfe478b4746/html5/thumbnails/2.jpg)
Today
• How we got here
• Our new site
![Page 3: ProductCamp 2013 Site Redesign](https://reader034.fdocuments.net/reader034/viewer/2022042514/55a3514f1a28abfe478b4746/html5/thumbnails/3.jpg)
How did we get here?
![Page 4: ProductCamp 2013 Site Redesign](https://reader034.fdocuments.net/reader034/viewer/2022042514/55a3514f1a28abfe478b4746/html5/thumbnails/4.jpg)
Goals
• Find event information more easily
• First-rate mobile experience
• Professional look and feel
![Page 5: ProductCamp 2013 Site Redesign](https://reader034.fdocuments.net/reader034/viewer/2022042514/55a3514f1a28abfe478b4746/html5/thumbnails/5.jpg)
The Design Process
• Build prototypes
• Exchange feedback
• Build more prototypes
![Page 6: ProductCamp 2013 Site Redesign](https://reader034.fdocuments.net/reader034/viewer/2022042514/55a3514f1a28abfe478b4746/html5/thumbnails/6.jpg)
![Page 7: ProductCamp 2013 Site Redesign](https://reader034.fdocuments.net/reader034/viewer/2022042514/55a3514f1a28abfe478b4746/html5/thumbnails/7.jpg)
![Page 8: ProductCamp 2013 Site Redesign](https://reader034.fdocuments.net/reader034/viewer/2022042514/55a3514f1a28abfe478b4746/html5/thumbnails/8.jpg)
Our New Site
![Page 9: ProductCamp 2013 Site Redesign](https://reader034.fdocuments.net/reader034/viewer/2022042514/55a3514f1a28abfe478b4746/html5/thumbnails/9.jpg)
![Page 10: ProductCamp 2013 Site Redesign](https://reader034.fdocuments.net/reader034/viewer/2022042514/55a3514f1a28abfe478b4746/html5/thumbnails/10.jpg)
![Page 11: ProductCamp 2013 Site Redesign](https://reader034.fdocuments.net/reader034/viewer/2022042514/55a3514f1a28abfe478b4746/html5/thumbnails/11.jpg)
Simple Navigation
• No dropdown menus in header
• Clear page titles
![Page 12: ProductCamp 2013 Site Redesign](https://reader034.fdocuments.net/reader034/viewer/2022042514/55a3514f1a28abfe478b4746/html5/thumbnails/12.jpg)
![Page 13: ProductCamp 2013 Site Redesign](https://reader034.fdocuments.net/reader034/viewer/2022042514/55a3514f1a28abfe478b4746/html5/thumbnails/13.jpg)
![Page 14: ProductCamp 2013 Site Redesign](https://reader034.fdocuments.net/reader034/viewer/2022042514/55a3514f1a28abfe478b4746/html5/thumbnails/14.jpg)
Calls To Action
• A primary purpose for each page
• Big buttons
![Page 15: ProductCamp 2013 Site Redesign](https://reader034.fdocuments.net/reader034/viewer/2022042514/55a3514f1a28abfe478b4746/html5/thumbnails/15.jpg)
![Page 16: ProductCamp 2013 Site Redesign](https://reader034.fdocuments.net/reader034/viewer/2022042514/55a3514f1a28abfe478b4746/html5/thumbnails/16.jpg)
![Page 17: ProductCamp 2013 Site Redesign](https://reader034.fdocuments.net/reader034/viewer/2022042514/55a3514f1a28abfe478b4746/html5/thumbnails/17.jpg)
Mobile Friendly
• Site adapts to smartphones, tablets
• No app to download or update
![Page 18: ProductCamp 2013 Site Redesign](https://reader034.fdocuments.net/reader034/viewer/2022042514/55a3514f1a28abfe478b4746/html5/thumbnails/18.jpg)
![Page 19: ProductCamp 2013 Site Redesign](https://reader034.fdocuments.net/reader034/viewer/2022042514/55a3514f1a28abfe478b4746/html5/thumbnails/19.jpg)
Powered by SquareSpace
• Hosted service
• Design flexibility
• Focus on content, not formatting
![Page 20: ProductCamp 2013 Site Redesign](https://reader034.fdocuments.net/reader034/viewer/2022042514/55a3514f1a28abfe478b4746/html5/thumbnails/20.jpg)
![Page 21: ProductCamp 2013 Site Redesign](https://reader034.fdocuments.net/reader034/viewer/2022042514/55a3514f1a28abfe478b4746/html5/thumbnails/21.jpg)
Wins
• An intuitive, mobile-friendly site
• Professional visual treatment
• Less content to manage