SlideShare a Scribd company logo
1 of 13
• Fully responsive mobile-first site
• Designed to engage 16 and 17 year olds voting for the
first time in the Scottish Referendum
• Provides a platform where no question is to big, small
or “stupid” to ask about the referendum
• BBC News stories and features
• Quiz questions pushed out daily over social media
• Ask your own question about the referendum
How did the project come
about?
• Sept 2013
– BBC Connected Studio workshop in Glasgow
– How to engage 16-17 year olds voting for the first time?
– 1 day, 20+ teams, 2 minute pitch
• Nov 2013
– Build phase
– Refine concept
– Build a working prototype
– 2 days, 4 teams, 10 minute pitch
• Feb 2014
– Proposal meeting with BBC in London
• Mar 2014
– Interface build
• May 2014
– Site launched
What part did I play?
• Connected Studio
– Ideas generation
– Technical expertise and recommendations
• Build studio
– Building a working prototype from previous
wireframes
– Updating design on the fly as new assets were
created
• Proposal meeting
– Listening to the client’s requirements and advising
on the best course of action to develop the site
What part did I play?
• Project build
– Unavailable for the build due to other priorities
– Contractor hired to complete the work
– Provided support and direction to contractor,
with regular check ups to ensure they were
managing their workload effectively
– Functionality that the contractor needed
assistance with was developed outside of
working hours
– Liaising with technical team at BBC wherever
necessary to ensure a smooth setup on their
systems
Our approach
• Site built using WordPress as a CMS
• Question functionality to be added via a
custom plugin
• Front-end built using Grunt, LESS, jQuery and
QUnit
• Caching and load balancing required to cater
for large volumes of traffic expected
• Why?
– WordPress flexible enough for our needs
– Technologies that we were already familiar with
– Experience of building custom plugins for
WordPress
– Content editors already familiar with WP admin
pages
Testing
JavaScript code was tested using
QUnit
User testing carried out by PM and
client
Project hurdles
• BBC insistent that we use Tumblr
– Did not want to host the site themselves
– “That’s what young people are using”
• We persuaded them that:
– Target audience didn’t really use Tumblr
– WordPress was a better CMS option
– Hosting could be provided on Amazon web
server
Project hurdles
• Contractor unavailable shortly before go live
– Contractor had completed his allocated time
– Last minute amends required before Radio 1
academy event
• Other developers approached to work
overtime
– Other developers brought on to work overtime
– Able to get them up to speed quickly
– Liaising with PM to ensure everyone knew what
was expected of them
What next?
“Ask” Referend-erm? sister site created
for Radio 1 Academy event
What next?
Promoted across BBC online channels
What next?
Further BBC work including projects
for…
What next?
Ideas refined for future projects
Thank you for listening
Questions?

More Related Content

Viewers also liked

Zentangle
ZentangleZentangle
ZentangleAkee123
 
BIT VINILOS | CREATIVO | FACIL | ECONOMICO
BIT VINILOS | CREATIVO | FACIL | ECONOMICOBIT VINILOS | CREATIVO | FACIL | ECONOMICO
BIT VINILOS | CREATIVO | FACIL | ECONOMICOMerary Alfaro
 
Applying-Pressure-33-Defense-John-Rice (1)
Applying-Pressure-33-Defense-John-Rice (1)Applying-Pressure-33-Defense-John-Rice (1)
Applying-Pressure-33-Defense-John-Rice (1)John Rice
 
IFS General Presentation 120315
IFS General Presentation 120315IFS General Presentation 120315
IFS General Presentation 120315Bill Marsh
 
Company Overview of CFOs2GO financial consulting firm
Company Overview of CFOs2GO financial consulting firmCompany Overview of CFOs2GO financial consulting firm
Company Overview of CFOs2GO financial consulting firmCFOs2GO
 
Slides food safety congres 21 juni 2011 - EHEC
Slides food safety congres 21 juni 2011  - EHECSlides food safety congres 21 juni 2011  - EHEC
Slides food safety congres 21 juni 2011 - EHECWouter de Heij
 
Stephan Fellinger op Content Club #CC10 d.d. 7 december 2015
Stephan Fellinger op Content Club #CC10 d.d. 7 december 2015Stephan Fellinger op Content Club #CC10 d.d. 7 december 2015
Stephan Fellinger op Content Club #CC10 d.d. 7 december 2015Content Club Nederland
 
The 2012 Advisor Gold Monitor Award Winners by Corporate Insight
The 2012 Advisor Gold Monitor Award Winners by Corporate InsightThe 2012 Advisor Gold Monitor Award Winners by Corporate Insight
The 2012 Advisor Gold Monitor Award Winners by Corporate InsightCorporate Insight
 
Analiza apei
Analiza apeiAnaliza apei
Analiza apeictta
 
Programacion didactica, fases y elementos.
Programacion didactica, fases y elementos. Programacion didactica, fases y elementos.
Programacion didactica, fases y elementos. Joselyn Castañeda
 
8th 4U DAY_디스이즈엔지오
8th 4U DAY_디스이즈엔지오8th 4U DAY_디스이즈엔지오
8th 4U DAY_디스이즈엔지오seo jungwon
 
Expresión escrita con sonido
Expresión escrita con sonidoExpresión escrita con sonido
Expresión escrita con sonidoACTILUDIS.COM
 
Anciano con fiebre, cambios comportamentales y rigidez nucal
Anciano con fiebre, cambios comportamentales y rigidez nucalAnciano con fiebre, cambios comportamentales y rigidez nucal
Anciano con fiebre, cambios comportamentales y rigidez nucaljulian2905
 
Statement of Accomplishment: Data Science Specialization VI - Statistical Inf...
Statement of Accomplishment: Data Science Specialization VI - Statistical Inf...Statement of Accomplishment: Data Science Specialization VI - Statistical Inf...
Statement of Accomplishment: Data Science Specialization VI - Statistical Inf...Folco Bombardieri
 

Viewers also liked (16)

Zentangle
ZentangleZentangle
Zentangle
 
BIT VINILOS | CREATIVO | FACIL | ECONOMICO
BIT VINILOS | CREATIVO | FACIL | ECONOMICOBIT VINILOS | CREATIVO | FACIL | ECONOMICO
BIT VINILOS | CREATIVO | FACIL | ECONOMICO
 
Applying-Pressure-33-Defense-John-Rice (1)
Applying-Pressure-33-Defense-John-Rice (1)Applying-Pressure-33-Defense-John-Rice (1)
Applying-Pressure-33-Defense-John-Rice (1)
 
IFS General Presentation 120315
IFS General Presentation 120315IFS General Presentation 120315
IFS General Presentation 120315
 
Company Overview of CFOs2GO financial consulting firm
Company Overview of CFOs2GO financial consulting firmCompany Overview of CFOs2GO financial consulting firm
Company Overview of CFOs2GO financial consulting firm
 
Slides food safety congres 21 juni 2011 - EHEC
Slides food safety congres 21 juni 2011  - EHECSlides food safety congres 21 juni 2011  - EHEC
Slides food safety congres 21 juni 2011 - EHEC
 
Stephan Fellinger op Content Club #CC10 d.d. 7 december 2015
Stephan Fellinger op Content Club #CC10 d.d. 7 december 2015Stephan Fellinger op Content Club #CC10 d.d. 7 december 2015
Stephan Fellinger op Content Club #CC10 d.d. 7 december 2015
 
The 2012 Advisor Gold Monitor Award Winners by Corporate Insight
The 2012 Advisor Gold Monitor Award Winners by Corporate InsightThe 2012 Advisor Gold Monitor Award Winners by Corporate Insight
The 2012 Advisor Gold Monitor Award Winners by Corporate Insight
 
Analiza apei
Analiza apeiAnaliza apei
Analiza apei
 
Programacion didactica, fases y elementos.
Programacion didactica, fases y elementos. Programacion didactica, fases y elementos.
Programacion didactica, fases y elementos.
 
8th 4U DAY_디스이즈엔지오
8th 4U DAY_디스이즈엔지오8th 4U DAY_디스이즈엔지오
8th 4U DAY_디스이즈엔지오
 
NORMA DG-SASIPA-SI-00520
NORMA DG-SASIPA-SI-00520NORMA DG-SASIPA-SI-00520
NORMA DG-SASIPA-SI-00520
 
Expresión escrita con sonido
Expresión escrita con sonidoExpresión escrita con sonido
Expresión escrita con sonido
 
Anciano con fiebre, cambios comportamentales y rigidez nucal
Anciano con fiebre, cambios comportamentales y rigidez nucalAnciano con fiebre, cambios comportamentales y rigidez nucal
Anciano con fiebre, cambios comportamentales y rigidez nucal
 
13 puzzles
13 puzzles13 puzzles
13 puzzles
 
Statement of Accomplishment: Data Science Specialization VI - Statistical Inf...
Statement of Accomplishment: Data Science Specialization VI - Statistical Inf...Statement of Accomplishment: Data Science Specialization VI - Statistical Inf...
Statement of Accomplishment: Data Science Specialization VI - Statistical Inf...
 

Similar to Sopra steria referenderm_presentation

Migrating people
Migrating peopleMigrating people
Migrating peopleBruce Darby
 
Collaborative Working: University of Sunderland & Roundhouse Digital
Collaborative Working: University of Sunderland & Roundhouse Digital Collaborative Working: University of Sunderland & Roundhouse Digital
Collaborative Working: University of Sunderland & Roundhouse Digital Terminalfour
 
From Waterfall to Agile - Six Months In
From Waterfall to Agile - Six Months InFrom Waterfall to Agile - Six Months In
From Waterfall to Agile - Six Months Inandrewjutton
 
BIM SHOW LIVE 14 - 4D BIM: successful implementation at Gravesened Railway St...
BIM SHOW LIVE 14 - 4D BIM: successful implementation at Gravesened Railway St...BIM SHOW LIVE 14 - 4D BIM: successful implementation at Gravesened Railway St...
BIM SHOW LIVE 14 - 4D BIM: successful implementation at Gravesened Railway St...BuiltEnvironmentUBM
 
BIS partner day - UKSA Case Study
BIS partner day - UKSA Case StudyBIS partner day - UKSA Case Study
BIS partner day - UKSA Case Studybisdigital
 
AD1545 - Extending the XPages Extension Library
AD1545 - Extending the XPages Extension LibraryAD1545 - Extending the XPages Extension Library
AD1545 - Extending the XPages Extension Librarypaidi_ed
 
JP74 Creative Lancs Digital Network APR 2014
JP74 Creative Lancs Digital Network APR 2014JP74 Creative Lancs Digital Network APR 2014
JP74 Creative Lancs Digital Network APR 2014Jake Smith
 
Building Information Modelling (BIM) Lessons at University of Hull's Student ...
Building Information Modelling (BIM) Lessons at University of Hull's Student ...Building Information Modelling (BIM) Lessons at University of Hull's Student ...
Building Information Modelling (BIM) Lessons at University of Hull's Student ...Sewell Construction
 
Making Agile development and UX work at Citizens Advice
Making Agile development and UX work at Citizens AdviceMaking Agile development and UX work at Citizens Advice
Making Agile development and UX work at Citizens AdviceNexer Digital
 
Prototyping - the what, why and how at the University of Edinburgh
Prototyping - the what, why and how at the University of EdinburghPrototyping - the what, why and how at the University of Edinburgh
Prototyping - the what, why and how at the University of EdinburghNeil Allison
 
planning-and-costing2.pptx
planning-and-costing2.pptxplanning-and-costing2.pptx
planning-and-costing2.pptxSaqlainYaqub1
 
Emc3 conference transformation
Emc3 conference transformationEmc3 conference transformation
Emc3 conference transformationSaskya Liney
 
First time agile - Agile and UX at Citizens Advice by Adrian Hunt
First time agile - Agile and UX at Citizens Advice by Adrian HuntFirst time agile - Agile and UX at Citizens Advice by Adrian Hunt
First time agile - Agile and UX at Citizens Advice by Adrian HuntAdrian Hunt
 
Create great cncf user base from lessons learned from other open source com...
Create great cncf user base from   lessons learned from other open source com...Create great cncf user base from   lessons learned from other open source com...
Create great cncf user base from lessons learned from other open source com...Krishna-Kumar
 
Architecting for Huper Growth and Great Engineering Culture
Architecting for Huper Growth and Great Engineering CultureArchitecting for Huper Growth and Great Engineering Culture
Architecting for Huper Growth and Great Engineering CultureSARCCOM
 
Architecting for Hyper Growth and Great Engineering Culture
Architecting for Hyper Growth and Great Engineering CultureArchitecting for Hyper Growth and Great Engineering Culture
Architecting for Hyper Growth and Great Engineering Cultureifnu bima
 
WordPress as a CMS - Case Study of an Organizational Intranet
WordPress as a CMS - Case Study of an Organizational IntranetWordPress as a CMS - Case Study of an Organizational Intranet
WordPress as a CMS - Case Study of an Organizational IntranetTech Liminal
 

Similar to Sopra steria referenderm_presentation (20)

Migrating people
Migrating peopleMigrating people
Migrating people
 
Collaborative Working: University of Sunderland & Roundhouse Digital
Collaborative Working: University of Sunderland & Roundhouse Digital Collaborative Working: University of Sunderland & Roundhouse Digital
Collaborative Working: University of Sunderland & Roundhouse Digital
 
Project management - not just for work - 23rd April 2015
Project management - not just for work - 23rd April 2015Project management - not just for work - 23rd April 2015
Project management - not just for work - 23rd April 2015
 
From Waterfall to Agile - Six Months In
From Waterfall to Agile - Six Months InFrom Waterfall to Agile - Six Months In
From Waterfall to Agile - Six Months In
 
BIM SHOW LIVE 14 - 4D BIM: successful implementation at Gravesened Railway St...
BIM SHOW LIVE 14 - 4D BIM: successful implementation at Gravesened Railway St...BIM SHOW LIVE 14 - 4D BIM: successful implementation at Gravesened Railway St...
BIM SHOW LIVE 14 - 4D BIM: successful implementation at Gravesened Railway St...
 
BIS partner day - UKSA Case Study
BIS partner day - UKSA Case StudyBIS partner day - UKSA Case Study
BIS partner day - UKSA Case Study
 
After the hackday
After the hackdayAfter the hackday
After the hackday
 
AD1545 - Extending the XPages Extension Library
AD1545 - Extending the XPages Extension LibraryAD1545 - Extending the XPages Extension Library
AD1545 - Extending the XPages Extension Library
 
JP74 Creative Lancs Digital Network APR 2014
JP74 Creative Lancs Digital Network APR 2014JP74 Creative Lancs Digital Network APR 2014
JP74 Creative Lancs Digital Network APR 2014
 
Building Information Modelling (BIM) Lessons at University of Hull's Student ...
Building Information Modelling (BIM) Lessons at University of Hull's Student ...Building Information Modelling (BIM) Lessons at University of Hull's Student ...
Building Information Modelling (BIM) Lessons at University of Hull's Student ...
 
Making Agile development and UX work at Citizens Advice
Making Agile development and UX work at Citizens AdviceMaking Agile development and UX work at Citizens Advice
Making Agile development and UX work at Citizens Advice
 
Obelisk
ObeliskObelisk
Obelisk
 
Prototyping - the what, why and how at the University of Edinburgh
Prototyping - the what, why and how at the University of EdinburghPrototyping - the what, why and how at the University of Edinburgh
Prototyping - the what, why and how at the University of Edinburgh
 
planning-and-costing2.pptx
planning-and-costing2.pptxplanning-and-costing2.pptx
planning-and-costing2.pptx
 
Emc3 conference transformation
Emc3 conference transformationEmc3 conference transformation
Emc3 conference transformation
 
First time agile - Agile and UX at Citizens Advice by Adrian Hunt
First time agile - Agile and UX at Citizens Advice by Adrian HuntFirst time agile - Agile and UX at Citizens Advice by Adrian Hunt
First time agile - Agile and UX at Citizens Advice by Adrian Hunt
 
Create great cncf user base from lessons learned from other open source com...
Create great cncf user base from   lessons learned from other open source com...Create great cncf user base from   lessons learned from other open source com...
Create great cncf user base from lessons learned from other open source com...
 
Architecting for Huper Growth and Great Engineering Culture
Architecting for Huper Growth and Great Engineering CultureArchitecting for Huper Growth and Great Engineering Culture
Architecting for Huper Growth and Great Engineering Culture
 
Architecting for Hyper Growth and Great Engineering Culture
Architecting for Hyper Growth and Great Engineering CultureArchitecting for Hyper Growth and Great Engineering Culture
Architecting for Hyper Growth and Great Engineering Culture
 
WordPress as a CMS - Case Study of an Organizational Intranet
WordPress as a CMS - Case Study of an Organizational IntranetWordPress as a CMS - Case Study of an Organizational Intranet
WordPress as a CMS - Case Study of an Organizational Intranet
 

Sopra steria referenderm_presentation

  • 1. • Fully responsive mobile-first site • Designed to engage 16 and 17 year olds voting for the first time in the Scottish Referendum • Provides a platform where no question is to big, small or “stupid” to ask about the referendum • BBC News stories and features • Quiz questions pushed out daily over social media • Ask your own question about the referendum
  • 2. How did the project come about? • Sept 2013 – BBC Connected Studio workshop in Glasgow – How to engage 16-17 year olds voting for the first time? – 1 day, 20+ teams, 2 minute pitch • Nov 2013 – Build phase – Refine concept – Build a working prototype – 2 days, 4 teams, 10 minute pitch • Feb 2014 – Proposal meeting with BBC in London • Mar 2014 – Interface build • May 2014 – Site launched
  • 3. What part did I play? • Connected Studio – Ideas generation – Technical expertise and recommendations • Build studio – Building a working prototype from previous wireframes – Updating design on the fly as new assets were created • Proposal meeting – Listening to the client’s requirements and advising on the best course of action to develop the site
  • 4. What part did I play? • Project build – Unavailable for the build due to other priorities – Contractor hired to complete the work – Provided support and direction to contractor, with regular check ups to ensure they were managing their workload effectively – Functionality that the contractor needed assistance with was developed outside of working hours – Liaising with technical team at BBC wherever necessary to ensure a smooth setup on their systems
  • 5. Our approach • Site built using WordPress as a CMS • Question functionality to be added via a custom plugin • Front-end built using Grunt, LESS, jQuery and QUnit • Caching and load balancing required to cater for large volumes of traffic expected • Why? – WordPress flexible enough for our needs – Technologies that we were already familiar with – Experience of building custom plugins for WordPress – Content editors already familiar with WP admin pages
  • 6. Testing JavaScript code was tested using QUnit User testing carried out by PM and client
  • 7. Project hurdles • BBC insistent that we use Tumblr – Did not want to host the site themselves – “That’s what young people are using” • We persuaded them that: – Target audience didn’t really use Tumblr – WordPress was a better CMS option – Hosting could be provided on Amazon web server
  • 8. Project hurdles • Contractor unavailable shortly before go live – Contractor had completed his allocated time – Last minute amends required before Radio 1 academy event • Other developers approached to work overtime – Other developers brought on to work overtime – Able to get them up to speed quickly – Liaising with PM to ensure everyone knew what was expected of them
  • 9. What next? “Ask” Referend-erm? sister site created for Radio 1 Academy event
  • 10. What next? Promoted across BBC online channels
  • 11. What next? Further BBC work including projects for…
  • 12. What next? Ideas refined for future projects
  • 13. Thank you for listening Questions?