Responsive Design
Responsive Design
One site to rule them all!
Absolutely necessary!
Mostly / Entirely CSS controlled
Sample Responsive Website
Sample Responsive Website
Web Fonts
Web Fonts
Goodbye Arial or Times New Roman!
Makes your site more unique compared to others!
Choose a font that matches you...
Google Fonts

google.com/fonts
Font Awesome
Font Awesome
Can be styled with CSS!
Scales well with CSS!
Works with Retina displays
Font Awesome

fortawesome.github.io/Font-Awesome/
Be Social
Social
Fastest way to promote!
Quick response from visitors!
Captured audience!
Builds loyalty!
Builds Social Authority
Have a G+ Page
Have a Facebook Page
For WP Users - Comments Evolved
Search
Search
Long term strategy!
Brings in new people / sales!
More reliable than social if done correctly
Search
Engagement
Engagement
Membership (WordPress users, check out WishList Member)!
User interaction (comments, likes, etc.)!
Time spent o...
Engagement
THINK:!
What Makes You Want to Stay, Talk and Share?
Speed
Speed
Google PageSpeed Insights !
Server / Web Hosting!
Optimize Images!
Minify Mark-up!
Cache Content
Speed
Ask

?

Me.
SEMCON 2013 - Next Generation Site Architecture
SEMCON 2013 - Next Generation Site Architecture
Upcoming SlideShare
Loading in …5
×

SEMCON 2013 - Next Generation Site Architecture

410 views
322 views

Published on

Next generation site architecture - things to consider in creating modern day websites.

Slides used for SEMCON 2013

Published in: Technology, Art & Photos
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
410
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

SEMCON 2013 - Next Generation Site Architecture

  1. 1. Responsive Design
  2. 2. Responsive Design One site to rule them all! Absolutely necessary! Mostly / Entirely CSS controlled
  3. 3. Sample Responsive Website
  4. 4. Sample Responsive Website
  5. 5. Web Fonts
  6. 6. Web Fonts Goodbye Arial or Times New Roman! Makes your site more unique compared to others! Choose a font that matches your brand/personality
  7. 7. Google Fonts google.com/fonts
  8. 8. Font Awesome
  9. 9. Font Awesome Can be styled with CSS! Scales well with CSS! Works with Retina displays
  10. 10. Font Awesome fortawesome.github.io/Font-Awesome/
  11. 11. Be Social
  12. 12. Social Fastest way to promote! Quick response from visitors! Captured audience! Builds loyalty! Builds Social Authority
  13. 13. Have a G+ Page
  14. 14. Have a Facebook Page
  15. 15. For WP Users - Comments Evolved
  16. 16. Search
  17. 17. Search Long term strategy! Brings in new people / sales! More reliable than social if done correctly
  18. 18. Search
  19. 19. Engagement
  20. 20. Engagement Membership (WordPress users, check out WishList Member)! User interaction (comments, likes, etc.)! Time spent on site! Virality (photos, videos, promos, etc)
  21. 21. Engagement THINK:! What Makes You Want to Stay, Talk and Share?
  22. 22. Speed
  23. 23. Speed Google PageSpeed Insights ! Server / Web Hosting! Optimize Images! Minify Mark-up! Cache Content
  24. 24. Speed
  25. 25. Ask ? Me.

×