Check out Treesaver. An open-source solution for nonprofits who are tired of their static reports, plain pdfs, or printed materials and want to present their stories in a mobile optimized way that's friendly across devices and platforms.
3. About See3 See3 uses new media to activate people and advance social causes. We are an interactive communications agency that works exclusively with nonprofits, foundations, associations, and social causes. We specialize in online strategies and campaigns, video production, and web design & development.
4. About See3 See3 is constantly looking for new ways to help nonprofits take a next step forward in realistic ways (reasonable costs and bandwidth) We have no relationship with Treesaver – we just think it’s pretty cool – and we know nonprofits will benefit from it.
6. See3 – Cairo (more about Cairo later…we’ve got a story for you)
7. Storytelling is how you show what your org is doing in the world, who you are, and where you’ve been and where you’re going A narrative ignites human truths and frames your work and the issues you work for But, the fragmentation of delivery platforms creates obstacles to telling stories Distribution is segmented and broken up by the diversity of emerging technology Online Storytelling is Key
8. Online Storytelling is Key So why has it become more difficult for orgs to tell their stories? Diffusion - devices and delivery platforms have changed Emergence - a whole new class of device – like tablets. This means that orgs’ stories are most often not optimized for these devices Uncharted territory - there is no clear consensus on best practices and no clear option for a “one stop solution” Bandwidth - Raise your hand if your org doesn’t have the budget or resources to create 3 different apps for an annual report (or published research, or periodic publications, or press materials, or journals, or Inertia - Raise your hand if in your heart of hearts you know you can do better than a PDF
9. What Is ? New platform for reading online that automatically looks great regardless of device Uses Standards-Based, HTML, CSS and Javascript It’s the Web, Not an App Reduces the cost and complexity of producing content for multiple devices
13. How are you going to effectively present content to your audience in an increasingly fragmented online media landscape? There’s an App for that … and that … and that Mobile Market is Fragmented (Smartphone Marketshare; Source: comScore) Android (31.2%), RIM (30.4%), iOS (24.7%), Microsoft (8.0%) and Palm (3.2%) Limited to specific devices What about Flash? Lack of support SEO Doesn’t adapt to different devices Why Should I Care?
18. A See3 Story via Treesaver:Egypt, January 2011 http://egypt.see3.net
19. Comparing and Dissecting Treesaver Treesaver Automatic Scaling Images Column Behavior Container Elements Customization Variables
20. Our Process The contentdictates the layout based on device factors within established parameters Developed a Proof of Concept (POC) Created a sample layout based on content and design Created a stylesheet Designer and development team worked together to resolve issues across different screen sizes
21. Triggers for behavior on small, medium and large displays Show or don’t show TOC or other navigational elements found in the container Setting Up Articles Create content HTML files Create a generalized design based on the column parameters you’ve established Place text and images in relative positions Produce images for target sizes 3-5 optimized images Test and retest to optimize display for target devices/screen sizes The Container and Articles
22. People/orgs are producing content but they’re struggling to present it in a way that is in synch with how more and more of their audience is interacting with media – and there are cost and learning barriers ComScore mobile metrix stats from the 2010 year in review 31.1% of mobile market is smartphones Installed base of 63.2mm subscribers Significant increase in daily mobile media usage The State of Mobile
23. 2011 Mobile Forecast In 2010 “smartphones reached 1 in 4 mobile Americans” and 1/3 of Americans access mobile browsers or apps (ComScore Media Metrix 2010 Review) Realization that mobile is a unique platform and not just an extension of PC based usage 60 million Tablet PCs in 2011, majority Apple(Source: DisplaySearch) Short Term Apple dominance will become a more diverse market over the next few years. PC, Laptop, Netbook sales are on the decline RSS feed, AP News Demo
24. Treesaver Roadmap Next Release Timing: Approximately Mid-April Early support for lightboxes Video Forms Better image scaling Other Enhancements Under Development Functionality for porting Treesaver to App Stores CMS Integrations Drupal Module (http://drupal.org/project/treesaver) Expression Engine Wordpress Integrating with RSS
25. Check Out Treesaver Free Trials Through Nomad Editions (https://www.nomadeditions.com) Read our story at egypt.see3.net Download the code http://treesaverjs.com/ Contact us to learn more allan@see3.net nasser@see3.net
26. We’re experts in online storytelling We know and recognize Treesaver’s potential We are fluent in the platform We know that the orgs that are first to the treesaver party will garner the lions share of the “oohs and aahs” and save money/effort/time Use Treesaver
Nonprofits want to publish their narratives in beautiful and mobile optimized ways – but up until now, this meant fragmented apps and/or clunky, un-dynamic, and limited use of content delivery (like PDFs on annual reports or press releases on paper)