-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
1237 lines (1222 loc) · 79.3 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
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
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://ogp.me/ns/fb#">
<!-- ####################################################################
___
_..--"\ `|`""--.._
.-' \ | `'-.
/ \_|___...----'`\
|__,,..--""``(_)--..__ |
'\ _.--'`.I._ ''--..'
`''"`,###/_|_\###,.--'`
,#' _.:`___`:-._'#,
#' ,~'-;(oIo);-'~, '#
# `~-( | )=~` #
# | |_ | #
# ; ._. ; #
# _..-;|\ - /|;-._ #
#-' /_ \\_// _\ '-#
/`# ; /__\-'__\; #`\
; #\.--| |O O |'-./# ;
|__#/ \ _;O__O___/ \#__|
| #\ [I_[_]__I] /# |
\_(# ; |O O ; #)_/
| | |
| ; |
| | |
; | |
| | |
| | ;
| | |
'-.;____..-'
| || |
|__||__|
[__][__]
.-'-.||.-'-.
(___.' '.___) -JGS
Welcome to my code. I hope it's not too embarassing. Tips for improvements
or inquiries should be sent to [email protected]
Everything I've made here is free for anyone to reproduce and to use. There
are a number of things on the site subject to copyright or trademark, but
I think it's pretty clear which things those are.
Everything else is made by me. Right?! Including the unicorn. So feel free
to take and use as liberally as you'd like. Please, though, nothing evil
or deeply nefarious.
If something you saw here helped you make up your mind about me, please
let me know: I love to learn where I'm strong and where I need to improve.
Since you're looking here, there are two easter eggs and here is a thinly
vielded clue:
Upon the single horn of blazing gold
place your finger for truth to be told
Feel the drape across the miracle's back
a flag of a mighty tree, framed in black
#################################################################### -->
<head>
<title>Aaron Brodeur: San Francisco based interface designer and front end developer</title>
<script src="https://use.typekit.net/wzy2ldq.js"></script>
<script>try{Typekit.load({ async: true });}catch(e){}</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="scripts/jquery.slimscroll.js"></script>
<script src="scripts/jquery.fullPage.js"></script>
<script src="scripts/main.js"></script>
<link rel="stylesheet" href="styles/reset.css">
<link rel="stylesheet" href="styles/jquery.fullPage.css">
<link rel="stylesheet" href="styles/main.css">
<link rel="stylesheet" media="screen and (min-width: 701px) and (max-width: 980px)" href="styles/medium.css"/>
<link rel="stylesheet" media="screen and (min-width: 300px) and (max-width: 700px)" href="styles/small.css"/>
<link rel="icon" href="favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<link rel="icon" type="image/png" sizes="192x192" href="android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png">
<meta property="og:image" content="images/aaron-brodeur-with-kitten.png"/>
</head>
<body>
<div class="loader-wrapper">
<div class="loader-cell">
<div class="loader"></div>
</div>
</div>
<header>
<nav class="menu">
<div class="aaron-brodeur">
<a class="menu-item nav-item" href="#intro"><img src="images/aaron-brodeur-with-kitten.png"></a>
<h2>Aaron Brodeur</h2>
</div>
<a class="mobile-menu">
<div></div>
<div></div>
<div></div>
</a>
<ul class="menu">
<li><a class="menu-item nav-item work" href="#story">Work & History</a></li>
<li><a class="menu-item nav-item skills" href="#skills">Primary Skillset</a></li>
<li><a class="menu-item nav-item tools" href="#tools">Tools I Use</a></li>
<li class="contact-menu">
<a class="menu-item contact">@</a>
<ul>
<li><a class="contact-me"></a></li>
<li><a class="telephone" href="tel:4157635443">(415) 763-5443</a></li>
<li class="contact-icon"><a class="facebook" href="facebook.com/thebrodeur"></a></li>
<li class="contact-icon"><a class="instagram" href="https://www.instagram.com/aaronbrodeur/"></a></li>
<li class="contact-icon"><a class="github" href="http://github.com/brodeur"></a></li>
<li class="contact-icon"><a class="twitter" href="http://twitter.com/brodeur"></a></li>
</ul>
</li>
</ul>
</nav>
</header>
<div class="transitional-backgrounds">
<div class="intro"></div>
<div class="skills"></div>
<div class="tools"></div>
<div class="anchor-tree"></div>
<div class="unicorn-explanation"></div>
<div class="story first"></div>
<div class="story second"></div>
<div class="story third"></div>
<div class="story fourth"></div>
<div class="story fifth"></div>
<div class="story sixth"></div>
<div class="story seventh"></div>
</div>
<div class="portfolio">
<div class="section intro clearfix" data-anchor="intro">
<div class="wrapper">
<div class="slide">
<div class="cloud cloud-1"></div>
<div class="cloud cloud-2"></div>
<div class="black-unicorn">
<div class="shimmers">
<img class="shine-1" src="images/shimmers/shine-1.png">
<img class="shine-2" src="images/shimmers/shine-2.png">
<img class="shine-3" src="images/shimmers/shine-3.png">
<img class="shine-4" src="images/shimmers/shine-4.png">
<img class="sparkle sparkle-1" src="images/shimmers/sparkle-1.png">
<img class="sparkle sparkle-2" src="images/shimmers/sparkle-2.png">
<img class="sparkle sparkle-3" src="images/shimmers/sparkle-3.png">
<img class="sparkle sparkle-4" src="images/shimmers/sparkle-4.png">
<img class="sparkle sparkle-5" src="images/shimmers/sparkle-5.png">
<img class="sparkle sparkle-6" src="images/shimmers/sparkle-6.png">
<img class="sparkle sparkle-7" src="images/shimmers/sparkle-7.png">
<img class="sparkle sparkle-8" src="images/shimmers/sparkle-8.png">
<img class="sparkle sparkle-9" src="images/shimmers/sparkle-9.png">
<img class="sparkle sparkle-10" src="images/shimmers/sparkle-10.png">
</div>
<div class="anchor-tree-wrapper">
<a class="anchor-tree-hover" href="#intro/2"></a>
</div>
<a class="unicorn-horn" href="#intro/1"><img src="images/shimmers/flare.png"></a>
</div>
<div class="intro-content">
<h1>I help make<br>dreams come true</h1>
<p>I'm an artist, interface designer, and front end developer in San Francisco. I've spent the last 7 years making the dream of a successful solar company come true, and now I'm looking for my next mission.</p>
<p>What's your dream? Maybe I can help make it come true. <a class="orange-btn nav-item" href="#skills">Find out how</a></p>
</div>
</div>
<div class="slide">
<div class="wrapper clearfix">
<div class="unicorn-explanation-content">
<h1>Am I a unicorn?</h1>
<p>No -- at least I'm not <a href="http://www.nytimes.com/2015/05/23/technology/overvalued-in-silicon-valley-but-not-the-word-that-must-not-be-uttered.html" target="_blank"><em>that</em> kind of unicorn</a> -- but I do have a set of skills that enable me to perform many of the jobs necessary for getting a digital product to market. In certain situations this set of skills <em>can</em> be pretty magical.</p>
<p>The idea for the unicorn came from an email discussion where I had asked my friend <a href="https://www.linkedin.com/in/suelynyu">Suelyn</a> for advice on how to describe my broad set of skills. She pointed out that some people would classify me as a <a href="http://www.usabilitycounts.com/2013/07/24/the-unicorn-designer-dilemma-and-how-to-avoid-it/" target="_blank">"unicorn designer"</a>: I can conceive of, research, design and build many types of digital products all by myself.</p>
<p>I thought, hey that's great: I can draw a unicorn to explain what I do. Problem solved. Seriously, though, Suelyn's email was so helpful I've asked for her permission to include it here -- it's great advice to any designer, and was invaluable to me.</p>
<p>Thanks, Suelyn!</p>
</div>
<div class="unicorn-email-thread">
<div class="close-email-wrapper">
<div class="close-email"><a class="orange-btn">Close email</a></div></div>
<div class="email suelyn-response">
<div class="top-heading"></div>
<div class="email-header">
<img src="images/relationships/suelyn-yu.png" alt="Suelyn Yu, Designer @ Frog Design & Opower">
<span class="email-date">On December 25th, 2014 in response to <a href="https://www.linkedin.com/in/aaronbrodeur">Aaron Brodeur</a></span>
<h2>RE: How do I best describe my skillset?</h2>
<span>From <a href="https://www.linkedin.com/in/suelynyu" target="_blank">Suelyn Yu - Frog Design, Opower</a></span>
</div>
<div class="content">
<p>Hey Aaron-</p>
<p>Oi this has hidden at the bottom of my inbox for a while now. After a few lazy days of break (eating/napping/movies/repeat) i'm ready to wake up! Hope you are having a Merry Christmas (if you celebrate christmas)!</p>
<p>If you are still looking for your next gig...</p>
<p>I think you could actually sell yourself as a few different types of role. UX designer. Front-end developer. Front-end prototyper. UI/Visual designer. Sigh isn't our profession confusing? <strong>Actually, you are actually the infamous unicorn designer.</strong></p>
<p>How would you fill out this chart? I found Irene Au's medium posts (written for design employers) actually really useful for my own self reflection as a designer. <a href="https://medium.com/@ireneau/writing-a-job-description-for-ux-people-bcad01be93b0" target="_blank">https://medium.com/@ireneau/writing-a-job-description-for-ux-people-bcad01be93b0</a></p>
<p class="center-text"><img src="images/competency.png"></p>
<p>Based on this, i'm happy to flag any job postings I hear of. I find by just having an updated portfolio online and an up to date linkedin, i get a few inbound requests, though most of them aren't mission-driven companies or solving interesting/meaningful problems. </p>
<p>If you are looking for short-term contract gigs, it might be helpful to reach out to some of the design recruiters in the area. I've only known these ladies personally (from frog days), <a href="http://www.talent-farm.com/" target="_blank">http://www.talent-farm.com/</a> - ex frog recruiters</p>
<p>But i've heard good things about some of these recruiters:</p>
<ul>
<li><a href="http://www.wertco.com/" target="_blank">Judy Wert</a> specializes in product design leaders and leadership roles</li>
<li><a href="https://about.me/amyjacksontalent" target="_blank">Amy Jackson</a> specializes in individual contributor roles for product design</li>
<li><a href="http://www.designrecruiter.com/" target="_blank">Stephanie Shapiro</a></li>
<li><a href="http://aquent.com/" target="_blank">Aquent</a> specializes in visual design talent</li>
</ul>
<p>They will probably ask to see a portfolio and resume. I'm not sure what type of portfolio you need as a visual designer or front-end developer, but here are some of my favorite UX designer portfolios. Mine is definitely not up to par right now, but i'm hoping to update mine in the next year:</p>
<ul>
<li>Andrew Kim designer from Art Center: <a href="http://www.minimallyminimal.com/blog/america-elect">http://www.minimallyminimal.com/blog/america-elect</a></li>
<li>Pinterest ux designer from cmu: <a href="http://www.jedmund.com/">http://www.jedmund.com/</a></li>
<li>Jawbox ux designer - uses squarespace: <a href="http://dayn-wilberding.squarespace.com/#/the-jawbone-app/">http://dayn-wilberding.squarespace.com/#/the-jawbone-app/</a></li>
<li><a href="http://www.quora.com/What-are-some-good-examples-of-UX-portfolios">http://www.quora.com/What-are-some-good-examples-of-UX-portfolios</a></li>
</ul>
<p>Hope that's helpful Aaron. Happy to meet up after the holidays in SF to catchup as well!</p>
<p>Cheers and hugs,</p>
<p>Suelyn</p>
</div>
</div>
</div>
</div>
</div>
<div class="slide anchor-tree">
<div class="wrapper">
<div class="explanation">
<h2>The Anchortree</h2>
<p>The Anchortree was the logo of my first company, Thoughtpool. It's always been a very special image to me -- it came to me in a dream while backpacking through the Ventana Wilderness alone during a birthday getaway. This is a digital composition of the Anchortree, combining imagery from different parts of the world. The main picture used is one from Bagan, Myanmar, where my partner and I traveled last year.</p>
</div>
</div>
</div>
</div>
</div>
<div class="section story first" data-anchor="story-index">
<div class="wrapper">
<div class="timeline-menu">
<ul>
<li class="first"><a class="first" href="#story/first"><span>2015<br>-<br>????</a><span></li>
<li class="second"><a class="second" href="#story/second"><span>2013<br>-<br>2015</a><span></li>
<li class="third"><a class="third" href="#story/third"><span>2011<br>-<br>2013</a><span></li>
<li class="fourth"><a class="fourth" href="#story/fourth"><span>2008<br>-<br>2011</a><span></li>
<li class="fifth"><a class="fifth" href="#story/fifth"><span>2007<br>-<br>2008</a><span></li>
<li class="sixth"><a class="sixth" href="#story/sixth"><span>1998<br>-<br>2006</a><span></li>
<li class="seventh"><a class="seventh" href="#story/seventh"><span>1982<br>-<br>1998</a><span></li>
</ul>
</div>
<div class="timeline"></div>
<div class="time-period slide first" data-anchor="first">
<div class="right slideshow">
<ul class="work-samples-menu slideshow-links" slideshow-id="first"></ul>
<div class="work-samples" slideshow-id="first">
<ul>
<li slide-id="first">
<img src="images/work-history/sighten.jpg">
<span>I worked with the team at Sighten over the course of a few weeks to completely redesign their solar system design tool. It was a blast: The team over at Sighten had a strong vision for this part of the product, which made designing a breeze.</span>
</li>
<li slide-id="second">
<img src="images/work-history/thesio.jpg">
<span>I've been working on Thesio for a few months. What started out as Just Another Markdown Editor has quickly evolved into what I consider to be a serious product with it's own purpose: Make writing long documents like articles, papers or novels, much, much easier. I can't show more than this right now, but I'm really excited about Thesio.</span>
</li>
<li slide-id="third">
<img src="images/work-history/presences.jpg">
<span>Presences is a new type of camera I'm designing. The idea is to use currently available technology to build video that gives the illusion of presence, by combining three video feeds and using eye tracking software to determine the location of the viewer's head. Early tests are promising!</span>
</li>
<li slide-id="fourth">
<img src="images/work-history/familiar-athena.png">
<span>While working on my writing app, Thesio, I realized that something I was building might be useful to others. <a href="http://familiar.io">Familiar</a> is a rough sketch of a javascript library that allows you to change the interface depending on the level of familiarity the user has with the system. For instance: Advanced users can be shown a different set of controls than novice users. This is a drawing I did of Athena, Familiar's mascot. Athena can be seen sitting on my shoulder at the top left of the screen!</span>
</li>
<li slide-id="fifth">
<img src="images/work-history/now-poster.jpg">
<span>I've been helping the Now! festival for a couple of years now. The festival is a distributed festival -- think Burning Man in your neighborhood. This is the most recent poster I designed for the festival which hosted over 100 events over the course of the week in the neighborhoods surrounding the Panhandle in San Francisco.</span>
</li>
<li slide-id="sixth">
<img src="images/work-history/moneyvoice.png">
<span>I've teamed up with Brent Schulkin again to work on his stealthy little mobile startup. I can't say much about what it does or how it works, but I'm really excited to be able to help.</span>
</li>
<li slide-id="seventh">
<img src="images/work-history/grandma.jpg">
<span>This year, my grandmother Mary passed away. She was an artist and taught me the artist's way and showed me the path. I am forever indebted to her for the infinite universe she unlocked within me. This is a digital illustration I did shortly after her passing.</span>
</li>
</ul>
</div>
</div>
<div class="left story">
<h2>Work with me!</h2>
<p>In February of 2015, I left <a href="https://en.wikipedia.org/wiki/One_Block_Off_the_Grid">the company</a> I helped start in 2008 after it sold to <a href="http://www.nrg.com/">NRG</a>, an East Coast energy provider and Fortune 250 company. Since then I've been contracting for various companies and cooking up some projects of my own.</p>
<p>Recently, I've consulted for big names like IDEO on products that won't be released until 2025, but I've also been able to work with early, growth stage companies like Sighten. Being a consultant has been a great change of pace: It's been really exciting to work with so many talented teams on such a diverse range of ideas.</p>
<p>Between contracts, I've helped several friends develop new businesses as well as honing several of my own ideas like Thesio, a new way of writing and creating complex documents. From Thesio came a prototype of a javascript library I'm working on, called <a href="http://familiar.pw">Familiar</a>. I'm also collaborating with friends on projects like <a href="http://arbit.us/">Arbitus</a> with <a href="https://www.linkedin.com/profile/view?id=AAkAAAD-JpUByU2wRvqWdP8OxSmec1gk7Mg-hJI">Tim</a>, an ultra-super-top-secret project that seeks to eliminate soft costs in solar lead acquisition. Then there's <a href="http://everythingunlimited.co/">Everything Unlimited</a> where I'm collaborating with my best friend -- and former boss -- <a href="https://www.linkedin.com/in/tibet-sprague-a135622">Tibet</a> and my partner <a href="https://www.linkedin.com/in/taniaku">Tania</a>, which is an idea we've been working on for a while around making the workplace more equitable.</p>
<p>I'm available for hire and collaboration. If you think we'd get along, I'd love to hear about what you're building: <a class="contact-me"></a></p>
</div>
</div>
<div class="time-period slide second" data-anchor="second">
<div class="right slideshow">
<ul class="work-samples-menu slideshow-links" slideshow-id="second"></ul>
<div class="work-samples" slideshow-id="second">
<ul>
<li slide-id="first">
<img src="images/work-history/timeline.jpg">
<span>Solar is a complicated product with a long sales cycle. Because the industry is growing so fast, it can take up to 6 months for panels to be installed. I designed this timeline to help people to get a quick grasp on how long the process is and give clear instructions about what the next step is.</span>
</li>
<li slide-id="second">
<a class="slideshow-item-link" href="files/work-history/pure-lights-designs.pdf">Download the design comps</a>
<img src="images/work-history/pure-lights-checkout.jpg">
<span>LEDs are expensive. We built PURE Lights as a way for people to upgrade their entire home to LEDs without breaking the bank. The centerpiece of the product was an inventory and calculator system which served as a store.</span>
</li>
<li slide-id="third">
<a class="slideshow-item-link" href="files/work-history/pure-lights-designs.pdf">Download the design comps</a>
<img src="images/work-history/pure-lights-upgrade.jpg">
<span>PURE Lights allowed users to specify the lights currently in their home and, based on their electrical usage and utility rates, see how much they would save with LEDs. This screen is the final step of upgrading your incandescents to LEDs, where you pick out the color temperature of the blubs -- a very confusing task until you see something like this.</span>
</li>
<li slide-id="fourth">
<a class="slideshow-item-link" href="files/work-history/obog-proposal.pdf">Download the full proposal</a>
<img src="images/work-history/proposal.jpg">
<span>One of the many iterations of our generated proposal. After entering a customer's financial and personal information and designing them a system using our custom built tool, a button is pressed and out comes one of the best sales tools in the industry.</span>
</li>
<li slide-id="fifth">
<img src="images/work-history/project-lifecycle.jpg">
<span>Here's what our project lifecycle looked at the company. I put this together for as part of a pitch deck I can't show, to help investors understand why our balance sheets looked the way they did.</span>
</li>
<li slide-id="sixth">
<img src="images/work-history/office-redesign.jpg">
<span>One of my favorite projects was designing our on-site call center for 75 local sales people. The design I came up with ended up being used until we moved out of our first office (164 South Park, Twitter and Instagram's first office). I was able to design the space in such a way that even with an open layout, noise was reduced and team cohesion was increased.</span>
</li>
<li slide-id="seventh">
<img src="images/work-history/alarmguys.png">
<span>Partner integration was a normal, day-to-day task for our team. Here's a piece of marketing collateral I put together for our partners at Alarm.com: This piece was used by door-to-door salespeople to drive lead acquisition with great success.</span>
</li>
</ul>
</div>
</div>
<div class="left story">
<h2>The startup curve</h2>
<p>I helped to grow, lead and design One Block Off the Grid through the <a href="http://avc.com/2012/03/the-startup-curve/">startup curve</a>. Our own personal trough of sorrows came in the years after the time when Solyndra, an experimental solar technology company, very publicly encountered problems and went under.</p>
<p>Funding for solar dried up immediately: There was less awareness then about how much of a no-brainer the technology is. But still we grew. Our peers and partners (the biggest names in the industry) also grew. As we grew, new financing models became available and 1BOG pivoted: Instead of group discounts and consumer advocacy, we would be the Expedia of solar.</p>
<p>We built a suite of advanced tools that the rest of the industry adopted soon thereafter. We built slick internal tools that made our time-to-call and other metrics the best in the industry. We were killing it! But funding was still scarce, so we ended up merging with PURE Energies.</p>
<p>PURE Energies is a Canadian company: They brought money and a talented salesforce to the table, we brought our technology stack, customer acquisition expertise and seasoned sales team to the table. Together, we formed and built a company that sold to NRG just a couple of years later for 9 digits.</p>
</div>
<div class="important-relationships">
<h4>2013 - 2015 <span>IMPORTANT RELATIONSHIPS</span></h4>
<ul class="clearfix">
<li>
<span class="relationship-photo candace-saffery-neufeld"></span>
<div class="relationship">
<h2 class="left">
Candace Saffery Neufeld <a class="linkedin-link"></a>
<span>Incomplete</span>
</h2>
<h2 class="right">
Was my
<span>Incomplete</span>
</h2>
<div class="relationship-timeframe">
2009 - 2009
</div>
<div class="relationship-description">
<p>Incomplete.</p>
</div>
</div>
</li>
<li>
<span class="relationship-photo sen-kanthaswamy"></span>
<div class="relationship">
<h2 class="left">
Sen Kanthaswamy <a class="linkedin-link"></a>
<span>Incomplete</span>
</h2>
<h2 class="right">
Was my
<span>Incomplete</span>
</h2>
<div class="relationship-timeframe">
2009 - 2009
</div>
<div class="relationship-description">
<p>Incomplete.</p>
</div>
</div>
</li>
<li>
<span class="relationship-photo keith-mosher"></span>
<div class="relationship">
<h2 class="left">
Keith Mosher <a class="linkedin-link"></a>
<span>Incomplete</span>
</h2>
<h2 class="right">
Was my
<span>Incomplete</span>
</h2>
<div class="relationship-timeframe">
2009 - 2009
</div>
<div class="relationship-description">
<p>Incomplete.</p>
</div>
</div>
</li>
<li>
<span class="relationship-photo norissa-kyin"></span>
<div class="relationship">
<h2 class="left">
Norissa Kyin <a class="linkedin-link"></a>
<span>Incomplete</span>
</h2>
<h2 class="right">
Was my
<span>Incomplete</span>
</h2>
<div class="relationship-timeframe">
2009 - 2009
</div>
<div class="relationship-description">
<p>Incomplete.</p>
</div>
</div>
</li>
<li>
<span class="relationship-photo tim-haines"></span>
<div class="relationship">
<h2 class="left">
Tim Haines <a class="linkedin-link"></a>
<span>Incomplete</span>
</h2>
<h2 class="right">
Was my
<span>Incomplete</span>
</h2>
<div class="relationship-timeframe">
2009 - 2009
</div>
<div class="relationship-description">
<p>Incomplete.</p>
</div>
</div>
</li>
</ul>
</div>
</div>
<div class="time-period slide third" data-anchor="third">
<div class="right slideshow">
<ul class="work-samples-menu slideshow-links" slideshow-id="third"></ul>
<div class="work-samples" slideshow-id="third">
<ul>
<li slide-id="first">
<img src="images/work-history/obog-redesign.jpg">
<span>In 2012 we took some time to redesign the entire site. At this point, we were doing comparison shopping for solar and business was booming. We had 200,000 members and the top installers in the industry as our partners.</span>
</li>
<li slide-id="second">
<img src="images/work-history/activity-feed.jpg">
<span>With 140 sales people in the US and Canada, we needed a simple way for each person to manage and check their pipeline. I designed this timeline as a way for salespeople to see recent activity in their sales pipeline, so that they could always be abreast of changes to accounts.</span>
</li>
<li slide-id="third">
<img src="images/work-history/quail.jpg">
<span>Quail was our internal quoting tool. This is a screen grabbed from our system design tool. In this slide, a solar system designer selects the roof slope pitch in order to accurately determine how much electricity a system would produce.</span>
</li>
<li slide-id="fourth">
<a class="slideshow-item-link" href="files/work-history/virgance-pitch-deck.pdf">Download the full proposal</a>
<img src="images/work-history/proposal.jpg">
<span>One of the many iterations of our generated proposal. After entering a customer's financial and personal information and designing them a system using our custom built tool, a button is pressed and out comes one of the best sales tools in the industry.</span>
</li>
<li slide-id="fifth">
<img src="images/work-history/dh-landing.jpg">
<span>Early version of Lend. We worked with Pepsi for a number of weeks to make Lend, our "American Idol for Social Good Facebook App", was initially very appealing to many partners. We worked with people from Southwest Airlines, Pepsi and GM to build campaigns.</span>
</li>
<li slide-id="sixth">
<img src="images/work-history/company-dashboard.jpg">
<span>We were obsessed with improving our metrics. After seeing Panic Software's beautiful company-wide status board, we decided to build our own. This was the first of three versions built during my time there and was it was a really fun tool to build that helped bring cohesion around goals and a way to celebrate the achievements of employees.</span>
</li>
<li slide-id="seventh">
<img src="images/work-history/obog-mobile.png">
<span>Over the years we had many partners and integrated with many different platforms. Here is an example of partner integration within a mobile app.</span>
</li>
</ul>
</div>
</div>
<div class="left story">
<h2>The solar revolution</h2>
<p>It started out with <a href="https://www.linkedin.com/profile/view?id=AAkAAAAAUY0BBOQNF5YQx5mIWDfHzyTs5ujpLZU">Dan Barahona</a>, <a href="https://www.linkedin.com/profile/view?id=AAkAAAAAUZIBBmeNG2Gpa_QBFtHVA5cDga41-iY">Sylvia Ventura</a> and <a href="https://www.linkedin.com/profile/view?id=AAkAAADcr74BtHwEVw97S1mx2s8onf43V-_N7M4">Dave Llorens</a> organizing a neighborhood together to get a group discounts on solar. This was before Groupon, and it spread like wildfire. Suddenly, solar was much more affordable and 1BOG was taking off.</p>
<p>It became clear that we had a winner on our hands, and so Virgance became 1BOG.</p>
<p>Over the next 4 years, we would build an incredible company employing around 140 people in San Francisco and Toronto. We were in the sweet spot, providing benefits to both the solar industry and directly to consumers, passing on savings and knowledge in the process.</p>
<p>I designed everything from consumer-facing solar calculators to full spread newspaper advertisements to the internal tools and quote production/management software. Even though we had switched from many companies to one, as the sole designer for much of the time I was privileged to have a diverse set of interesting problems to solve.</p>
</div>
<div class="important-relationships">
<h4>2011 - 2013 <span>IMPORTANT RELATIONSHIPS</span></h4>
<ul class="clearfix">
<li>
<span class="relationship-photo avra-durack"></span>
<div class="relationship">
<h2 class="left">
Avra Durack <a class="linkedin-link"></a>
<span>Incomplete</span>
</h2>
<h2 class="right">
Was my
<span>Incomplete</span>
</h2>
<div class="relationship-timeframe">
2005 - 2007
</div>
<div class="relationship-description">
<p>Incomplete.</p>
</div>
</div>
</li>
<li>
<span class="relationship-photo shannon-coulter"></span>
<div class="relationship">
<h2 class="left">
Shannon Coulter <a class="linkedin-link"></a>
<span>Incomplete</span>
</h2>
<h2 class="right">
Was my
<span>Incomplete</span>
</h2>
<div class="relationship-timeframe">
2009 - PRESENT DAY
</div>
<div class="relationship-description">
<p>Incomplete.</p>
</div>
</div>
</li>
<li>
<span class="relationship-photo tibet-sprague"></span>
<div class="relationship">
<h2 class="left">
Tibet Sprague <a class="linkedin-link"></a>
<span>Solution Architect @ Rosetta</span>
</h2>
<h2 class="right">
Was my
<span>Cofounder @ Thoughtpool</span>
</h2>
<div class="relationship-timeframe">
2005 - 2007
</div>
<div class="relationship-description">
<p>Incomplete.</p>
</div>
</div>
</li>
<li>
<span class="relationship-photo grant-patterson"></span>
<div class="relationship">
<h2 class="left">
Grant Patterson <a class="linkedin-link"></a>
<span>Incomplete</span>
</h2>
<h2 class="right">
Was my
<span>Incomplete</span>
</h2>
<div class="relationship-timeframe">
2005 - 2007
</div>
<div class="relationship-description">
<p>Incomplete.</p>
</div>
</div>
</li>
<li>
<span class="relationship-photo matt-bellehumer"></span>
<div class="relationship">
<h2 class="left">
Matt Bellehumer <a class="linkedin-link"></a>
<span>Incomplete</span>
</h2>
<h2 class="right">
Was my
<span>Incomplete</span>
</h2>
<div class="relationship-timeframe">
2005 - 2007
</div>
<div class="relationship-description">
<p>Incomplete.</p>
</div>
</div>
</li>
</ul>
</div>
</div>
<div class="time-period slide fourth" data-anchor="fourth">
<div class="right slideshow">
<ul class="work-samples-menu slideshow-links" slideshow-id="fourth"></ul>
<div class="work-samples" slideshow-id="fourth">
<ul>
<li slide-id="first">
<img src="images/work-history/carrotmob.jpg">
<span>Carrotmob! The idea that changed my life. Building Carrotmob with Brent was a huge pleasure -- he's wonderful to work with and always willing to try every good idea. Lately, I've started working with Brent on a new idea related to Carrotmob -- stay tuned for more info!</span>
</li>
<li slide-id="second">
<img src="images/work-history/virgance-business-cards.png">
<span>Designing for an incubator was a blast. The variety of work and the level of creative freedom was unparalleled during those first couple of years. I designed everything from our brands to our marketing collateral to our business cards.</span>
</li>
<li slide-id="third">
<img src="images/work-history/kiva-affiliate.png">
<span>One Block Off the Grid worked with many partners to generate leads. Here is an example of Kiva's affiliate dashboard that I designed and built, so that our partners could track the effectiveness of our affiliate campaigns.</span>
</li>
<li slide-id="fourth">
<img src="images/work-history/obog-home.jpg">
<span>Early version of the 1BOG homepage: This was right after the launch of our nationwide campaign which connected thousands of people who would otherwise not have access to solar to information and people that could help them out -- all while growing 1BOG's bottom line.</span>
</li>
<li slide-id="fifth">
<img src="images/work-history/pepsi-good-idea.jpg">
<span>Early version of Lend. We worked with Pepsi for a number of weeks to make Lend, our "American Idol for Social Good Facebook App", was initially very appealing to many partners. We worked with people from Southwest Airlines, Pepsi and GM to build campaigns.</span>
</li>
<li slide-id="sixth">
<img src="images/work-history/pepsi-good-idea-2.jpg">
<span>We worked for a long time on Lend, eventually getting pretty close to finishing a very robust Facebook platform that interfaced with a normal web view, as well. Everyone we were working with was very excited.</span>
</li>
<li slide-id="seventh">
<img src="images/work-history/pepsi-good-idea-3.jpg">
<span>After all the work we did, our partners got cold feet: Nobody wanted to put their money where their mouths were and "social media" was still new: Nobody understood the potential impact just then of what Facebook platforms could give to brands. Nobody signed for our initial campaign and we eventually had to conclude that Lend was not destined for this earth. A year later, Pepsi came out with the Refresh campaign, which was a bit of a slap in the face: Pepsi Refresh was Lend.</span>
</li>
</ul>
</div>
</div>
<div class="left story">
<h2>Designing an Incubator</h2>
<p> I joined the founding team of <a href="http://techcrunch.com/2009/02/11/virgance-harnessing-the-community-to-save-the-world-business-plan-included/">Virgance</a> in the late summer of 2008. It was there that I earned my stripes. Virgance was an incubator for socially good companies. At this point in time, incubators weren't the hip thing they are today, but we were on a mission: Let's prove to the world that you can make money and do good at the same time.</p>
<p>We started with four business units: <a href="https://en.wikipedia.org/wiki/Carrotmob">Carrotmob</a>, <a href="https://en.wikipedia.org/wiki/One_Block_Off_the_Grid">One Block Off the Grid (1BOG)</a>, <a href="http://whitscott.com/2008/04/02/green-options-media-meet-david-anderson/">Green Options Media</a>, Lend and Greenfund. I was the sole designer and front end developer for most of these products, and I felt like a kid in a candy store. Over the next few years, I would work on everything from novel voting interfaces for volunteers around the globe to designing a blogging platform for green bloggers. We raised a $750k seed round, then our Series A. Things were going great.</p>
<p>Each of our businesses was gaining traction, maturing and in most cases, making money. The one unit of the company that grew the most and the fastest was One Block Off the Grid.</p>
</div>
<div class="important-relationships">
<h4>2015 - ???? <span>IMPORTANT RELATIONSHIPS</span></h4>
<ul class="clearfix">
<li>
<span class="relationship-photo kalvin-wang"></span>
<div class="relationship kalvin">
<h2 class="left">
Kalvin Wang <a class="linkedin-link"></a>
<span>Solution Architect @ Rosetta</span>
</h2>
<h2 class="right">
Was my
<span>Cofounder @ Thoughtpool</span>
</h2>
<div class="relationship-timeframe">
2005 - 2007
</div>
<div class="relationship-description">
<p>Incomplete.</p>
</div>
</div>
</li>
<li>
<span class="relationship-photo david-anderson"></span>
<div class="relationship">
<h2 class="left">
David Anderson <a class="linkedin-link"></a>
<span>Solution Architect @ Rosetta</span>
</h2>
<h2 class="right">
Was my
<span>Cofounder @ Thoughtpool</span>
</h2>
<div class="relationship-timeframe">
2005 - 2007
</div>
<div class="relationship-description">
<p>Incomplete.</p>
</div>
</div>
</li>
<li>
<span class="relationship-photo clayton-cornell"></span>
<div class="relationship">
<h2 class="left">
Clayton Cornell <a class="linkedin-link"></a>
<span>Solution Architect @ Rosetta</span>
</h2>
<h2 class="right">
Was my
<span>Cofounder @ Thoughtpool</span>
</h2>
<div class="relationship-timeframe">
2005 - 2007
</div>
<div class="relationship-description">
<p>Incomplete.</p>
</div>
</div>
</li>
<li>
<span class="relationship-photo orestis-herodotou"></span>
<div class="relationship">
<h2 class="left">
Orestis Herodotou <a class="linkedin-link"></a>
<span>Solution Architect @ Rosetta</span>
</h2>
<h2 class="right">
Was my
<span>Cofounder @ Thoughtpool</span>
</h2>
<div class="relationship-timeframe">
2005 - 2007
</div>
<div class="relationship-description">
<p>Incomplete.</p>
</div>
</div>
</li>
<li>
<span class="relationship-photo dave-llorens"></span>
<div class="relationship">
<h2 class="left">
Dave Llorens <a class="linkedin-link"></a>
<span>Solution Architect @ Rosetta</span>
</h2>
<h2 class="right">
Was my
<span>Cofounder @ Thoughtpool</span>
</h2>
<div class="relationship-timeframe">
2005 - 2007
</div>
<div class="relationship-description">
<p>Incomplete.</p>
</div>
</div>
</li>
</ul>
</div>
</div>
<div class="time-period slide fifth" data-anchor="fifth">
<div class="right slideshow">
<ul class="work-samples-menu slideshow-links" slideshow-id="fifth"></ul>
<div class="work-samples" slideshow-id="fifth">
<ul>
<li slide-id="first">
<img src="images/work-history/activism-capitalism.jpg">
<span>Meeting Brent and Steve changed my life. Brent was a legit activist with years of service. Steve was a lifelong entrepreneur whose last company sold to Microsoft and became Bing. I had found people to learn from!</span>
</li>
<li slide-id="second">
<a class="slideshow-item-link" href="files/work-history/virgance-pitch-deck.pdf">Download our Seed Round pitch deck</a>
<img src="images/work-history/activism-2.0.jpg">
<span>Within a couple of months working on our various brand new companies, we needed to put together our first serious pitch deck. We had a big dream, and some growth and revenue to back it up.</span>
</li>
<li slide-id="third">
<img src="images/work-history/virgance-projects.png">
<span>Virgance was an ambitious idea: An ecosystem where entrepreneurs, engineers and activists could work alongside one another on liquid teams building products that make money and help the world in some measurable way. Now that I'm looking back, I'm really impressed at how far we actually made it.</span>
</li>
</ul>
</div>
</div>
<div class="left story">
<h2>Finding my calling</h2>
<p>Building Thoughtpool with my co-founder Chris was an incredible learning experience and a big turning point for me. One day, we were pitching an investor and were told, effectively: If you can convince an expert in the field to join your company, I'll give you money. We couldn't make it happen so, I decided I needed to up my game.</p>
<p>I made a commitment to myself that the next time I tried to build something, I would be better prepared. I had to find people who had done this before who could teach me.</p>
<p>I found <a href="https://www.linkedin.com/profile/view?id=AAkAAAA58MsBhAvAF47mY8DMfiV16QP2hhT5VsE">Brent Schulkin</a> and <a href="https://www.linkedin.com/profile/view?id=AAkAAAATpOgBZexmKPqvT_FT-yD13np7R-UjHQ0">Steve Newcomb</a> accidentally. I saw a <a href="https://www.youtube.com/watch?v=5DBY5ljAtRE">video</a> about <a href="https://en.wikipedia.org/wiki/Carrotmob">Carrotmob</a>, and reached out to it's founder, Brent, to offer my services. What a great idea that could improve the world!</p>
<p>Within a couple of months I was the first employee (or third, depending on how you count: I'm looking at you, <a href="https://www.linkedin.com/profile/view?id=AAkAAAFxjw0Brrez6Sv1aOy8dB9_bRMorXFK3-s" target="_blank">Brad</a> and <a href="https://www.linkedin.com/profile/view?id=AAkAAAHK0-cB0BbxWvuFY-TY_J_yiPzEWOy9BBU">Natasha</a>) of Virgance, an incubator for social-good companies and, for much of the company's following 7 years, it's only designer and front end developer.</p>
</div>
<div class="important-relationships">
<h4>2007 - 2008 <span>IMPORTANT RELATIONSHIPS</span></h4>
<ul class="clearfix">
<li>
<span class="relationship-photo brent-schulkin"></span>
<div class="relationship">
<h2 class="left">
Brent Schulkin <a class="linkedin-link"></a>
<span>Solution Architect @ Rosetta</span>
</h2>
<h2 class="right">
Was
<span>Cofounder @ Virgance</span>
</h2>
<div class="relationship-timeframe">
2008 - PRESENT DAY
</div>
<div class="relationship-description">
<p>Brent is a Stanford grad, activist, founder of global movements, startups and an incredible communicator and good hearted person to boot.</p>
<p>Brent started it all for me, when I watched a video of his first Carrotmob event in San Francisco. I reached out to him and within a couple of months was joining this crazy new startup that was going to CHANGE. THE. WORLD.</p>
<p>I've learned a lot from Brent over the years: He's an incredible leader who brings out earnest effort in everyone around him while somehow helping everyone to keep their eye on the prize and have lofty goals.</p>
<p>Lately I've had the chance to work with Brent again on his next venture, which is at this point disappointingly top secret but so very very exciting.</p>
</div>
</div>
</li>
<li>
<span class="relationship-photo steve-newcomb"></span>
<div class="relationship">
<h2 class="left">
Steve Newcomb <a class="linkedin-link"></a>
<span>Solution Architect @ Rosetta</span>
</h2>
<h2 class="right">
Was
<span>Cofounder @ Virgance</span>
</h2>
<div class="relationship-timeframe">
2008 - PRESENT DAY
</div>
<div class="relationship-description">
<p>Incomplete.</p>
</div>
</div>
</li>
<li>
<span class="relationship-photo naseem-hakim"></span>
<div class="relationship">
<h2 class="left">
Naseem Hakim <a class="linkedin-link"></a>
<span>Solution Architect @ Rosetta</span>
</h2>
<h2 class="right">
Was
<span>Cofounder @ Virgance</span>
</h2>
<div class="relationship-timeframe">
2008 - PRESENT DAY
</div>
<div class="relationship-description">
<p>Incomplete.</p>
</div>
</div>
</li>
<li>
<span class="relationship-photo natasha-mooney"></span>
<div class="relationship">
<h2 class="left">
Natasha Mooney <a class="linkedin-link"></a>
<span>Solution Architect @ Rosetta</span>
</h2>
<h2 class="right">
Was
<span>Cofounder @ Virgance</span>
</h2>
<div class="relationship-timeframe">
2008 - PRESENT DAY
</div>
<div class="relationship-description">
<p>Incomplete.</p>
</div>
</div>
</li>
<li>
<span class="relationship-photo brad-burton"></span>
<div class="relationship">
<h2 class="left">
Brent Schulkin <a class="linkedin-link"></a>
<span>Solution Architect @ Rosetta</span>
</h2>
<h2 class="right">
Was
<span>Cofounder @ Virgance</span>
</h2>
<div class="relationship-timeframe">
2008 - PRESENT DAY
</div>
<div class="relationship-description">
<p>Incomplete.</p>
</div>
</div>
</li>
</ul>
</div>
</div>
<div class="time-period slide sixth" data-anchor="sixth">
<div class="right slideshow">
<ul class="work-samples-menu slideshow-links" slideshow-id="sixth"></ul>
<div class="work-samples" slideshow-id="sixth">
<ul>
<li slide-id="first">
<img src="images/work-history/ayan.jpg">
<span>The Asian and Pacific Islander Youth Advocacy Network is based out of San Francisco. I worked with them to expand their reach and to provide free services and information online to at risk and low-income Asian & Pacific Islander youth.</span>
</li>
<li slide-id="second">
<img src="images/work-history/thoughtpool-site.jpg">
<span>For this redesign of the Thoughtpool site (one of our last!), grunge was in. Oh man, I miss you grunge. So many fun textures to play with. Now everything is shiny and colorful.</span>
</li>
<li slide-id="third">
<img src="images/work-history/finding-balance.jpg">
<span>I worked with Constance Rhodes at Finding Balance to build out a network of videos and valuable information to help young women struggling with body image issues.</span>
</li>
<li slide-id="fourth">
<img src="images/work-history/ccn.jpg">
<span>The Church Communication Network worked in Satellite rebroadcasting and streaming. I helped CCN build a network of sites hosting thousands of videos online for free in the days before everyone put everything on Youtube.</span>
</li>
<li slide-id="fifth">
<img src="images/work-history/intercept-one.jpg">
<span>InterceptOne worked with at risk youth. Working on this project with Michael DeFlorimonte was great: It was a new client and they really wanted us to try a bunch of different ways of presenting the Intercept One program. We ended up putting together multiple versions of the website and marketing collateral.</span>
</li>
<li slide-id="sixth">
<img src="images/work-history/hit-massage.jpg">
<span>Hit Massage was our first client Christopher Strawser and I had as a team. Like most first things, it was harder than we estimated it would be but it was a huge learning experience for us and the client was really happy.</span>
</li>
<li slide-id="seventh">
<img src="images/work-history/promised-land.jpg">
<span>I helped my lifelong church redesign their site. This project was very special to me and was a walk down memory lane. The church closed after 35 years of operation, having fed tens of thousands of San Franciscans, housed thousands, clothed thousands and was an integral part of the community for a very long time.</span>
</li>
</ul>
</div>
</div>
<div class="left story slideshow-links" slideshow-id="sixth">
<h2>Learning to hustle</h2>
<p>I worked on websites and graphic for friends and family in my late teens while going to college. There wasn't an endless supply of work, so I also worked as an apprentice plumber and electrician in San Francisco during that time, learning about how things fit together physically. At the time, I was surprised to learn that the way computers worked and the way the real world worked were fundamentally the same. I didn't realize it then, but I was learning valuable design skills at that job.</p>
<p>My first venture was with <a href="https://www.linkedin.com/profile/view?id=ADEAAAM2TsMBqYQxfClZp_LwSaWfaRyZpHiWHxo">Jacob Lecuyer</a> and it was called <em>Whatizreal?</em>. We were a two man agency, specializing in web design and marketing collateral. Both designers and web developers, we worked for clients all throughout the country.</p>
<p>After the bubble burst, work dried up. I took a break from the internet for a while and worked at a fancy hotel called The Clift. Then, one day a new contract from an old client came up and gave me a way out of the service industry. A few months later, my then good friend and now brother in law, Chris Strawser and I started <a href="http://thoughtpool.net">Thoughtpool</a>. We had grand visions for a few products and even made serious headway on one of them. Ultimately though, we ran out of money and decided to dissolve Thoughtpool.</p>
</div>
<div class="important-relationships">
<h4>1998 - 2006 <span>IMPORTANT RELATIONSHIPS</span></h4>
<ul class="clearfix">
<li>
<span class="relationship-photo michael-deflorimonte"></span>
<div class="relationship">
<h2 class="left">
Michael DeFlorimonte <a class="linkedin-link"></a>
<span>Great guy</span>
</h2>
<h2 class="right">
They are
<span>Incredible</span>
</h2>
<div class="relationship-timeframe">
1982 - ∞
</div>
<div class="relationship-description">
<p>Incomplete.</p>
</div>
</div>
</li>
<li>
<span class="relationship-photo christopher-strawser"></span>
<div class="relationship">
<h2 class="left">
Chris Strawser <a class="linkedin-link"></a>
<span>Solution Architect @ Rosetta</span>
</h2>
<h2 class="right">
Was my
<span>Cofounder @ Thoughtpool</span>
</h2>
<div class="relationship-timeframe">
2005 - 2007
</div>
<div class="relationship-description">
<p>Chris and I were good friends when we started Thoughtpool together. By the time Thoughtpool was shut down, we had become great friends. Thoughtpool was a huge learning experience for both of us. We were managing a real business!</p>
<p>The original product we wanted to build was soon shelved. We focused on building websites for other people. Business was great. We learned how to manage clients, finances, employees and the whole gamut. The one thing that became more difficult as time went on, was focusing on the products that we had come together to build in the first place.</p>
</div>
</div>
</li>
<li>
<span class="relationship-photo constance-rhodes"></span>
<div class="relationship">
<h2 class="left">
Constance Rhodes <a class="linkedin-link"></a>
<span>VP @ ConnectBioMed</span>
</h2>
<h2 class="right">
Was my
<span>First boss, CEO @ Shamrock Communications</span>
</h2>
<div class="relationship-timeframe">
1996 - 1997
</div>
<div class="relationship-description">
<p>Incomplete.</p>
</div>
</div>
</li>
<li>
<span class="relationship-photo manka-johnson"></span>
<div class="relationship">
<h2 class="left">
Manka Johnson <a class="linkedin-link"></a>
<span>Business Development @ Camden Beef</span>
</h2>
<h2 class="right">
Was my
<span>Mentor & Boss</span>
</h2>
<div class="relationship-timeframe">
2005 - 2006
</div>
<div class="relationship-description">
<p>Incomplete.</p>
</div>
</div>
</li>
<li>
<span class="relationship-photo jacob-lecuyer"></span>
<div class="relationship">
<h2 class="left">
Jacob Lecuyer <a class="linkedin-link"></a>
<span>Professur @ Cal State Fullerton</span>
</h2>
<h2 class="right">
Was my
<span>Cofounder @ Whatizreal?</span>
</h2>
<div class="relationship-timeframe">
1996 - 1998
</div>
<div class="relationship-description">
<p>Jacob and I worked together for a couple of years under the banner of Whatizreal? For both of us, this was our first foray into "Real Clients" meaning clients we had found on our own, not through our family or community networks.</p>
<p>We learned quite a bit together, but I think some of our earliest achievements together were in storytelling.
</div>
</div>
</li>
</ul>
</div>
</div>