how wordpress enables the voice of holland website(s)

39
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!

Upload: milan-van-bruggen

Post on 01-Nov-2014

1.821 views

Category:

Technology


1 download

DESCRIPTION

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.

TRANSCRIPT

Page 1: How WordPress enables The voice of Holland website(s)

is part of

THE VOICE OF HOLLANDHow WordPress enables high performance websites

Please do not use

images and text from this

presentation without

consulting us first!

Page 2: How WordPress enables The voice of Holland website(s)

Tabblad om subonderdelen extra attentie te geven

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

Page 3: How WordPress enables The voice of Holland website(s)

OUR VISION

Connecting people with brands

Don’t push, pull!

Channel-independant, multi-channel

Opsomming of tekstpagina met breadcrumb trail

ABOUT CLOCKWORK

is part of

Page 4: How WordPress enables The voice of Holland website(s)

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)

Opsomming of tekstpagina met breadcrumb trail

ABOUT CLOCKWORK

is part of

Page 5: How WordPress enables The voice of Holland website(s)

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

Opsomming of tekstpagina met breadcrumb trail

ABOUT MILAN

is part of

Page 6: How WordPress enables The voice of Holland website(s)

Inhoudsopgave met hoofdstukken

CONTENTS

1. WHY WORDPRESS

is part of

2. MULTIPLE WEBSITES, ONE SHOW

5. RESULTS & CONCLUSIONS

3. DESIGN PROCESS

4. PERFORMANCE OPTIMIZATION

Page 7: How WordPress enables The voice of Holland website(s)

THIS IS WHY!

Time to market (Registration website)

Scalability functionality / capacity

Robust

Performance

User-friendly interface

Opsomming of tekstpagina met breadcrumb trail

1. WHY WORDPRESS

Decisive

is part of

Page 8: How WordPress enables The voice of Holland website(s)

Inhoudsopgave met hoofdstukken

CONTENTS

2. MULTIPLE WEBSITES, ONE SHOW

is part of

1. WHY WORDPRESS

5. RESULTS & CONCLUSIONS

3. DESIGN PROCESS

4. PERFORMANCE OPTIMIZATION

Page 9: How WordPress enables The voice of Holland website(s)

ONLINE AUDITIONS

Opsomming of tekstpagina met breadcrumb trail

2. MULTIPLE WEBSITES, ONE SHOW

Hyves integration

is part of

Page 10: How WordPress enables The voice of Holland website(s)

Opsomming of tekstpagina met breadcrumb trail

2. MULTIPLE WEBSITES, ONE SHOW

is part of

Page 11: How WordPress enables The voice of Holland website(s)

Opsomming of tekstpagina met breadcrumb trail

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

Page 12: How WordPress enables The voice of Holland website(s)

Opsomming of tekstpagina met breadcrumb trail

2. MULTIPLE WEBSITES, ONE SHOW

is part of

Page 13: How WordPress enables The voice of Holland website(s)

Opsomming of tekstpagina met breadcrumb trail

WORKFLOW

Audition == Concept post in WP

Approving and disapproving auditions

Hooks: automated mails

2. MULTIPLE WEBSITES, ONE SHOW

is part of

Page 14: How WordPress enables The voice of Holland website(s)

Opsomming of tekstpagina met breadcrumb trail

2. MULTIPLE WEBSITES, ONE SHOW

is part of

Page 15: How WordPress enables The voice of Holland website(s)

Opsomming of tekstpagina met breadcrumb trail

2. MULTIPLE WEBSITES, ONE SHOW

is part of

Page 16: How WordPress enables The voice of Holland website(s)

DESTINATION SITE

Opsomming of tekstpagina met breadcrumb trail

2. MULTIPLE WEBSITES, ONE SHOW

is part of

Page 17: How WordPress enables The voice of Holland website(s)

Opsomming of tekstpagina met breadcrumb trail

Tailor madeTailor made

Tailor made

Plug-in2. MULTIPLE WEBSITES, ONE SHOW

is part of

Page 18: How WordPress enables The voice of Holland website(s)

PLUG-INS

Capability Manager

Simple Taxonomies

Cimy User Extra Fields

Search Everything

Tweet Blender

W3 Total Cache

WP-Polls

WP-PageNavi

WP-PostViews

Opsomming of tekstpagina met breadcrumb trail

is part of

2. MULTIPLE WEBSITES, ONE SHOW

Page 19: How WordPress enables The voice of Holland website(s)

MAKE IT YOUR OWN

Custom (TVOH) widgets

“Destination” Admin Panel

Opsomming of tekstpagina met breadcrumb trail

is part of

2. MULTIPLE WEBSITES, ONE SHOW

Page 20: How WordPress enables The voice of Holland website(s)

“DESTINATION” PANEL: PHASES

Opsomming of tekstpagina met breadcrumb trail

is part of

2. MULTIPLE WEBSITES, ONE SHOW

Page 21: How WordPress enables The voice of Holland website(s)

Opsomming of tekstpagina met breadcrumb trail

2. MULTIPLE WEBSITES, ONE SHOW

is part of

Page 22: How WordPress enables The voice of Holland website(s)

Opsomming of tekstpagina met breadcrumb trail

2. MULTIPLE WEBSITES, ONE SHOW

is part of

Page 23: How WordPress enables The voice of Holland website(s)

“DESTINATION” PANEL: SPONSORS

Opsomming of tekstpagina met breadcrumb trail

is part of

2. MULTIPLE WEBSITES, ONE SHOW

Page 24: How WordPress enables The voice of Holland website(s)

Opsomming of tekstpagina met breadcrumb trail

2. MULTIPLE WEBSITES, ONE SHOW

is part of

Page 25: How WordPress enables The voice of Holland website(s)

Opsomming of tekstpagina met breadcrumb trail

2. MULTIPLE WEBSITES, ONE SHOW

is part of

Page 26: How WordPress enables The voice of Holland website(s)

Opsomming of tekstpagina met breadcrumb trail

2. MULTIPLE WEBSITES, ONE SHOW

is part of

Page 27: How WordPress enables The voice of Holland website(s)

“DESTINATION” PANEL: HIGHLIGHTED MEDIA

Opsomming of tekstpagina met breadcrumb trail

is part of

2. MULTIPLE WEBSITES, ONE SHOW

Page 28: How WordPress enables The voice of Holland website(s)

Inhoudsopgave met hoofdstukken

is een onderdeel van

CONTENTS 3. DESIGN PROCESS

2. MULTIPLE WEBSITES, ONE SHOW

1. WHY WORDPRESS

5. RESULTS & CONCLUSIONS

4. PERFORMANCE OPTIMIZATION

Page 29: How WordPress enables The voice of Holland website(s)

Use Cases

Interaction Design

Graphic Design

WE DID IT, THE AGILE WAY!

Opsomming of tekstpagina met breadcrumb trail

3. DESIGNPROCESS

Use Case

is part of

Page 30: How WordPress enables The voice of Holland website(s)

WIREFRAMES

Opsomming of tekstpagina met breadcrumb trail

Schematic presentationof functionality

3. DESIGNPROCESS

is part of

Page 31: How WordPress enables The voice of Holland website(s)

DESIGN

Opsomming of tekstpagina met breadcrumb trail

Translation of theInteraction Design

3. DESIGNPROCESS

is part of

Page 32: How WordPress enables The voice of Holland website(s)

Inhoudsopgave met hoofdstukken

CONTENTS

2. MULTIPLE WEBSITES, ONE SHOW

3. DESIGN PROCESS

1. WHY WORDPRESS

4. PERFORMANCE OPTIMIZATION

5. RESULTS & CONCLUSIONS

is part of

Page 33: How WordPress enables The voice of Holland website(s)

Opsomming of tekstpagina met breadcrumb trail

Visitor

Squid caching

Load Balancer

Webservers

SAN Database

is part of

4. PERFORMANCE OPTIMIZATION

Page 34: How WordPress enables The voice of Holland website(s)

HIGH PERFORMANCE

Opsomming of tekstpagina met breadcrumb trail

Loadbalancing

Caching W3T / Squid

CSS Sprites

Minifying / Combining (W3T)

Capacity 1650 requests / sec

“Fail whale” page

4. PERFORMANCE OPTIMIZATION

is part of

Page 35: How WordPress enables The voice of Holland website(s)

Inhoudsopgave met hoofdstukken

CONTENTS

5. RESULTS & CONCLUSIONS

is part of

2. MULTIPLE WEBSITES, ONE SHOW

3. DESIGN PROCESS

1. WHY WORDPRESS

4. PERFORMANCE OPTIMIZATION

Page 36: How WordPress enables The voice of Holland website(s)

RESULTS

ONLINE AUDITIONS

9 weeks live

~ 1000 approved auditions

Lots and lots of practice sessions

Opsomming of tekstpagina met breadcrumb trail

5. RESULTS & CONCLUSIONS

DESTINATION SITE

Now 8 weeks live

Lots of visits, lots of pageviews

Long average visits

Low bounce rate

is part of

Page 37: How WordPress enables The voice of Holland website(s)

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!

Opsomming of tekstpagina met breadcrumb trail

is part of

5. RESULTS & CONCLUSIONS

Page 38: How WordPress enables The voice of Holland website(s)

QUESTIONS?

Opsomming of tekstpagina met breadcrumb trail

is part of

Page 39: How WordPress enables The voice of Holland website(s)

39

Contactpagina

ClockworkOostelijke Handelskade 10-3H1019 BM Amsterdam020 607 70 00

Milan van [email protected] 28 15 30 17@milanvanbruggen

CONTACT

is part of