-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathdecisionloop.html
142 lines (140 loc) · 4.77 KB
/
decisionloop.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
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
---
layout: default
section_id: portfolio
title: DecisionLoop
---
<div class="full bright-light-blue">
<div class="four spacing"></div>
<div class="section-title">
<div class="row">
<div class="medium-10 medium-centered columns">
<h1 class="wow slideInUp">Case study</h1>
</div>
</div>
</div>
</div>
<div class="full">
<div class='row'>
<div class='large-12 columns'>
<div class='slides'>
<div class='slide'>
<img alt="" src="images/DecisionLoop_Page_01.jpg" />
</div>
<div class='slide'>
<img alt="" src="images/DecisionLoop_Page_02.jpg" />
</div>
<div class='slide'>
<img alt="" src="images/DecisionLoop_Page_03.jpg" />
</div>
<div class='slide'>
<img alt="" src="images/DecisionLoop_Page_04.jpg" />
</div>
<div class='slide'>
<img alt="" src="images/DecisionLoop_Page_05.jpg" />
</div>
<div class='slide'>
<img alt="" src="images/DecisionLoop_Page_06.jpg" />
</div>
<div class='slide'>
<img alt="" src="images/DecisionLoop_Page_07.jpg" />
</div>
<div class='slide'>
<img alt="" src="images/DecisionLoop_Page_08.jpg" />
</div>
<div class='slide'>
<img alt="" src="images/DecisionLoop_Page_09.jpg" />
</div>
<div class='slide'>
<img alt="" src="images/DecisionLoop_Page_10.jpg" />
</div>
<div class='slide'>
<img alt="" src="images/DecisionLoop_Page_11.jpg" />
</div>
<div class='slide'>
<img alt="" src="images/DecisionLoop_Page_12.jpg" />
</div>
<div class='slide'>
<img alt="" src="images/DecisionLoop_Page_13.jpg" />
</div>
<div class='slide'>
<img alt="" src="images/DecisionLoop_Page_14.jpg" />
</div>
<div class='slide'>
<img alt="" src="images/DecisionLoop_Page_15.jpg" />
</div>
<div class='slide'>
<img alt="" src="images/DecisionLoop_Page_16.jpg" />
</div>
</div>
</div>
</div>
<div class="two spacing"></div>
<div class="row">
<div class="large-8 columns">
<div class="project-intro">
<h2>{{page.title}}</h2>
<p>DecisionLoop is a design for a responsive web application that addresses the usability shortcomings of the current system of public political participation. For organizers, it provides a way to gather action steps around a cause and to advertise those steps to people interested in the cause. For people who may not be familiar with political strategy, it would provide an easily accessible, jargon-free place to find out anything they can do to help.</p>
<p>This project was developed in two weeks at the General Assembly User Experience Design Immersive program, and later taken to Code for San Francisco, a volunteer civic technology group. The initial design process is documented below:</p>
</div>
</div>
<div class="large-4 columns">
<div class="project-intro">
<h4>Date</h4>
<p><span>Fall 2013</span></p>
<h4>Collaborators</h4>
<p><span>General Assembly San Francisco</span></p>
<h4>Category</h4>
<p><span>User Experience Design</span></p>
<h4>Project Link</h4>
<a href="https://www.slideshare.net/mayawagon/decisionloop-design-specification">https://www.slideshare.net/mayawagon/decisionloop-design-specification</a>
</div>
</div>
</div>
</div>
<hr>
<!-- <div class="full">
<div class="section-title">
<div class="row">
<div class="medium-10 medium-centered columns">
<h2>Related projects</h2>
</div>
</div>
</div>
<div class="related-works">
<div class="row">
<div class="large-4 columns">
<div class="work-wrapper">
<a href="work-single.html" class="work">
<img src="images/@stock/work-1.jpg" alt="">
<div class="info">
<h3>Cooco fashion</h3>
<p>Website, brand</p>
</div>
</a>
</div>
</div>
<div class="large-4 columns">
<div class="work-wrapper">
<a href="work-single.html" class="work">
<img src="images/@stock/work-20.jpg" alt="">
<div class="info">
<h3>Dear god</h3>
<p>Website, print</p>
</div>
</a>
</div>
</div>
<div class="large-4 columns">
<div class="work-wrapper">
<a href="work-single.html" class="work">
<img src="images/@stock/work-8.jpg" alt="">
<div class="info">
<h3>Help Five</h3>
<p>Photography</p>
</div>
</a>
</div>
</div>
</div>
</div>
</div> -->