Jump to content

PaperShot: Campaign Website // Paper-Football // FIFA World Cup 2014

Recommended Posts

For our client Continental - a german based (but international selling) tire manufacturer we were asked to develop a campaign featuring their sponsorhip for the "FIFA World Cup 2014". We came up with the idea to connect a positive and fun "soccer like offline experience" with Continental as a brand and social media elements plus user generated content as a multiplicator.
To encourage people sharing their experiences with others there also are pretty nice prices to be won (tickets to the World Cup in Rio  including flight and accommodation).
In a glance we've developed everything related to this campaign: Idea, concept, logo, text, artwork, videos, content- and seeding strategy, a lot of print-materials, apps [...]. There even is a "real" stadium which can be either obtained at one of over 6000 partner stores in Germany or they may be downloaded and handcrafted by the players themselves. The campaign has ads in some of the biggest german print magazines (i.e. Stern Magazine).
The Campaigns Microsite www.paper-shot.de features:
  • it's own blog with some external authors
  • a retailer locator for finding participating partners (yup, that's >6k partner-pages in pw :)) each having a custom set of assets which are shown to people coming from their banners or entering their partner-code
  • custom user registration
  • video/image uploads with a preceding approval process (the videos are first processed by a seperate media-server to serve the right formats to all devices, then reviewed and published by a team of editors afterwards)
  • user-voting
  • twitter & facebook integration for voting and login (not live atm due to some server problems with oauth & our reverse proxy)
  • an unified api that makes it possible to use all of the microsites features in our apps for iOS and Android (for those interested: they are built with PhoneGap/Cordova upon the great ionicframework using HTML5 & angularjs).
This was by far the biggest PW-Project we've done yet and we (again) were always happy we've chosen processwire because we definitely needed something flexible for realizing all of this features in quite a small timeframe (about 2.5 months "production" time for the microsite + the apps). 
Modules used:
  • FieldtypeCropImage - for obvious reasons :)
  • FieldtypeMapMarker - for generating and fetching the lat/lng for all retailers and storing the adresses
  • ImportPagesCSV - for importing the retailers as pages
  • InputfieldCKEditor - because it's better (and better looking) than TinyMCE
  • ModulesManager - :)
  • PageEditPerRole - for managing external authors access 
  • ProcessBatcher - bulk actions for retailers (saved us HOURS of work!)
  • SchedulePages - show/hide blogposts by date
  • TemplateDataProviders - MVC structure for our templates
  • TemplateNotes - help pages for external editors
  • TemplateTwigReplace - MVC structure & "better" templating 
  • TextformatterHannaCode - custom tags for including external services like storify in blogposts
  • TextformatterVideoEmbed - for blog articles
  • VersionControlForTextFields - for "security" and backup reasons :)
  • + some we've written for the project (they aren't very interesting ones to release to the public)
  • Like 15

Share this post

Link to post
Share on other sites

This looks great and I like the easy-to-follow overview on the first/root page.

But if you stay about 10s on that page the bottom part somehow collapses and overlaps.

  • Like 1

Share this post

Link to post
Share on other sites

Thanks for your feedback.

@wayne: Which Browser / OS / Device were you using when experiencing those problems?

Share this post

Link to post
Share on other sites

Sorry it was my fault.

I use AdBlock to block social network resources like twitter widgets.

At first it's working with your site but I guess when it tries to load new tweets something gets blocked and the bottom of the site collapses.

Share this post

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Recently Browsing   0 members

    No registered users viewing this page.

  • Similar Content

    • By CareerTeam GmbH
      Hi there,
      We are an executive search agency based in Germany looking for a freelancer (2-5 days per week) supporting us with the development and design of our websites. The position will be located in Hamburg, Germany and it would be great if you are on short call. German language knowledge is mandatory. 
      You can reach me via email jobs@careerteam.de.
      Thank you!
    • By snobjorn
      I'd like to see HTML5 attributes for hyperlinks, such as download, media and ping, when editing links in ProcessWire (with CKEditor) . Download is the one I'm using myself, but I'm mentioning the other ones as well. More information at New HTML5 Attributes for Hyperlinks: download, media, and ping.
    • By modifiedcontent
      Why does the forms API use lists - ul, li - to style forms? It makes them much harder to control with CSS.
      Why not something like this?
      <style> .field { float: left; width: 100%; } .inputfieldheader { float: left; width: 100%; } .input { float: left; } </style> <form> <div class=field> <label class=inputfieldheader>Field one</label> <input class=input> </div> <div class=field> <label class=inputfieldheader>Field two</label> <input class=input> </div> <div class=field> <label class=inputfieldheader>Field three</label> <input class=input> </div> </form>  
    • By ranzucker
      Hi there,
      I'm looking to implement a new front end design similar to this WP template (I have the template files) http://demo.puriwp.com/realexpert/
      On a website I built with PW with the skyscraper profile
      Work will require a skype conversation where I will hand in design requirements I have ready-made and finally include a final draft revision.
      Pls reply with a budget proposal
    • By kongondo
      OK, ladies & gents. If you are interested in or have been 'forced' to watch football (that's soccer for y'all across the pond)....here's a thread where we can all discuss all matters World Cup 2014 in one place. Predictions, Best, Worst moments,  Favourites, Anecdotes...bring it on please! 
  • Create New...