-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathimpact.html
65 lines (63 loc) · 3.07 KB
/
impact.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
<!doctype html>
<html class="no-js" lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Impact Tracker | Sam Ward</title>
<link rel="stylesheet" href="css/foundation.css">
<link rel="stylesheet" href="css/app.css">
</head>
<body>
<div class="row">
<div class="small-9 small-centered large-centered columns"><h2>Sam Ward</h2></div>
</div>
<div class="row intro">
<div class="small-9 small-centered large-centered columns"><h1>Impact Tracker</h1>
</div>
</div>
<div class="row">
<div class="small-11 small-centered large-centered columns">
<div class="project">
<div class="project_image"><img src="images/tracker.png"></div>
<div class="project_contents">
Media organizations are always looking to measure and analyze the impact of their work, so they can communicate their value to stakeholders. The Impact Tracker is an analytics dashboard for events in the real world. The framework records impacts at the level of the individual, community, and institution. For example when an individual takes action, public officials refer to a story, or a government hearing is held in response to a report, those changes are logged in the system as discrete outcomes.
</div>
</div>
</div>
</div>
<div class="row">
<div class="small-11 small-centered large-centered columns">
<div class="project">
<div class="project_image"><img src="images/podio.png"></div>
<div class="project_contents">
<p>Those outcomes can then be tracked over time by topic, by type of outcome, or other metrics. I collaborated with our Director of Strategic Research to develop the dashboard based on her research. We built a rough prototype in Podio, an online database tool.</p>
<p>We worked with visualization studio, Stamen, to develop a Visualizer mode that plots logged outcomes against web traffic, pulled from Google Analytics. This integration lets user correlate web traffic against project outcomes.</p>
</div>
</div>
</div>
</div>
<div class="row">
<div class="small-2 small-centered large-centered columns footer"><a class="button secondary" href="index.html">HOME</a> </div>
</div>
<script src="js/vendor/jquery.js"></script>
<script src="js/vendor/what-input.js"></script>
<script src="js/vendor/foundation.js"></script>
<script src="js/app.js"></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-42679505-2', 'auto');
ga('send', 'pageview');
</script>
<script src="js/scrollreveal.min.js"></script>
<script type="text/javascript">
(function(){
window.sr = ScrollReveal();
sr.reveal('.project_image');
})();
</script>
</body>
</html>