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.

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. 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. OUR VISION
Connecting people with brands
Don’t push, pull!
Channel-independant, multi-channel
ABOUT CLOCKWORK
is part of

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. 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. CONTENTS
1. WHY WORDPRESS
is part of
2. MULTIPLE WEBSITES, ONE SHOW
5. RESULTS & CONCLUSIONS
3. DESIGN PROCESS
4. PERFORMANCE OPTIMIZATION

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. CONTENTS
2. MULTIPLE WEBSITES, ONE SHOW
is part of
1. WHY WORDPRESS
5. RESULTS & CONCLUSIONS
3. DESIGN PROCESS
4. PERFORMANCE OPTIMIZATION

9. ONLINE AUDITIONS
2. MULTIPLE WEBSITES, ONE SHOW
Hyves integration
is part of

10. 2. MULTIPLE WEBSITES, ONE SHOW
is part of

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. 2. MULTIPLE WEBSITES, ONE SHOW
is part of

13. WORKFLOW
Audition == Concept post in WP
Approving and disapproving auditions
Hooks: automated mails
2. MULTIPLE WEBSITES, ONE SHOW
is part of

14. 2. MULTIPLE WEBSITES, ONE SHOW
is part of

15. 2. MULTIPLE WEBSITES, ONE SHOW
is part of

16. DESTINATION SITE
2. MULTIPLE WEBSITES, ONE SHOW
is part of

17. Tailor made
Tailor made
Tailor made
Plug-in
2. MULTIPLE WEBSITES, ONE SHOW
is part of

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. MAKE IT YOUR OWN
Custom (TVOH) widgets
“Destination” Admin Panel
is part of
2. MULTIPLE WEBSITES, ONE SHOW

20. “DESTINATION” PANEL: PHASES
is part of
2. MULTIPLE WEBSITES, ONE SHOW

21. 2. MULTIPLE WEBSITES, ONE SHOW
is part of

22. 2. MULTIPLE WEBSITES, ONE SHOW
is part of

23. “DESTINATION” PANEL: SPONSORS
is part of
2. MULTIPLE WEBSITES, ONE SHOW

24. 2. MULTIPLE WEBSITES, ONE SHOW
is part of

25. 2. MULTIPLE WEBSITES, ONE SHOW
is part of

26. 2. MULTIPLE WEBSITES, ONE SHOW
is part of

27. “DESTINATION” PANEL: HIGHLIGHTED MEDIA
is part of
2. MULTIPLE WEBSITES, ONE SHOW

28. is een onderdeel van
CONTENTS 3. DESIGN PROCESS
2. MULTIPLE WEBSITES, ONE SHOW
1. WHY WORDPRESS
5. RESULTS & CONCLUSIONS
4. PERFORMANCE OPTIMIZATION

29. Use Cases
Interaction Design
Graphic Design
WE DID IT, THE AGILE WAY!
3. DESIGNPROCESS
Use Case
is part of

30. WIREFRAMES
Schematic presentation
of functionality
3. DESIGNPROCESS
is part of

31. DESIGN
Translation of the
Interaction Design
3. DESIGNPROCESS
is part of

32. CONTENTS
2. MULTIPLE WEBSITES, ONE SHOW
3. DESIGN PROCESS
1. WHY WORDPRESS
4. PERFORMANCE OPTIMIZATION
5. RESULTS & CONCLUSIONS
is part of

33. Visitor
Squid
caching
Load
Balancer
Webservers
SAN Database
is part of
4. PERFORMANCE OPTIMIZATION

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. CONTENTS
5. RESULTS & CONCLUSIONS
is part of
2. MULTIPLE WEBSITES, ONE SHOW
3. DESIGN PROCESS
1. WHY WORDPRESS
4. PERFORMANCE OPTIMIZATION

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. 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. QUESTIONS?
is part of

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