-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
241 lines (197 loc) · 8.67 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
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv='X-UA-Compatible' content='IE=edge;chrome=1' />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>BucketLabs</title>
<link rel="alternate" type="application/atom+xml" title="Atom Feed" href="/blog/feed.xml" />
<link href="/assets/stylesheets/tachyons.min.css" rel="stylesheet" /><link href="/assets/stylesheets/bucket-colors.css" rel="stylesheet" /><link href="/assets/stylesheets/bucketlabs.css" rel="stylesheet" />
<meta name=”description” content="BucketLabs builds innovative planning and analysis tools to help councils, governments and citizens make better, more-informed decisions.">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-137722343-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-137722343-1');
</script>
</head>
<body class="helvetica w-100 bg-dark-gray mid-gray basiercircle">
<section class="w-100">
<nav class="fixed-ns w-100 bg-dark-gray">
<div class="cf center mw9 pv3 pv0-ns">
<div class="flex-ns items-center">
<div class="w-100 w-25-ns pa2 pa4-ns tc tl-ns">
<a class="link dim " href="/index.html" title="BucketLabs"><img src="/assets/images/logo.svg" class="w4" alt="Logo" /></a>
</div>
<div class="w-100 w-50-ns pa2 pa4-ns mr2 tc">
<a class="link dim white dib mr3" href="/datalab.html" title="DataLab">
<img src="/assets/images/icon-datalab-greyscale.svg" class="w2" style="vertical-align: middle" alt="Icon datalab greyscale" />
DataLab
</a>
<a class="link dim white dib " href="/perspectives.html" title="Perspectives">
<img src="/assets/images/icon-perspectives-greyscale.svg" class="w2" style="vertical-align: middle" alt="Icon perspectives greyscale" />
<span>Perspectives</span>
</a>
</div>
<div class="w-100 w-25-ns pa2 pa4-ns tc tr-ns">
<a class="link dim white dib mr3" href="/blog.html" title="Blog">Blog</a>
<a class="link dim white dib " href="/about.html" title="About">About</a>
</div>
</div>
</div>
</nav>
<div class="bg-white">
<div class="mw9 center pt3 pt5-ns">
<div class="cf center w-100 w-100-m w-80-ns tc pa3 pv6-ns">
<h1 class="f2 f1-ns lh-title dark-blue">
We provide broader perspectives for your city.
</h1>
<p class="f5 lh-copy w-100 w-90-m w-60-ns center">
By combining key city and partner data,
we facilitate more informed and collaborative thinking,
providing useful and consistent insights that are accessible to every city in New Zealand and beyond – scaling Smart City thinking into a Smart Nation.
</p>
</div>
</div>
<div class="bl-parallax-1">
</div>
<div class="mw9 center">
<div class="cf center w-100 w-100-m w-70-ns tc pa3 pa5-ns">
<h1 class="f2 f1-ns lh-title blue">
Cities are growing.
</h1>
<p class="f5 lh-copy">
Rapid population growth and urban migration are placing immense pressures on our cities affecting our infrastructure, our communities and our ecology.
</p>
</div>
<div class="cf center">
<div class="fl w-100 w-50-m w-25-ns ph4 tc">
<img src="/assets/images/icon-cities-1.svg" class="w3" alt="Icon cities 1" />
<h3 class='f3 lh-title blue ma3'>
Increasing
urban density
</h3>
<p class="f5 lh-copy">
Our city infrastructure and services often aren’t quite ready to cater for our growing populace. Our cities become inefficient and more expensive to run.
</p>
</div>
<div class="fl w-100 w-50-m w-25-ns ph4 tc">
<img src="/assets/images/icon-cities-2.svg" class="w3" alt="Icon cities 2" />
<h3 class='f3 lh-title blue ma3'>
Climate and
the environment
</h3>
<p class="f5 lh-copy">
The rising tide of population can impact the fragile balance we have with our natural capital. Air and water pollution are key issues arising in many cities today.
</p>
</div>
<div class="fl w-100 w-50-m w-25-ns ph4 tc">
<img src="/assets/images/icon-cities-3.svg" class="w3" alt="Icon cities 3" />
<h3 class='f3 lh-title blue ma3'>
Liveability and quality of life
</h3>
<p class="f5 lh-copy">
Inequality and social issues are exacerbated with increasing urban density, placing more pressure on social service agencies.
</p>
</div>
<div class="fl w-100 w-50-m w-25-ns ph4 tc">
<img src="/assets/images/icon-cities-4.svg" class="w3" alt="Icon cities 4" />
<h3 class='f3 lh-title blue ma3 pt0'>
Resilience
</h3>
<p class="f5 lh-copy">
How do we survive and thrive against climate change and prepare for the inevitable stress or shock event? Our state of readiness and our ability to recover will affect the lives of every citizen.
</p>
</div>
</div>
<div class="cf center w-100 w-100-m w-70-ns tc pa3 pa4-ns pb6-ns">
<p class="f5 lh-copy">
Planning for growth is complex. The physical, social and natural systems in our cities are connected intimately into a complex ecosystem, that directly affect each other.
</p>
</div>
</div>
<div class="bl-parallax-2">
</div>
<div class="mw9 center">
<div class="cf center w-100 w-100-m w-70-ns tc pa3 pa5-ns pb3-ns">
<h1 class="f2 f1-ns lh-title red">
Cities and vendors have technical challenges.
</h1>
<p class="f5 lh-copy">
With the accelerated pace of change, our growing cities are being forced to make big decisions at speed often based on assumptions and incomplete data.
</p>
<p class="f5 lh-copy">
Organisations are increasingly using emerging technology in isolated challenge areas. Even with all the data collected it's still hard for everyone in an organisation to see a common picture of how a city is performing.
</p>
<h2 class="f3 f3-ns lh-title red pt3">
Imagine if we could...
</h2>
</div>
<div class="cf center">
<div class="fl w-100 w-50-m w-25-ns ph4 tc">
<img src="/assets/images/icon-challenge-1.svg" class="w3" alt="Icon challenge 1" />
<h3 class='f3 lh-title red ma3'>
Tell better stories
</h3>
<p class="f5 lh-copy">
Provide a medium for everyone to collaborate around data (contributors and consumers) and to tell better stories.
</p>
</div>
<div class="fl w-100 w-50-m w-25-ns ph4 tc">
<img src="/assets/images/icon-challenge-2.svg" class="w3" alt="Icon challenge 2" />
<h3 class='f3 lh-title red ma3'>
Reduce risk
</h3>
<p class="f5 lh-copy">
Facilitate low-risk experimentation, showcasing capability between public and private interests ahead of risky procurement and integration projects.
</p>
</div>
<div class="fl w-100 w-50-m w-25-ns ph4 tc">
<img src="/assets/images/icon-challenge-3.svg" class="w3" alt="Icon challenge 3" />
<h3 class='f3 lh-title red ma3'>
Use resources better
</h3>
<p class="f5 lh-copy">
Provide a better way to exploit data for public good and to fuel entrepreneurial endeavours in IoT and AI.
</p>
</div>
<div class="fl w-100 w-50-m w-25-ns ph4 tc">
<img src="/assets/images/icon-challenge-4.svg" class="w3" alt="Icon challenge 4" />
<h3 class='f3 lh-title red ma3'>
Empower citizens
</h3>
<p class="f5 lh-copy">
Enable citizens to be true stakeholders in community data and decisions.
</p>
</div>
</div>
<div class="cf center w-100 w-100-m w-70-ns tc pa3 pa5-ns pb6-ns">
<p class="f5 lh-copy">
... so that communities of all sizes can collaborate and share practical learnings.
</p>
<h2 class="f3 f2-ns lh-title red">
We believe this is the genesis of a Smart Nation.
</h2>
</div>
</div>
<div class="bl-parallax-3">
</div>
<div class="mw9 center pb4 pb6-ns">
<div class="cf center w-100 w-100-m w-70-ns tc pa3 pa5-ns">
<h1 class="f2 f1-ns lh-title green">
A tool chain that aligns with your smart city journey.
</h1>
<p class="f5 lh-copy">
With the ability to measure more, provide trusted insightful data and to break down silos with broader perspectives, we help to make better, more informed decisions for everyone in our cities.
</p>
</div>
</div>
</div>
<nav class="w-100">
<div class="mw9 center f6 silver pa5-ns pa4 pb6-ns">
© 2019 BucketLabs Limited
</div>
</nav>
</section>
</body>
</html>