forked from usds/website
-
Notifications
You must be signed in to change notification settings - Fork 0
/
story.html
95 lines (73 loc) · 4.31 KB
/
story.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
---
layout: default
title: About Us
---
<br />
<br />
<div class="usa-grid">
<div class="usa-width-one-whole">
<h2>Our story</h2>
<!--infographic start-->
<div class="infographic-container infographic-font-main">
<img style="width:50%;" src="/img/about/infographic/infographic-people.png" alt="American people" />
<p>
Every day, millions of people interact with the government. We apply for Social Security and small business loans. We look for health insurance and financial aid.
</p>
<p class="infographic-text-blue">
But too often, outdated tools and systems make these interactions cumbersome and frustrating.
</p>
<p>
What if interacting with government services were as easy as ordering a book online? The challenges behind HealthCare.gov brought this question to the forefront, changing our government’s approach to technology.
</p>
<img src="/img/about/infographic/infographic-whitehouse.png" alt="The White House with thought bubbles of code, wireframes, design and data icons" />
<p>
The U.S. Digital Service is a startup at the White House, founded by the President in August of 2014 to bring together the best technology, design, and government talent. We planned to hire ten people for three critical national priorities: modernizing immigration, Veterans’ benefits, and HealthCare.gov.
</p>
<p>
During the 2015 State of the Union address, we launched an online application to join the team. We worried if ten people would even apply. 1000 did.
</p>
<img src="/img/about/infographic/infographic-10people.png" alt="state of the union and applications" />
<p>
We quickly went to work with a simple strategy:
</p>
<div class="infographic-container infographic-font-main">
<div class="row">
<img style="padding:20px;" class="usa-width-one-half" src="/img/about/infographic/infographic-magnifying.png" alt="magnifying glass" />
<p class="usa-width-one-half infographic-verticalalign infographic-text-blue left-align">
Recruit top designers, engineers, product managers, and digital policy experts.
</p>
</div>
<div class="row">
<img style="padding:20px;" class="usa-width-one-half" src="/img/about/infographic/infographic-hoodie.png" alt="two people working together" />
<p class="usa-width-one-half infographic-verticalalign infographic-text-blue left-align">
Pair these digital experts with our nation’s leading civil servants.
</p>
</div>
<div class="row">
<img style="padding:20px;" class="usa-width-one-half" src="/img/about/infographic/infographic-circuitboard.png" alt="circuit board" />
<p class="usa-width-one-half infographic-verticalalign infographic-text-blue left-align">
Together, deploy these teams to untangle the most important government services.
</p>
</div>
</div>
<img style="width: 70%" src="/img/about/infographic/infographic-todaybanner.png" alt="Banner that says Today" />
<p>
What was once one startup is now a network of teams working across the Departments of Homeland Security, Veterans Affairs, Defense, Education, State, and, Treasury, Health and Human Services, and the Small Business Administration.
</p>
<img src="/img/about/infographic/infographic-agencylogos.png" alt="government agency logos" />
<img style="width: 40%" src="/img/about/infographic/infographic-usdslogo.png" alt="usds logo" />
<p>
We’re proud of the products we’ve built. But we’re equally proud of the team we’ve assembled.
</p>
<div class="infographic-container infographic-font-main">
<div class="row">
<div class="usa-width-one-half"><img src="/img/about/infographic/infographic-states.png" alt="united states" />Relocated from twelve states and Puerto Rico</div>
<div class="usa-width-one-half"><img src="/img/about/infographic/infographic-200.png" alt="200 text large" /><p>200+ people across agencies</p></div>
</div>
<div class="row">
<div class="usa-width-one-half"><img src="/img/about/infographic/infographic-5050.png" alt="pie chart" /><p>Half women / Half men</p></div>
<div class="usa-width-one-half"><img src="/img/about/infographic/infographic-lamp.png" alt="laptop with stickers and emojis" /><p>Emoji, post-it, and sticker enthusiasts</p></div>
</div>
</div>
</div>
<!-- end infographic -->