productcamp 2013 site redesign

22
Site Redesign by Max J. Chung

Upload: max-chung

Post on 13-Jul-2015

129 views

Category:

Design


1 download

TRANSCRIPT

Page 1: ProductCamp 2013 Site Redesign

Site Redesignby Max J. Chung

Page 2: ProductCamp 2013 Site Redesign

Today

• How we got here

• Our new site

Page 3: ProductCamp 2013 Site Redesign

How did we get here?

Page 4: ProductCamp 2013 Site Redesign

Goals

• Find event information more easily

• First-rate mobile experience

• Professional look and feel

Page 5: ProductCamp 2013 Site Redesign

The Design Process

• Build prototypes

• Exchange feedback

• Build more prototypes

Page 6: ProductCamp 2013 Site Redesign
Page 7: ProductCamp 2013 Site Redesign
Page 8: ProductCamp 2013 Site Redesign

Our New Site

Page 9: ProductCamp 2013 Site Redesign
Page 10: ProductCamp 2013 Site Redesign
Page 11: ProductCamp 2013 Site Redesign

Simple Navigation

• No dropdown menus in header

• Clear page titles

Page 12: ProductCamp 2013 Site Redesign
Page 13: ProductCamp 2013 Site Redesign
Page 14: ProductCamp 2013 Site Redesign

Calls To Action

• A primary purpose for each page

• Big buttons

Page 15: ProductCamp 2013 Site Redesign
Page 16: ProductCamp 2013 Site Redesign
Page 17: ProductCamp 2013 Site Redesign

Mobile Friendly

• Site adapts to smartphones, tablets

• No app to download or update

Page 18: ProductCamp 2013 Site Redesign
Page 19: ProductCamp 2013 Site Redesign

Powered by SquareSpace

• Hosted service

• Design flexibility

• Focus on content, not formatting

Page 20: ProductCamp 2013 Site Redesign
Page 21: ProductCamp 2013 Site Redesign

Wins

• An intuitive, mobile-friendly site

• Professional visual treatment

• Less content to manage