forked from niederme/sarahsampsel.com
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
196 lines (169 loc) · 20.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
<!DOCTYPE html>
<html lang="en">
<!-- This website is 2 legit -->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>TK TK TK TK TK Sarah Sampsel</title>
<meta name="description" content="TK TK TK TK TK TK TK TK TK TK TK TK TK TK TK TK TK TK TK TK">
<!-- Typekit -->
<script>
!function(e){var t,a={kitId:"sxb3hft",scriptTimeout:3e3,async:!0},c=e.documentElement,i=setTimeout(function(){c.className=c.className.replace(/\bwf-loading\b/g,"")+" wf-inactive"},a.scriptTimeout),n=e.createElement("script"),s=!1,o=e.getElementsByTagName("script")[0];c.className+=" wf-loading",n.src="https://use.typekit.net/"+a.kitId+".js",n.async=!0,n.onload=n.onreadystatechange=function(){if(t=this.readyState,!(s||t&&"complete"!=t&&"loaded"!=t)){s=!0,clearTimeout(i);try{Typekit.load(a)}catch(e){}}},o.parentNode.insertBefore(n,o)}(document);
</script>
<meta property="og:image" content="/images/social-promo.png">
<meta property="og:site_name" content="Sarah Sampsel">
<meta property="og:type" content="website">
<meta property="og:title" content="TK TK TK TK TK Sarah Sampsel"/>
<meta property="og:description" content="TK TK TK TK TK TK TK TK TK TK TK TK TK TK TK TK TK TK TK TK">
<meta property="og:url" content="http://sarahsampsel.com/">
<!-- <meta property="fb:app_id" content="316791285327607"> -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@sarahsampsel">
<meta name="twitter:title" content="TK TK TK TK TK Sarah Sampsel"/>
<meta name="twitter:description" content="TK TK TK TK TK TK TK TK TK TK TK TK TK TK TK TK TK TK TK TK">
<meta name="twitter:image" content="/images/social-promo.png">
<meta name="twitter:url" content="http://sarahsampsel.com/">
<!-- Fav & touch icons -->
<link rel="shortcut icon" href="/images/favicon.png">
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="/images/favicon144.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="/images/favicon114.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="/images/favicon72.png">
<link rel="apple-touch-icon-precomposed" href="/images/favicon57.png">
<link rel="stylesheet" href="/css/sarahsampsel.css">
</head>
<body class="xs-fill-bg1">
<div class="container">
<div class="row xs-my7">
<div class="xs-col-12 lg-col-11 xl-col-10">
<h2 class="xs-mb2 xl-h1 bold italic">Hello! I’m Sarah.</h2>
<h1 class="xl-h2 text-indent">Currently Design Director at <strong>Work & Co.</strong> Formerly Director of Digital Strategy and Design at <strong>the Washington Post</strong>.</h1>
<h2 class="text-indent">I specialize in digital design and product strategy. I love to solve problems, create systems and organize information in meaningful ways.</h2>
<h2 class="text-indent">You can find me on <a href="https://instagram.com/sarahsampsel" target="_blank">Instagram</a>, <a href="https://flickr.com/sarahsampsel" target="_blank">Flickr</a>, <a href="https://www.linkedin.com/in/sarahsampsel/" target="_blank">LinkedIn</a>, <a href="https://angel.co/sarahsampsel" target="_blank">AngelList</a>, <a href="https://twitter.com/sarahsampsel" target="_blank">Twitter</a> <span class="italic">&</span> <a href="#">E-mail</a>.</h2>
</div>
</div>
<div class="row xs-my7">
<div class="xs-col-12 xl-col-8">
<div class="row">
<div class="xs-col-12">
<h2 class="xs-pt2 xs-mb1 bold italic xs-border-top">Work & Co</h2>
<h3 class="xs-mb2 xs-text-brand1 italic"><strong class="xs-block">Design Director</strong> Oct. 2015 – present</h3>
</div>
</div>
<div class="row xs-mt4">
<div class="xs-col-12 xl-col-6">
<p class="xs-mb2">I provide hands-on leadership to shape the direction of digital products for a variety of clients.</p>
<p class="xs-mb2">For the most part, I spend my time creating design concepts, frameworks, prototypes, and detailed flows for my projects. I also develop UX deliverables such as user personas, user journey diagrams, site and app maps, and functional annotations.</p>
<p class="xs-mb2">I’m often pulled into working on new business initiatives where I help create strategy and designs for potential clients. This often involves research and competitive analysis, providing insights into content strategy, design concepting and identifying new opportunities to shape the product.</p>
<p class="xs-mb2">I also assist in recruiting efforts, reviewing candidates and participating in portfolio reviews. In additon, I help mentor junior designers with their career development and offer design feedback and coaching.</p>
</div>
<div class="xs-col-12 xl-col-6">
<p class="xs-mb2"><strong class="xs-block">YouTube</strong> Work & Co partners with YouTube on several projects. I have worked on two vision concepts for YouTube.com core products.</p>
<p class="xs-mb2"><strong class="xs-block">Marriott International</strong> Our team at Work & Co was responsible for the redesign of the iOS app that launched in February 2017.
<p class="xs-mb2"><strong class="xs-block">Techcrunch</strong> I worked on the team responsible for their site redesign.</p>
<p class="xs-mb2"><strong class="xs-block">Freeform</strong> I worked on iOS app enhancements and designed their Android TV app.</p>
<p class="xs-mb2"><strong class="xs-block">Chase</strong> Work & Co partners with Chase on several initiatives. I worked with them on redesigning a core product in 2017.</p>
<p class="xs-mb2"><strong class="xs-block">LifeMiles</strong> Worked on product strategy and design for the biggest travel loyalty program in Central America.</p>
</div>
</div>
<div class="row">
<div class="xs-col-12 xs-mt6">
<h2 class="xs-pt2 xs-mb1 bold italic xs-border-top">The Washington Post</h2>
<h3 class="xs-mb2 xs-text-brand1 italic"><strong class="xs-block">Director of Digital Strategy & Design</strong> 2013 – 2015</h3>
</div>
</div>
<div class="row xs-mt4">
<div class="xs-col-12 xl-col-6">
<p class="xs-mb2">I opened a product design office in NYC to lead redesign efforts for the Washington Post's web platform. We worked on scope, strategy and execution of a site-wide rethink involving CMS capabilities as well as consumer-facing experiences.</p>
<p class="xs-mb2">I built the team from scratch, hiring 6 design and strategy veterans from different industries with experience in solving complex design challenges, research, UX, and product development.</p>
<p class="xs-mb2">We collaborated closely with the newsroom, engineering and advertising on developing a product roadmap and implemented design sprints to generate ideas and concepts for user testing.</p>
<p class="xs-mb2">We designed plans and interviews for user testing sessions and developed recruiting strategies for both internal and external testers.</p>
<p class="xs-mb2">I also worked on design strategy and assisted in hiring for the Coral Project, a collaboration between the Washington Post, the New York-Times, the Knight Foundation and Mozilla to build an open-source commenting platform.</p>
<h3 class="xs-mt5 xs-mb2 xs-text-brand1 italic"><strong class="xs-block">Director of Digital Design</strong> 2011 – 2013</h3>
<p class="xs-mb2">I was a member of the core leadership team in the newsroom that focused on setting strategy and priorities for company-wide initiatives.</p>
<p class="xs-mb2">I built and managed a nimble 10-person team focused on digital, mobile and new product design, and created positions for and hired specialists in user experience, interaction design and development, motion graphics and visual design.</p>
<p class="xs-mb2">My team launched a site-wide redesign in 2011, including a new CMS, and a design refresh in 2014.</p>
<p class="xs-mb2">As readership habits changed and technology evolved, I had the honor of being a key voice in how to rethink core news products. I conceptualized and designed news products such as a live events platform, the politics app for Election 2012, an enterprise story template and created and evolved the designs for the iPad app.</p>
<p class="xs-mb2">Worked in partnership with companies like Google, Tumblr, Storify, Twitter and Facebook on creating new products for news consumption.</p>
<p class="xs-mb2">Had the privilege of working on digital storytelling methods and presentations for award-winning journalism projects that millions of people see. Some examples include Top Secret America, Muslims In America and the 2 presidential elections.</p>
</div>
<div class="xs-col-12 xl-col-6">
<p class="xs-mb2"><strong class="xs-block">Product Design Sprints</strong> The design sprints implemented at WPNYC were inspired by Google Ventures. This process allowed us to move through brainstorming, creation, prototyping and testing to validate a new idea quickly.</p>
<p class="xs-mb2"><strong class="xs-block">Analytics Dashboard</strong> I created wireframes and designs based on user stories written and prioritized with the audience development team at the Post. This was to be a feature added to the new proprietary CMS.</p>
<p class="xs-mb2"><strong class="xs-block">The Rethink Project</strong> This is a presentation I created to explain the overall thinking and approach for a sitewide redesign project.</p>
<p class="xs-mb2"><strong class="xs-block">The Prophets of Oak Ridge</strong> Created a fully responsive story template in collaboration with all visual teams at the Post.</p>
<p class="xs-mb2"><strong class="xs-block">Cycling’s Road Forward</strong> Created a custom responsive story template that became the foundation for all enterprise stories.</p>
<p class="xs-mb2"><strong class="xs-block">The Grid</strong> I worked on the overall UX and design strategy for a live events platform launched during the political conventions in 2012. The grid organized social conversations and off-platform sharing.</p>
<p class="xs-mb2"><strong class="xs-block">Election 2012</strong> Created the design and overall plan for how the Washington Post homepage evolved throughout election night.</p>
<p class="xs-mb2"><strong class="xs-block">Best of The Post</strong> Redesigned the digital presentation for the annual collection of the best, most memorable photos and videos.</p>
<p class="xs-mb2"><strong class="xs-block">Issue Engine</strong> Designed an interactive app to dig into political issues during campaign 2012.</p>
<p class="xs-mb2"><strong class="xs-block">Washington Post for iPad</strong> Created the design for the original Washington Post for iPad. The app launched shortly after the iPad launced in 2010.</p>
<p class="xs-mb2">Previous roles at the Post:</p>
<h3 class="xs-mb2 xs-text-brand1 italic"><strong class="xs-block">Director of Digital Strategy & Design</strong> 2013 – 2015</h3>
<h3 class="xs-mb2 xs-text-brand1 italic"><strong class="xs-block">Lead News Designer</strong> 2007 – 2009</h3>
</div>
</div>
<div class="row">
<div class="xs-col-12 xs-mt6">
<h2 class="xs-pt2 xs-mb1 bold italic xs-border-top">& other stuff</h2>
</div>
</div>
<div class="row xs-mt4">
<div class="xs-col-12 xl-col-6">
<p class="xs-mb2"><strong class="xs-block">Georgetown University</strong> I taught a course that focused on digital design in media and design thinking methodology for graduate students in Journalism and Public Relations. <em class="xs-block">Fall term, 2013</em></p>
<p class="xs-mb2"><strong class="xs-block">Freelance</strong> I did a bunch of web design & development for clients such as the Kaiser Foundation and Kaiser Health News, Stanford d.School and North Base Media. <em class="xs-block">2006 – 2012</em></p>
<p class="xs-mb2"><strong class="xs-block">CyberInk</strong> This is where I started my career as an intern and worked my way up to a full-time designer. Projects included marketing and community web sites and work with the newsroom at the Erie Times-News. It’s where I fell in love with journalism. <em class="xs-block">2002 – 2017</em></p>
</div>
<div class="xs-col-12 xl-col-6">
<p class="xs-mb2"><strong class="xs-block">Mercyhurst University</strong> I went to college here. I earned a Bachelor of Arts degree in Fine Arts with a concentration in Graphic Design and Literature.</p>
<p class="xs-mb2">This was also my first teaching gig. I was an adjunct instructor for a few years after I graduated, teaching courses in web design and Flash. <em class="xs-block">2004 - 2007</em></p>
<p class="xs-mb2"><strong class="xs-block">Society of News Design</strong> Helped out with the organization and served on the board from 2012 - 2015.</p>
<p class="xs-mb2"><strong class="xs-block">Poynter Institute Leadership Academy</strong> Spent a week with peers and some of my heros in journalism learning to be a better manager and leader. <em class="xs-block">2011</em></p>
</div>
</div>
</div>
<div class="xs-col-12 xl-col-4">
<h2 class="xs-pt2 xs-mb2 bold italic xs-border-top">A Short Bio</h2>
<p class="xs-mb2">I was born in Erie, PA, one of the <a href="http://www.cntraveler.com/galleries/2015-01-27/worlds-snowiest-cities-valdez-aomori-city-syracuse" target="_blank">snowiest cities in the world</a>. I was a tomboy who enjoyed playing outside and getting muddy. My pants always had grass stains. I was raised to love Polish food, picnics, and road trips in the station wagon. I’m still that, for the most part, but now based in Brooklyn, NY with John and Katya.</p>
<p class="xs-mb2">I was an art major in college and spent most of my time sculpting, making ceramics, drawing and writing. I love watercolors.</p>
<p class="xs-mb2">Skiing is my passion and I obsess over mountains. Travel is my favorite hobby. When I get home from work, I want to cook a delicious meal, drink wine and listen to Prince records. My family and friends are the only reason I still have a Facebook account (also, they’re all the best).</p>
<h2 class="xs-mt7 xs-pt2 xs-mb2 bold italic xs-border-top">Ethos</h2>
<p class="xs-mb2">As someone who has worked brand-side and now agency-side, I think about digital products in a holistic way – how to create the best possible solution, how it performs and how it will impact revenue. My experience at Work & Co, and previously at the Washington Post, has given me a unique outlook – developing new concepts versus building upon existing ones is vastly different, but I find that thinking from both ends of that spectrum can enhance the process.</p>
<h2 class="xs-mt7 xs-pt2 xs-mb2 bold italic xs-border-top">Speaking</h2>
<p class="xs-mb2">I have given presentations on digital design, the role of visual teams in journalism, product strategy and case studies highlighting projects I’ve been a part of.</p>
<p class="xs-mb2">I’m open to all speaking opportunities. Hit me up.</p>
<p class="xs-mb2">These are my previous talks:</p>
<p class="xs-mb2"><strong class="xs-block">Society of News Design - San Francisco, CA</strong> I gave a presentation with David Sleight of Propublica titled ‘Trading Places’ about moving into an agency from journalism. <em class="xs-block">
April 9, 2016</em></p>
<p class="xs-mb2"><strong class="xs-block">Society of News Design - Frankfurt, Germany</strong> I gave a presentation outlining the rethink of the Washington Post digital platform. <em class="xs-block">September 27, 2014</em></p>
<p class="xs-mb2"><strong class="xs-block">Hacks and Hackers Media - New York, NY</strong> Spoke on a panel with Ben French from the New York Times and Giovanni Fernandez-Kincade from Etsy and gave short presentation about the rethink at the Washinton Post at the Columbia School of Journalism. <em class="xs-block">August 26, 2014</em></p>
<p class="xs-mb2"><strong class="xs-block">WAN-IFRA News Design Conference -
Mumbai, India</strong>
Gave a presentation called ‘Designing for a Mobile Audience’ as well as a day-long workshop with John Niedermeyer called ‘Designing for Tablets’. <em class="xs-block">June 4, 2014</em></p>
<p class="xs-mb2"><strong class="xs-block">ASNE - Hacking News Leadership - Austin, TX</strong>
I presented a lightning talk and demo on prototyping tools to use for projects in the newsroom. <em class="xs-block">May 4, 2014</em></p>
<p class="xs-mb2"><strong class="xs-block">Brookings Institute - Washington, D.C.</strong> I participated in a panel discussion on longform storytelling with Hanna Fairfield of the New York Times, Chad Millman of ESPN, David Nassar of Brookings, moderated by John Dickerson. <em class="xs-block">April 29, 2014</em></p>
<p class="xs-mb2"><strong class="xs-block">Industry Conference - Newcastle upon Tyne, UK</strong>
My presentation was titled ‘Reader Obsessed Design’ and covered working in the rapidly changing environment of journalism and news consumption and this climate is wrought with opportunities for designers. <em class="xs-block">April 23, 2014</em></p>
<p class="xs-mb2"><strong class="xs-block">Fathom Creative, Washington, D.C.</strong>
I was on a panel titled ‘Driving Outreach: Innovations in digital storytelling to drive any NGO or Non-Profit Strategy’ with Michal Pasternak of HUGE, Timur Tugberk of Fathom Creative, and Lauren deLisa Coleman of Lnk. <em class="xs-block">March 1, 2014</em></p>
<p class="xs-mb2"><strong class="xs-block">AEJMC, Washington, D.C.</strong> Gave a presentation with John Poole of NPR about visual communication in design and journalism. I also spoke on a panel about freelancing in a multiplatform world with Seth Gitner of Syracuse University, Bret Schultz of Arkansas State, Laura Helmuth of Slate and Garrett Hubbard. <em class="xs-block">August 8-10, 2013</em></p>
<p class="xs-mb2"><strong class="xs-block">Society of News Design - Cleveland, OH</strong> I gave a group presentation with Karen Yourish and Greg Manifold titled ‘United We Stand: Covering Election 2012 at The Washington Post’. <em class="xs-block">October 12, 2012</em></p>
<p class="xs-mb2"><strong class="xs-block">Hacks and Hackers - Washington, D.C.</strong> I participated on the panel -‘The Technology and Data Behind the Washington Post's "Top Secret America" Project’ with Ryan O'Neil, Django development; Kat Downs, graphics; Nathaniel Vaughn Kelso, mapping. <em class="xs-block">January 20, 2011</em></p>
<p class="xs-mb2"><strong class="xs-block">Viget Labs Design Share - Falls Church, VA</strong> I spoke about designing for the iPad and my approach with the first Washington Post for iPad design. <em class="xs-block">November, 2011</em></p>
</div>
</div>
<footer class="row xs-mb7">
<div class="xs-col-12">
<h3 class="xs-mt5 xs-pt2 bold italic xs-border-top xl-h3 xs-text-brand1 italic"><strong class="xs-block">Bye. Come again, yes?</strong></h3>
<p class="xs-mb7 xs-pb7">…or shoot me an email to say hi.</p>
</div>
</footer>
</div>
<!-- Google Analytics -->
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-2386898-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</body>
</html>