How WordPress enables The voice of Holland website(s)

1,871 views

Published on

A presentation given at WordCamp NL on november 6th 2010. In the presentation I spoke about how WordPress enabled the high performance website of the television show The voice of Holland.

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

No Downloads
Views
Total views
1,871
On SlideShare
0
From Embeds
0
Number of Embeds
419
Actions
Shares
0
Downloads
16
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide






























































  • How WordPress enables The voice of Holland website(s)

    1. 1. is part of THE VOICE OF HOLLAND How WordPress enables high performance websites Please do not use images and text from this presentation without consulting us first!
    2. 2. The voice of Holland is a TV-show produced by Talpa (John de Mol) and broadcasted by RTL 4. Ordina / Clockwork is digital partner and designs and develops all related websites. IN SHORT
    3. 3. OUR VISION Connecting people with brands Don’t push, pull! Channel-independant, multi-channel ABOUT CLOCKWORK is part of
    4. 4. WHO WE ARE Not a supplier, a partner Design, Strategy, Development: Full-service Consultants Interaction Designers Graphic Designers Front-end Developers Software Engineers (ASP .NET, PHP, JAVA) ABOUT CLOCKWORK is part of
    5. 5. WHO AM I? Milan van Bruggen 28 years of age Designer / Consultant Why I like to work with WordPress WordPress is perfect for designers Clients are getting more internet / marketing savvy, therefore needing a flexible CMS Not only for blogs ABOUT MILAN is part of
    6. 6. CONTENTS 1. WHY WORDPRESS is part of 2. MULTIPLE WEBSITES, ONE SHOW 5. RESULTS & CONCLUSIONS 3. DESIGN PROCESS 4. PERFORMANCE OPTIMIZATION
    7. 7. THIS IS WHY! Time to market (Registration website) Scalability functionality / capacity Robust Performance User-friendly interface 1. WHY WORDPRESS Decisive is part of
    8. 8. CONTENTS 2. MULTIPLE WEBSITES, ONE SHOW is part of 1. WHY WORDPRESS 5. RESULTS & CONCLUSIONS 3. DESIGN PROCESS 4. PERFORMANCE OPTIMIZATION
    9. 9. ONLINE AUDITIONS 2. MULTIPLE WEBSITES, ONE SHOW Hyves integration is part of
    10. 10. 2. MULTIPLE WEBSITES, ONE SHOW is part of
    11. 11. HYVES INTEGRATION More possibilities for Hyves users Different behavior Hyves action site (WWW’s, TAF) Gadget Pimp 2. MULTIPLE WEBSITES, ONE SHOW is part of
    12. 12. 2. MULTIPLE WEBSITES, ONE SHOW is part of
    13. 13. WORKFLOW Audition == Concept post in WP Approving and disapproving auditions Hooks: automated mails 2. MULTIPLE WEBSITES, ONE SHOW is part of
    14. 14. 2. MULTIPLE WEBSITES, ONE SHOW is part of
    15. 15. 2. MULTIPLE WEBSITES, ONE SHOW is part of
    16. 16. DESTINATION SITE 2. MULTIPLE WEBSITES, ONE SHOW is part of
    17. 17. Tailor made Tailor made Tailor made Plug-in 2. MULTIPLE WEBSITES, ONE SHOW is part of
    18. 18. PLUG-INS Capability Manager Simple Taxonomies Cimy User Extra Fields Search Everything Tweet Blender W3 Total Cache WP-Polls WP-PageNavi WP-PostViews is part of 2. MULTIPLE WEBSITES, ONE SHOW
    19. 19. MAKE IT YOUR OWN Custom (TVOH) widgets “Destination” Admin Panel is part of 2. MULTIPLE WEBSITES, ONE SHOW
    20. 20. “DESTINATION” PANEL: PHASES is part of 2. MULTIPLE WEBSITES, ONE SHOW
    21. 21. 2. MULTIPLE WEBSITES, ONE SHOW is part of
    22. 22. 2. MULTIPLE WEBSITES, ONE SHOW is part of
    23. 23. “DESTINATION” PANEL: SPONSORS is part of 2. MULTIPLE WEBSITES, ONE SHOW
    24. 24. 2. MULTIPLE WEBSITES, ONE SHOW is part of
    25. 25. 2. MULTIPLE WEBSITES, ONE SHOW is part of
    26. 26. 2. MULTIPLE WEBSITES, ONE SHOW is part of
    27. 27. “DESTINATION” PANEL: HIGHLIGHTED MEDIA is part of 2. MULTIPLE WEBSITES, ONE SHOW
    28. 28. is een onderdeel van CONTENTS 3. DESIGN PROCESS 2. MULTIPLE WEBSITES, ONE SHOW 1. WHY WORDPRESS 5. RESULTS & CONCLUSIONS 4. PERFORMANCE OPTIMIZATION
    29. 29. Use Cases Interaction Design Graphic Design WE DID IT, THE AGILE WAY! 3. DESIGNPROCESS Use Case is part of
    30. 30. WIREFRAMES Schematic presentation of functionality 3. DESIGNPROCESS is part of
    31. 31. DESIGN Translation of the Interaction Design 3. DESIGNPROCESS is part of
    32. 32. CONTENTS 2. MULTIPLE WEBSITES, ONE SHOW 3. DESIGN PROCESS 1. WHY WORDPRESS 4. PERFORMANCE OPTIMIZATION 5. RESULTS & CONCLUSIONS is part of
    33. 33. Visitor Squid caching Load Balancer Webservers SAN Database is part of 4. PERFORMANCE OPTIMIZATION
    34. 34. HIGH PERFORMANCE Loadbalancing Caching W3T / Squid CSS Sprites Minifying / Combining (W3T) Capacity 1650 requests / sec “Fail whale” page 4. PERFORMANCE OPTIMIZATION is part of
    35. 35. CONTENTS 5. RESULTS & CONCLUSIONS is part of 2. MULTIPLE WEBSITES, ONE SHOW 3. DESIGN PROCESS 1. WHY WORDPRESS 4. PERFORMANCE OPTIMIZATION
    36. 36. RESULTS ONLINE AUDITIONS 9 weeks live ~ 1000 approved auditions Lots and lots of practice sessions 5. RESULTS & CONCLUSIONS DESTINATION SITE Now 8 weeks live Lots of visits, lots of pageviews Long average visits Low bounce rate is part of
    37. 37. CONCLUSIONS Good scalability Flexible because of many plug-ins Building your own functionality is easy User-friendly interface, happy customers Less support needed, cost-efficient Great performance Stable WordPress contributes to a more creative web! is part of 5. RESULTS & CONCLUSIONS
    38. 38. QUESTIONS? is part of
    39. 39. 39 Clockwork Oostelijke Handelskade 10-3H 1019 BM Amsterdam 020 607 70 00 Milan van Bruggen milan.van.bruggen@clockwork.nl 06 28 15 30 17 @milanvanbruggen CONTACT is part of

    ×