semcon 2013 - next generation site architecture

27

Upload: mike-lopez

Post on 24-Jan-2015

244 views

Category:

Technology


3 download

DESCRIPTION

Next generation site architecture - things to consider in creating modern day websites. Slides used for SEMCON 2013

TRANSCRIPT

Page 1: SEMCON 2013 - Next Generation Site Architecture
Page 2: SEMCON 2013 - Next Generation Site Architecture

Responsive Design

Page 3: SEMCON 2013 - Next Generation Site Architecture

Responsive DesignOne site to rule them all!

Absolutely necessary!

Mostly / Entirely CSS controlled

Page 4: SEMCON 2013 - Next Generation Site Architecture

Sample Responsive Website

Page 5: SEMCON 2013 - Next Generation Site Architecture

Sample Responsive Website

Page 6: SEMCON 2013 - Next Generation Site Architecture

Web Fonts

Page 7: SEMCON 2013 - Next Generation Site Architecture

Web FontsGoodbye Arial or Times New Roman!

Makes your site more unique compared to others!

Choose a font that matches your brand/personality

Page 8: SEMCON 2013 - Next Generation Site Architecture

Google Fonts

google.com/fonts

Page 9: SEMCON 2013 - Next Generation Site Architecture

Font Awesome

Page 10: SEMCON 2013 - Next Generation Site Architecture

Font AwesomeCan be styled with CSS!

Scales well with CSS!

Works with Retina displays

Page 11: SEMCON 2013 - Next Generation Site Architecture

Font Awesome

fortawesome.github.io/Font-Awesome/

Page 12: SEMCON 2013 - Next Generation Site Architecture

Be Social

Page 13: SEMCON 2013 - Next Generation Site Architecture

SocialFastest way to promote!

Quick response from visitors!

Captured audience!

Builds loyalty!

Builds Social Authority

Page 14: SEMCON 2013 - Next Generation Site Architecture

Have a G+ Page

Page 15: SEMCON 2013 - Next Generation Site Architecture

Have a Facebook Page

Page 16: SEMCON 2013 - Next Generation Site Architecture

For WP Users - Comments Evolved

Page 17: SEMCON 2013 - Next Generation Site Architecture

Search

Page 18: SEMCON 2013 - Next Generation Site Architecture

SearchLong term strategy!

Brings in new people / sales!

More reliable than social if done correctly

Page 19: SEMCON 2013 - Next Generation Site Architecture

Search

Page 20: SEMCON 2013 - Next Generation Site Architecture

Engagement

Page 21: SEMCON 2013 - Next Generation Site Architecture

EngagementMembership (WordPress users, check out WishList Member)!

User interaction (comments, likes, etc.)!

Time spent on site!

Virality (photos, videos, promos, etc)

Page 22: SEMCON 2013 - Next Generation Site Architecture

Engagement

THINK:!

What Makes You Want to Stay, Talk and Share?

Page 23: SEMCON 2013 - Next Generation Site Architecture

Speed

Page 24: SEMCON 2013 - Next Generation Site Architecture

SpeedGoogle PageSpeed Insights !

Server / Web Hosting!

Optimize Images!

Minify Mark-up!

Cache Content

Page 25: SEMCON 2013 - Next Generation Site Architecture

Speed

Page 26: SEMCON 2013 - Next Generation Site Architecture

?Ask Me.

Page 27: SEMCON 2013 - Next Generation Site Architecture