-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathportfolio-by-anticonsultant-0.html
313 lines (265 loc) · 10.8 KB
/
portfolio-by-anticonsultant-0.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
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
<!doctype html>
<!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<title>Portfolio for AntiConsultant -- Web Communications & UX -- Berkeley, CA +1 510 332 9661</title>
<link rel="stylesheet" href="css/custom.css">
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/foundation.css">
<script src="js/vendor/custom.modernizr.js"></script>
<script src="http://foundation.zurb.com/docs/assets/docs.js"></script>
</head>
<script src="http://foundation.zurb.com/docs/assets/zepto.js"></script>
<script src="http://foundation.zurb.com/docs/assets/foundation.js"></script>
<body>
<nav class="top-bar">
<!-- TOP BAR TITLE AREA -->
<ul class="title-area">
<li class="name"><h1><a href="http://anticonsultant.org/">AntiConsultant</a></h1></li>
<li class="toggle-topbar menu-icon"><a href="#"><span></span></a></li>
</ul>
<!-- TOP BAR MENU -->
<div class="top-bar-section">
<ul class="left">
<li class=""><a href="contact-anticonsultant.html" title="Make contact with AntiConsultant">Contact</a></li>
<li class="divider"></li>
<li class=""><a href="working-with-anticonsultant.html" title="Working with AntiConsultant">Working with</a></li>
<li class="divider"></li>
<li class="active"><a href="portfolio-by-anticonsultant.html" title="AntiConsultant Portfolio">Portfolio</a></li>
<li class="divider"></li>
<li class=""><a href="http://AntiConsultant.tumblr.com/" title="Tumblr blog: Back of the Napkin">Back of the Napkin</a></li>
<li class="divider"></li>
<li class=""><a href="http://anticonsultant.wordpress.com/" title="AntiConsultant Design Blog">Design Blog</a></li>
<li class="divider"></li>
<li class=""><a href="http://webserial.com" title="The (even more) creative side of AntiConsultant">Webserial</a></li>
</ul>
</div>
</nav>
<!-- HEADER -->
<header>
<div class="row">
<div class="large-12 columns">
<h1>AntiConsultant: Portfolio</h1>
<h4>Web Communications and User Experience</h4>
</div>
</div>
</header>
<br/>
<!-- MAIN GRID -->
<div class="row">
<div class="large-3 columns">
<div class="panel">
<h5>Presentations</h5>
<a href="http://www.coroflot.com/anticonsultant"><img src="img/portfolio.png" height="36" width="36" class="left" style="margin-right:12px;"/></a>
<p>
<a href="http://www.coroflot.com/anticonsultant">AntiConsultant Case Studies</a></p>
<div class="hide-for-touch">
<a href="#" data-reveal-id="timeline"><img src="img/timeline.gif" height="36" width="36" class="left" style="margin-right:12px;"/></a>
<p><a href="#" data-reveal-id="timeline">Career Timeline</a></p>
</div>
</div>
</div>
<div class="large-4 columns">
<div class="panel">
<h5>Startups</h5>
<p>
Core product and UX design for 3 successful startups and 2 <i>startups</i> within larger organizations.
</p>
</div>
</div>
<div class="large-5 columns">
<div class="panel">
<h5>Firsts: as Designer and Thinker</h5>
<p>
1st <span data-tooltip class="has-tip tip-bottom" title="401K Forum, the first online financial planner to offer advice with fiduciary responsibility. Sold to Morningstar.">Retirement Planning</span> service. 1st Online <span data-tooltip class="has-tip" title="Internet Travel Network, the first to adapt Customer Reservations System to the Web. Original service provider to United Airlines.">Travel Reservations</span> service. 1st to <span data-tooltip class="has-tip" title="At Cornell University, I was the first to open up the redesign process to a vocal, invested and interested audience—with all the trials and trevails implied.">blog</span> a major Web redesign. Founded Cornell's Office of Web Communications & Web Production Group, and Western Union Payment Services Customer Experience Group.
</p>
</div>
</div>
</div>
<div class="row">
<div class="large-4 columns">
<div class="panel">
<h5>Design: Epic Scale, <br/>Attention to Detail</h5>
<p>
Envisioning online travel reservations. Redesign university sites & established products. Concept to implement: global communications systems.</p>
<a href="http://www.coroflot.com/anticonsultant/Client-Cornell-University-Web-Space"><img src="img/cu_01.png" /></a>
</div>
</div>
<div class="large-4 columns">
<div class="panel">
<h5>Fortune 500 Products</h5>
<p>
<a href="http://www.coroflot.com/anticonsultant/Client-Payments-Concepts">Concepts and interfaces</a> for the global leader in electronic payments.</p>
<a href="http://www.coroflot.com/anticonsultant/Client-Payments-Concepts"><img src="img/smartCard.jpg" /></a>
</div>
</div>
<div class="large-4 columns">
<div class="panel">
<h5>Information Architecture</h5>
<p>
<a href="http://www.coroflot.com/anticonsultant/Information-Architecture-Diagrams">Diagrams</a> of Information Architecture concepts for two successful startups.</p>
<a href="docs/mobileApp-map.pdf"><img src="img/poster.jpg" /></a>
</div>
</div>
</div>
<div class="row">
<div class="large-8 columns">
<div class="panel">
<p style="margin-right:10px; float:left;"><img src="img/cornell.gif" height="150" width="150" alt="Cornell University" title="Cornell University Web Site" /><br/></p>
<h5>Cornell University Sites</h5>
<p style="">
A <a href="2004CornellProposal.pdf" title="2004 Cornell University Web proposal by Thomas Richardson">5 year plan for Cornell University's web space</a>, including a <a href="http://www.cornell.edu/">complete top-level redesign</a> and <a href="http://blogs.cornell.edu/viewsource/2004/07/">a groundbreaking blog</a>
to follow the process. An innovative research magazine, <a href="http://ecommons2.library.cornell.edu/web_archive/explore.cornell.edu/index-2.html">Explore Cornell</a>. Campus tours and free access to the <a href="http://alumni.library.cornell.edu/">Library for Alums</a>.
</p>
</div>
</div>
<div class="large-4 columns">
<div class="panel">
<h5>Small Business Consulting</h5>
<p>
<a href="http://www.gimmecoffee.com/">Gimme! Coffee</a> is my favorite small business success story. A company with a heart that was driven to innovate online. <a href="http://www.coroflot.com/anticonsultant/Client-Gimme-Coffee-Branding">Branding, UX design and making a system</a> that adapts to the business model.
</p>
</div>
</div>
</div>
<div class="row">
<div class="large-3 columns">
<div class="panel">
<h5>Exploratorium Concepts</h5>
<p>
<a href="http://www.coroflot.com/anticonsultant/Client-Exploratorium-Concept">Redesign concept</a> for a very content rich site: San Francisco's renowned <a href="http://www.exploratorium.edu">Exploratorium</a>.
</p>
</div>
</div>
<div class="large-6 columns">
<div class="panel">
<h5>Contests & Awards</h5>
<p>
<a style="float:right; margin-left: 10px;" href="http://www.sylloge.com/5k/judges.html"><img src="img/5k.gif" width="175" height="57"></a>Winner of such oddities as Stewart Butterfield's <a href="http://www.sylloge.com/5k/original.html">original 5K contest</a>. Also, more <a href="http://ecommons2.library.cornell.edu/web_archive/explore.cornell.edu/about/awards.html">conventional accolades</a> such as CASE Gold Medal awards for Best Overall Web Site and appearances in the journals <a href="http://www.sciencemag.org/">Science</a> and <a href="http://www.nature.com/nature/index.html">Nature</a>.
</p>
</div>
</div>
<div class="large-3 columns">
<div class="panel">
<h5>Documents</h5>
<p>
An <a href="#" data-reveal-id="documents">eclectic compilation</a> of documents culled from some of my most interesting work.</p>
</p>
</div>
</div>
</div>
<!-- End Grid Section -->
</div>
<!-- FOOTER -->
<footer class="site-footer" role="contentinfo">
<ul class="footeractions">
<li><a class="footeraction" href="http://www.twitter.com/anticonsultant"><span class="footeractionTW">Follow on Twitter</span></a></li>
</ul>
<p>
2013 <a href="http://about.me/anticonsultant/">Thomas Richardson</a>
</p>
</footer>
<div id="documents" class="reveal-modal">
<div class="row">
<div class="large-12 columns">
<h5>AntiConsultant Documents</h5>
</div>
<div class="row">
<div class="large-4 columns">
<div class="panel">
<a href="docs/appropriateness-grid.pdf">Diagram</a> of appropriate value of mobile device for payments
</div>
</div>
<div class="large-4 columns">
<div class="panel">
<a href="docs/control.pdf">Presentation</a> describing elements of control for payments applications
</div>
</div>
<div class="large-4 columns">
<div class="panel">
<a href="docs/design-doc.pdf">Design Document</a> for Paymap application redesign
</div>
</div>
</div>
<div class="row">
<div class="large-4 columns">
<div class="panel">
<a href="docs/payments-user-research-report.pdf">Report</a> for small business reaction to payment product
</div>
</div>
<div class="large-4 columns">
<div class="panel">
<a href="docs/mobileApp-map.pdf">Diagram</a> of HealthMap Mobile application
</div>
</div>
<div class="large-4 columns">
<div class="panel">
<a href="docs/corporate-modeling.pdf">Model</a> of Exponential corporate entities and products
</div>
</div>
</div>
<div class="row">
<div class="large-4 columns">
<div class="panel">
<a href="docs/persona-Bernardo.pdf">Persona</a> describing motivations & resources of a user who makes payments
</div>
</div>
<div class="large-4 columns">
<div class="panel">
<a href="docs/trafficking-workflow.pdf">Workflow</a> for global advertising trafficking team
</div>
</div>
<div class="large-4 columns">
<div class="panel">
<a href="docs/SEO-cheatsheet.pdf">Cheatsheet</a> for SEO thinking
</div>
</div>
</div>
<a class="close-reveal-modal">×</a>
</div>
</div>
</div>
<div id="timeline" class="reveal-modal">
<div class="row">
<div class="large-12 columns">
<h5>TR Career Details</h5>
<div class="flex-IF">
<iframe src="http://anticonsultant.org/timeline-anticonsultant.html" style="height:450px; width:100%;"></iframe>
</div>
<a class="close-reveal-modal">×</a>
</div>
</div>
</div>
<script>
document.write('<script src="http://foundation.zurb.com/docs/assets/vendor/'
+ ('__proto__' in {} ? 'zepto' : 'jquery')
+ '.js"><\/script>');
</script>
<script src="http://foundation.zurb.com/docs/assets/docs.js"></script>
<script>
$(document)
.foundation();
// For Kitchen Sink Page
$('#start-jr').on('click', function() {
$(document).foundation('joyride','start');
});
</script>
<script type="text/javascript">
$('.reveal-modal').on('opened', function(){
$(this).find('[data-orbit]').css('height','');
$(window).trigger('resize.fndtn.orbit');
});
</script>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-2902884-2");
pageTracker._trackPageview();
} catch(err) {}</script>
</body>
</html>