ºÝºÝߣ

ºÝºÝߣShare a Scribd company logo
joiz social TV
building a mobile community marketing B2B platform
Eric Funk, Head of development joiz Global
A few words about joiz TV (CH)
¡ñ Founded 4 years ago by a group TV enthusiasts
¡ñ Young target audience
¡ñ nearly 100% own content produced every day (concerts, talks,
shows,news)
¡ñ Social TV - Lives through interaction on cross media stories all
platforms
Social TV
¡ñ What happens online happens on the TV channel
¡ð Viewer Interactions (Checkin, Chat message, Skype in)
¡ð Social Content from Twitter/ Instagram / FB on the TV screen
¡ñ What happens on the TV channel happens on online / mobile
¡ð Live stream
¡ð Live Trigger ( Second Screen Information, Adverts, Polls)
¡ð VOD / Comment/ share
¡ð Youtube / Social Media
Mobile from the first day
¡ñ Mobile Site (reduced offering)
¡ñ Iphone App
Expansion to Germany
¡ñ Needed an Android App
¡ð Not just a clone
¡ð Double development efforts
¡ð Hard to deal with as a small
startup!
¡ñ Building a new website (CMS)
¡ñ Connect to a new studio
¡ñ We ¡°forgot¡± the mobile
website!
Joiz   Erik Funk MOMO42
>70%
mobile traffic on the website
Problem - we don¡¯t have a mobile website
¡ñ (Twitter) Bootstrap to the rescue
¡ñ Implement the bootstrap responsive to the existing sites
¡ð Add Break points
¡ð Remove all Popups
¡ð Use responsive forms
Demo
http://www.joiz.ch/
Pro Tip :) Impress your developers and check your mobile performance
by using the Chrome Developer Console - ALT- CMD -J ( Windows F12)
The downside
Making the site responsive is OK but it
doesn¡¯t improve the overall experience.
¡ñ Slow Loading
¡ñ Too much content
¡ñ Not optimized for touch
The B2B idea
Transforming B2B
¡ñ Whitelabel you website, apps
¡ñ standardise your offering
¡ñ build standard interfaces
¡ð simplify
¡ð trigger data
¡ñ offer SDK¡¯s, API¡¯s
Joiz   Erik Funk MOMO42
Re-engineering the front-end
¡ñ Usability
¡ñ Fast loading times
¡ñ Customisable for existing and future clients
¡ñ Modular / ¡°Plugins¡±
Stop current PHP based website-development
-->build a Javascript Application!
Going AngularJS
¡ñ Why AngularJS?
¡ð Re-Use the existing mobile (smart TV) API
¡ð Load only ¡°data¡±
¡ð Render the website on the client
¡ð Extend the Browser DOM (HTML) with own directives
¡ö Create Re-usable components
¡ñ Unit Testing the Frontend
a good read: http://www.wintellect.com/devcenter/jlikness/10-reasons-web-developers-should-learn-angularjs
But!
¡ñ There are disadvantages too
¡ð High Learning Curve for your developers
¡ö its application development
¡ö developers need special skills
¡ð SEO needs special attention
¡ð Initial higher loading time
¡ð Needs a stronger Browser / faster device
It¡¯s not a website - it¡¯s a web application !!!
Coming soon - insight.tv (mid September)
http://www.insight.tv
Lessons learned
¡ñ Build one common powerful API for all your applications
¡ñ Never underestimate mobile browser traffic!
¡ñ Review your technologies constantly / Adopt and Redevelop
¡ñ Dont try to make existing website concept to work on mobile
Thank you!

More Related Content

Joiz Erik Funk MOMO42

  • 1. joiz social TV building a mobile community marketing B2B platform Eric Funk, Head of development joiz Global
  • 2. A few words about joiz TV (CH) ¡ñ Founded 4 years ago by a group TV enthusiasts ¡ñ Young target audience ¡ñ nearly 100% own content produced every day (concerts, talks, shows,news) ¡ñ Social TV - Lives through interaction on cross media stories all platforms
  • 3. Social TV ¡ñ What happens online happens on the TV channel ¡ð Viewer Interactions (Checkin, Chat message, Skype in) ¡ð Social Content from Twitter/ Instagram / FB on the TV screen ¡ñ What happens on the TV channel happens on online / mobile ¡ð Live stream ¡ð Live Trigger ( Second Screen Information, Adverts, Polls) ¡ð VOD / Comment/ share ¡ð Youtube / Social Media
  • 4. Mobile from the first day ¡ñ Mobile Site (reduced offering) ¡ñ Iphone App
  • 5. Expansion to Germany ¡ñ Needed an Android App ¡ð Not just a clone ¡ð Double development efforts ¡ð Hard to deal with as a small startup! ¡ñ Building a new website (CMS) ¡ñ Connect to a new studio ¡ñ We ¡°forgot¡± the mobile website!
  • 8. Problem - we don¡¯t have a mobile website ¡ñ (Twitter) Bootstrap to the rescue ¡ñ Implement the bootstrap responsive to the existing sites ¡ð Add Break points ¡ð Remove all Popups ¡ð Use responsive forms
  • 9. Demo http://www.joiz.ch/ Pro Tip :) Impress your developers and check your mobile performance by using the Chrome Developer Console - ALT- CMD -J ( Windows F12)
  • 10. The downside Making the site responsive is OK but it doesn¡¯t improve the overall experience. ¡ñ Slow Loading ¡ñ Too much content ¡ñ Not optimized for touch
  • 12. Transforming B2B ¡ñ Whitelabel you website, apps ¡ñ standardise your offering ¡ñ build standard interfaces ¡ð simplify ¡ð trigger data ¡ñ offer SDK¡¯s, API¡¯s
  • 14. Re-engineering the front-end ¡ñ Usability ¡ñ Fast loading times ¡ñ Customisable for existing and future clients ¡ñ Modular / ¡°Plugins¡± Stop current PHP based website-development -->build a Javascript Application!
  • 15. Going AngularJS ¡ñ Why AngularJS? ¡ð Re-Use the existing mobile (smart TV) API ¡ð Load only ¡°data¡± ¡ð Render the website on the client ¡ð Extend the Browser DOM (HTML) with own directives ¡ö Create Re-usable components ¡ñ Unit Testing the Frontend a good read: http://www.wintellect.com/devcenter/jlikness/10-reasons-web-developers-should-learn-angularjs
  • 16. But! ¡ñ There are disadvantages too ¡ð High Learning Curve for your developers ¡ö its application development ¡ö developers need special skills ¡ð SEO needs special attention ¡ð Initial higher loading time ¡ð Needs a stronger Browser / faster device It¡¯s not a website - it¡¯s a web application !!!
  • 17. Coming soon - insight.tv (mid September) http://www.insight.tv
  • 18. Lessons learned ¡ñ Build one common powerful API for all your applications ¡ñ Never underestimate mobile browser traffic! ¡ñ Review your technologies constantly / Adopt and Redevelop ¡ñ Dont try to make existing website concept to work on mobile