-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
159 lines (132 loc) · 7.66 KB
/
index.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
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset=utf-8 />
<meta name="description" content="description">
<meta name ="viewport" content="initial-scale=1.0, width=device-width" />
<title>Ali Morando</title>
<!-- Styles -->
<link href="css/style.css" rel="stylesheet">
<link href="css/carousel.css" rel="stylesheet">
<link href="css/drop-down.css" rel="stylesheet">
<style type="text/css"></style>
<script type="text/javascript" src="//use.typekit.net/xdy8ycj.js"></script>
<script type="text/javascript">try{Typekit.load();}catch(e){}</script>
<link href="css/bootstrap-responsive.css" rel="stylesheet">
<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<div class="container-fluid">
<div class="span12">
<div class="logo"><img src="images/logo.png" alt="" /></div>
<h1>Ali Morando</h1>
<h2>All Things Digital Designer</h2>
</div>
<div class="row-fluid">
<div class="span9">
<!--Body content-->
<!-- Carousel -->
<!-- consult Bootstrap docs at
http://twitter.github.com/bootstrap/javascript.html#carousel -->
<div id="this-carousel-id" class="carousel slide">
<div class="carousel-inner">
<div class="item active">
<h3>The Pulse Sentiment Analysis Products for Boston.com</h3>
<div><p>These various iterations of web products display many different engaging Twitter sentiment analysis data for Boston sports teams. Developed with a multi-faceted team of editorial, advertising and engineers, I lead and executed the design and helped implement on Boston.com.</p></div>
<a href="#"><img src="images/bcom_pulse01.jpg" alt="" /></a>
</div><!-- End Item -->
<div class="item">
<h3>The Pulse Sentiment Analysis Products for Boston.com</h3>
<div><p>These various iterations of web products display many different engaging Twitter sentiment analysis data for Boston sports teams. Developed with a multi-faceted team of editorial, advertising and engineers, I lead and executed the design and helped implement on Boston.com.</p></div>
<a href="#"><img src="images/bcom_pulse02.jpg" alt="" /></a>
</div><!-- End Item -->
<div class="item">
<h3>The Pulse Sentiment Analysis Products for Boston.com</h3>
<div><p>These various iterations of web products display many different engaging Twitter sentiment analysis data for Boston sports teams. Developed with a multi-faceted team of editorial, advertising and engineers, I lead and executed the design and helped implement on Boston.com.</p></div>
<a href="#"><img src="images/bcom_pulse03.jpg" alt="" /></a>
</div><!-- End Item -->
<div class="item">
<h3>The Pulse Sentiment Analysis Products for Boston.com</h3>
<div><p>These various iterations of web products display many different engaging Twitter sentiment analysis data for Boston sports teams. Developed with a multi-faceted team of editorial, advertising and engineers, I lead and executed the design and helped implement on Boston.com.</p></div>
<a href="#"><img src="images/bcom_pulse04.jpg" alt="" /></a>
</div><!-- End Item -->
<div class="item">
<h3>The Pulse Sentiment Analysis Products for Boston.com</h3>
<div><p>These various iterations of web products display many different engaging Twitter sentiment analysis data for Boston sports teams. Developed with a multi-faceted team of editorial, advertising and engineers, I lead and executed the design and helped implement on Boston.com.</p></div>
<a href="#"><img src="images/bcom_pulse05.jpg" alt="" /></a>
</div><!-- End Item -->
<div class="item">
<h3>Social Justice Social Engagement Platform</h3>
<div><p>News & Then is a pilot product developed by WGBH Digital funded by the Ford Foundation. We set out to create an engaging destination for a millennial audience. We are connecting today's headlines to historic fights for justice and human rights in the United States, allowing the audience to explore and while watching video clips from American Experience provide their current commentary via Twitter on the issue at hand.</p></div>
<a href="#"><img src="images/amex01.jpg" alt="" /></a>
</div><!-- End Item -->
<div class="item">
<h3>Social Justice Social Engagement Platform</h3>
<div><p>News & Then is a pilot product developed by WGBH Digital funded by the Ford Foundation. We set out to create an engaging destination for a millennial audience. We are connecting todayÕs headlines to historic fights for justice and human rights in the United States, allowing the audience to explore and while watching video clips from American Experience provide their current commentary via Twitter on the issue at hand.</p></div>
<a href="#"><img src="images/amex02.jpg" alt="" /></a>
</div><!-- End Item -->
</div><!-- .carousel-inner -->
<!-- next and previous controls here
href values must reference the id for this carousel -->
<a class="carousel-control left" href="#this-carousel-id" data-slide="prev">‹</a>
<a class="carousel-control right" href="#this-carousel-id" data-slide="next">›</a>
</div><!-- .carousel -->
<!-- end carousel -->
</div> <!-- end span9 -->
<div class="span3">
<!--Sidebar content-->
<div class="button">
<a href="http://www.alisonmorando.com/">Read my blog</a>
</div>
<div class="button">
<a href="http://www.alisonmorando.com/portfolio/">View more portfolio</a>
</div>
<div class="button">
<a href="http://www.alisonmorando.com/alisonmorando_2013.pdf">Download my resume</a>
</div>
<div>
<ul><h2>Skills:</h2>
<li>Leading brainstorming sessions</li>
<li>Team communication</li>
<li>Project management</li>
<li>Gathering requirements</li>
<li>UX methods including creating personas and building user scenarios</li>
<li>Concept sketches</li>
<li>Rapid prototyping using jQuery and Bootstrap</li>
<li>User Centered Design Approach</li>
<li>UI Wireframes</li>
<li>Content Hierarchy Documents</li>
<li>Interaction Design</li>
<li>Information Architecture</li>
<li>Style Tiles</li>
<li>Visual design (InDesign, Photoshop, Illustrator)</li>
<li>Organize and execute all necessary design deliverables</li>
<li>Schedule and pace setting for timely deliverables</li>
<li>... and all other little things in between</li>
</ul>
</div>
</div><!-- end span3 -->
</div><!-- end row fluid -->
<div class="span12">
<h5>© 2013 Designed, Built and contains work by Alison Morando</h5>
</div>
</div><!-- end container -->
<!-- Le javascript
================================================== -->
<!-- Grab Google CDN's jQuery, with a protocol relative URL; fall back to local if necessary -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/jquery-1.7.2.min.js"><\/script>')</script>
<!-- Bootstrap jQuery plugins compiled and minified -->
<script src="js/bootstrap.min.js"></script>
<script>
$(document).ready(function(){
$('.carousel').carousel({
pause: true,
interval: false
});
});
</script>
</body><!-- end body -->
</html>