{"id":342,"date":"2014-11-08T22:39:00","date_gmt":"2014-11-08T22:39:00","guid":{"rendered":"http:\/\/www.lindsaygensinger.com\/?p=342"},"modified":"2015-08-20T22:41:22","modified_gmt":"2015-08-20T22:41:22","slug":"hevolve","status":"publish","type":"post","link":"https:\/\/www.lindsaygensinger.com\/?p=342","title":{"rendered":"H&#038;Evolve"},"content":{"rendered":"<section class=\"stag-section stag-intro-text\"><p>A web-based interactive story to promote a cancer diagnostic product line.<\/p>\n<\/section>\n<hr \/>\n<p>The client wanted to visually tell their product story in a responsive web-based format to include video and animation.<\/p>\n<blockquote><p>I chose to utilize the most current web-based standards and technologies whenever possible and write custom fallbacks for older browsers\/devices.<\/p><\/blockquote>\n<p>This project involved wire framing the provided story, choosing the technology to use, and programming the entire experience. There was also a requirement that this work offline so I chose to keep everything client-side and not rely on server-sided technologies.<\/p>\n<p>I use HTML\/CSS and JavaScript to bring the story to life on the web. In order to animate certain sections I used SVG animation via the <a href=\"http:\/\/snapsvg.io\" target=\"_blank\">snap.svg<\/a> library. The overall visual leveraged the power of the <a href=\"https:\/\/github.com\/impress\/impress.js?utm_content=buffer4bb8d&amp;utm_source=buffer&amp;utm_medium=twitter&amp;utm_campaign=Buffer\" target=\"_blank\">impress.js<\/a> presentation framework.<\/p>\n<p>You can view the project <a href=\"http:\/\/www.lindsaygensinger.com\/test\/H&amp;Evolve\/index.html\" target=\"_blank\">here<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The client wanted to visually tell their product story in a responsive web-based format to include video and animation. I chose to utilize the most&hellip;<\/p>\n","protected":false},"author":1,"featured_media":345,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"spay_email":"","jetpack_publicize_message":"","jetpack_is_tweetstorm":false},"categories":[5,19,13,14],"tags":[36,26,20,25,33,15,34,31,35,37,17],"jetpack_featured_media_url":"https:\/\/www.lindsaygensinger.com\/wp-content\/uploads\/2015\/08\/cover.jpg","jetpack_publicize_connections":[],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/s5x4IE-hevolve","_links":{"self":[{"href":"https:\/\/www.lindsaygensinger.com\/index.php?rest_route=\/wp\/v2\/posts\/342"}],"collection":[{"href":"https:\/\/www.lindsaygensinger.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.lindsaygensinger.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.lindsaygensinger.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.lindsaygensinger.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=342"}],"version-history":[{"count":4,"href":"https:\/\/www.lindsaygensinger.com\/index.php?rest_route=\/wp\/v2\/posts\/342\/revisions"}],"predecessor-version":[{"id":348,"href":"https:\/\/www.lindsaygensinger.com\/index.php?rest_route=\/wp\/v2\/posts\/342\/revisions\/348"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.lindsaygensinger.com\/index.php?rest_route=\/wp\/v2\/media\/345"}],"wp:attachment":[{"href":"https:\/\/www.lindsaygensinger.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=342"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.lindsaygensinger.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=342"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.lindsaygensinger.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=342"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}