-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex2013.html
315 lines (288 loc) · 13.1 KB
/
index2013.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
314
315
<!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>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>
<script type="text/javascript" src="//use.typekit.net/ket7qbc.js"></script>
<script type="text/javascript">try{Typekit.load();}catch(e){}</script>
<style>
html {
background: url(img/bg.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
</style>
</head>
<body class="">
<!--<nav class="top-bar" style="background-color: rgba(0,0,0,.5);">-->
<nav class="top-bar">
<!-- TOP BAR TITLE AREA -->
<ul class="title-area">
<li class="name"><h1 class="tkfg-demi-italic"><a href="#">AntiConsultant </a></h1></li>
<li class="toggle-topbar menu-icon"><a href="#"><span> </span></a></li>
</ul>
<!-- TOP BAR MENU -->
<section class="top-bar-section" style="background-color: rgba(0,0,0,0);">
<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=""><a href="portfolio-by-anticonsultant.html" title="AntiConsultant Portfolio">Portfolio</a></li>
<li class="divider"></li>
<li class=""><a href="process-from-anticonsultant.html" title="AntiConsultant Process">Process</a></li>
<li class="divider"></li>
<li class="has-dropdown"><a href="#">Content</a>
<ul class="dropdown">
<li class=""><a href="http://AntiConsultant.tumblr.com/" title="Tumblr blog: Back of the Napkin" target="_blank">Back of the Napkin →</a></li>
<li class="divider"></li>
<li class=""><a href="http://anticonsultant.wordpress.com/" title="AntiConsultant Design Blog" target="_blank">Design Blog →</a></li>
<li class="divider"></li>
<li class=""><a href="http://twitter.com/anticonsultant" title="AntiConsultant Twitter" target="_blank">Twitter →</a></li>
<li class="divider"></li>
</ul></li>
<li class="has-dropdown"><a href="#">Self</a>
<ul class="dropdown">
<li class=""><a href="http://about.me/anticonsultant" title="About.Me: AntiConsultant" target="_blank">About.Me →</a></li>
<li class="divider"></li>
<li class=""><a href="http://webserial.com" title="The (even more) creative side of AntiConsultant" target="_blank">Webserial →</a></li>
<li class="divider"></li>
<li class=""><a href="http://linkedin.com/in/anticonsultant" title="AntiConsultant LinkedIn Profile" target="_blank">LinkedIn Profile →</a></li>
<li class="divider"></li>
<li class=""><a href="https://plus.google.com/105155553302748831395/posts/" title="AntiConsultant Google+ Profile" target="_blank">Google+ Profile →</a></li>
<li class="divider"></li>
<li class=""><a href="http://www.youtube.com/user/trhusserl" title="Webserial YouTube Channel" target="_blank">Webserial YouTube Channel →</a></li>
</ul></li>
</ul>
</section>
</nav>
<!-- HEADER -->
<header>
<div class="row">
<div class="large-12 columns">
<h1 class="fff">I, AntiConsultant.</h1>
<h3 class="fff" style="padding-bottom:20px;" >Web Communications & User Experience</h3>
</div>
</div>
</header>
<!-- Top Content Row -->
<div class="row">
<!-- WORKING WITH -->
<div class="large-4 columns">
<h4 class="fff"><a href="working-with-anticonsultant.html">Working with</a> AntiConsultant</h4>
<p class="fff">You need a solution. I plan and develop strong, sound and sustainable experiences for your online business, academic organization, and personal site.</p>
</div>
<!-- CONTACT -->
<div class="large-5 columns">
<h4 class="fff"><a href="contact-anticonsultant.html">Make Contact with</a> AntiConsultant</h4>
<ul style="list-style:inside;">
<li class="fff">Based in Berkeley, CA.</li>
<li class="fff">Call <a href="tel:+15103329661" title="Call AntiConsultant">+1 510 332 9661</a></li>
<li class="fff">Connect with <a href="http://www.twitter.com/anticonsultant">AntiConsultant on Twitter</a></li>
</ul>
</div>
<!-- PRESENTATIONS PANEL -->
<div class="large-3 columns">
<div class="panel">
<h5>Presentations</h5>
<a href="http://www.coroflot.com/anticonsultant" target="_blank"><img src="img/portfolio.png" height="36" width="36" class="left" style="margin-right:12px;"/></a>
<p><a href="http://www.coroflot.com/anticonsultant" target="_blank">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>
<div class="row">
<!-- CORNELL BLOG -->
<div class="large-3 columns">
<div class="panel" style="background-image: url(img/culogo.png); background-size: 100%; background-repeat:no-repeat; background-position: 85px 60px;">
<h5>Supporting massive collaboration</h5>
<p>A <a href="#" data-reveal-id="blog">blog entry</a> that turned the tide.</p>
</div>
</div>
<!-- STARTUPS -->
<div class="large-5 columns">
<h5 class="fff">Startups</h5>
<p class="fff">
I've done core product and UX design for <span data-tooltip class="has-tip tip-bottom" title="401K Forum, Internet Travel Network and Exponential Interactive.">3 successful startups</span> and <span data-tooltip class="has-tip tip-bottom" title="Founded Cornell's Office of Web Communications & Western Union's Customer Experience program within Payment Services.">2 startups</span> within larger organizations. Founded Cornell's Office of Web Communications & Web Production Group, and Western Union Payment Services Customer Experience Group.
</p>
</div>
<!-- FIRSTS -->
<div class="large-4 columns">
<h5 class="fff">Firsts as Designer & Thinker</h5>
<p class="fff">
<span data-tooltip class="has-tip tip-bottom" title="401K Forum was the 1st financial planning service to offer retirement online advice with fiduciary responsibility. (Sold to Morningstar.)">1st</span> online retirement planning service<br/>
<span data-tooltip class="has-tip" title="Internet Travel Network invented online travel reservations. Service provider to United Airlines. (Sold to Sabre.)">1st</span> online travel reservations service<br/>
<span data-tooltip class="has-tip" title="I was the first communications office of a major web property to open up the redesign process to a vocal, invested and interested audience—with all the trials and trevails implied.">1st</span> to blog a major Web redesign
</p>
</div>
</div>
<div class="row">
<!-- SMALL BUSINESS -->
<div class="large-4 columns">
<h5 class="fff">Small Business Consulting</h5>
<p class="fff">
<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>
<!-- CONTESTS -->
<div class="large-5 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>
<!-- DOCUMENTS -->
<div class="large-3 columns">
<h5 class="fff">Documents</h5>
<p class="fff">
An <a href="#" data-reveal-id="documents">eclectic compilation</a> of documents culled from some of my most interesting work.</p>
</p>
</div>
</div>
<!-- TEMP SPACING -->
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<!-- FOOTER -->
<div class="exp-menu" style="background:#000;">
<footer class="site-footer" role="contentinfo" style="background:#000;">
<div class="hide-for-touch">
<ul class="footeractions" style="background:#000;">
<li><a class="footeraction" href="http://www.twitter.com/anticonsultant"><span class="footeractionTW"></span></a></li>
</ul>
</div>
<p style="background:#000;">
2013 <a href="http://about.me/anticonsultant/">Thomas Richardson</a>
</p>
</footer>
</div>
<!-- Cornell Redesign Blog modal-->
<div id="blog" class="reveal-modal">
<div class="row">
<div class="large-3 columns">
<p></p>
</div>
<div class="large-6 columns">
<h5>Cornell Redesign Blog</h5>
<p>We did a risky thing at Cornell, but we had to take a chance. The university sorely needed a redesign of its web space. It had to be done in months. And it had to be embraced by the community.</p>
<p>Knowing that to be embraced we needed to embrace, we decided to open up the process. Total transparency—to 150,000 alums—to deans and associate deans—to students and prospective students. We knew we couldn't possibly tailor communication to each interest group. So we created a blog.</p>
<p>We blogged about timelines, decisions, and strategy. We put fear aside and showed early designs. And then came the moment. The moment when the social media <i>disease</i> reared its head: frustrated anonymity. It allowed people to participate in the discussion behind a veil of indecipherable username. And it allowed them to take swipes at the team and the success of the project.</p>
<p>This was the <a href="http://blogs.cornell.edu/viewsource/2004/07/28/design-issues-review/" title="Cornell University Redesign Blog" target="_blank">blog entry</a> that turned the tide.</p>
</div>
<div class="large-3 columns">
<p></p>
</div>
</div>
<a class="close-reveal-modal">×</a>
</div>
<!-- Timeline Iframe modal-->
<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>
<h6>Scroll horizontally to see timeline.</h6>
</div>
</div>
<!-- Eclectic Compilation of Docs modal-->
<div id="documents" class="reveal-modal">
<div class="row">
<div class="large-12 columns">
<h5>AntiConsultant Documents</h5>
</div>
</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>
<!-- PAGE TRACKER -->
<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">
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>