-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathnovember.html
189 lines (178 loc) · 9.49 KB
/
november.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame -->
<meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
<meta content='Thu, 1 December 2011 10:00:00 GMT' http-equiv='expires' />
<link href="/stylesheets/reset_html5.css" media="screen" rel="stylesheet" type="text/css" />
<link href="/stylesheets/common.css" media="screen" rel="stylesheet" type="text/css" />
<link href="/stylesheets/wa-2011-11.css" media="screen" rel="stylesheet" type="text/css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>
<script src="http://use.typekit.com/qky5axr.js" type="text/javascript"></script>
<script src="/javascripts/wa-2011-11.js" type="text/javascript"></script>
<!--[if lte IE 8]>
<script src="/javascripts/html5.js" type="text/javascript"></script>
<![endif]-->
<script type="text/javascript" charset="utf-8">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-298580-3']);
_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);
})();
try{Typekit.load();}catch(e){}
</script>
</head>
<body class="november">
<div id="holder">
<nav class="global_header instapaper_ignore">
<div class="container">
<a href="/" id="logo">
<img src="/images/nov/wa-logo-1.png">
</a>
<ul>
<li class="first">
<a href="january">Jan</a>
</li>
<li>
<a href="february">Feb</a>
</li>
<li>
<a href="march">Mar</a>
</li>
<li>
<a href="april">Apr</a>
</li>
<li>
<a href="may">May</a>
</li>
<li>
<a href="june">Jun</a>
</li>
<li>
<a href="/july">Jul</a>
</li>
<li>
<a href="/august">Aug</a>
</li>
<li>
<a href="/september">Sep</a>
</li>
<li>
<a href="/october">Oct</a>
</li>
<li class="active">
<a href="/november">Nov</a>
</li>
<li><a href="/december">Dec</a></li>
</ul>
<a class="toggle" id="whats-this" href="#">What’s this?</a>
<div id="more">
<p>We’re changing our site every month this year with an aim to experiment, play, discuss and learn more about the ever evolving nature of the digital environment.</p>
<form action="http://withassociates.createsend.com/t/r/s/ikkkjd/" id="subForm" method="post">
<p>Follow <a href="http://www.twitter.com/withassociates" target="_blank" title="Javascript will open this external link in a new window.">@withassociates</a> for updates, <a href="january">read more behind the idea</a>,<br>or sign up for email updates <input type="email" name="cm-ikkkjd-ikkkjd" id="ikkkjd-ikkkjd" placeholder="[email protected]"> <input type="submit" value="Sign up" class="button"></p>
</form>
</div>
</div>
</nav>
<section id="main" role="main">
<div class="container">
<img src="/images/nov/wa-logo2.gif" alt="With Associates" height="21" width="172" class="logo"/>
<div class="cols">
<div class="col first vcard col_280">
<ul itemscope="" itemtype="http://schema.org/PostalAddress">
<li itemprop="streetAddress">100 De Beauvoir Road</li>
<li><span itemprop="addressLocality">London</span> <span itemprop="postalCode">N1 4EN</span></li>
<li><a href="http://g.co/maps/nw77y">Google Map</a></li>
</ul>
<ul>
<li><a href="mailto:[email protected]" class="email">[email protected]</a></li>
<li><a class="tel" itemprop="telephone" url="tel:+442079234757">+44 (0)20 7923 4757</a></li>
</ul>
</div>
<div class="col col_640">
<h1>We’re a digital agency. We plan, design and build websites and apps.</h1>
<div class="intro">
<p>It starts with a detailed understanding of your objectives, and ends with something beautiful, compelling and measurable.</p>
<p>But what goes on in between? That’s what we’re talking about this month. And we thought we’d try to do the whole thing in four hours. Why not? You never know what you might learn.</p>
</div>
<ul class="jumper">
<li><a href="#ingredients">Ingredients</a></li>
<li><a href="#documentary">Documentary</a></li>
</ul>
</div>
</div>
</div>
<div id="ingredients">
<div class="container">
<h2>Ingredients</h2>
<div class="cols">
<div class="col first col_640">
<p>Every project is different. Different client, different goals. Different budget, different team. But there are a few fundamental ingredients that go in every time. (Even when you’re doing it in four hours flat.)</p>
</div>
<div class="col col_280" style="text-align:right">
<img src="/images/nov/numbers.png" alt="">
</div>
</div>
<img src="/images/nov/bumps.png" alt="Summer Eights" class="bumps"/>
<ul class="ingredients">
<li class="brief">
<h3>1. The brief</h3>
<p>When we talk about ‘the brief’, we don’t just mean getting you to write down what what you want. It’s about gaining a clear understanding of your business, its context, and what you want to achieve. </p>
<p>That’s about dialogue. It’s about us asking smart questions, and looking carefully at everything that will feed into the project. The brief is as much our responsibility as it is yours. (We’ve set our own brief for this site, of course. With a rather eccentric objective.)</p>
</li>
<li class="gm">
<h3>2. Goals & Measurement</h3>
<p>Pretty is nice. We all like pretty. But if it’s only skin-deep, what’s the point? You’ll have come to us with a goal, or set of goals, you need to achieve. That’s our priority.</p>
<p>So while we never forget the aesthetics, we also make sure everything we create is clearly measurable. That means, once it’s up and running, you’ll be able to tell whether it’s working. Which is kind of the point, after all.</p>
</li>
<li class="ideas">
<h3>3. Ideas</h3>
<p>From people come ideas. There’s no way to quantify this process — how it happens, where things come from.</p>
<p>But as long as you have a clear brief, and the right combination of experience and talent in the room, something magical happens. All that detail in the brief crystallises into a single, clear, persuasive concept. At least, we always hope so. It’s gone well so far.</p>
</li>
<li class="rel">
<h3>4. Relationships</h3>
<p>Like, duh, right? Won’t get far without these. But it’s more than just hands to the pump. It’s about years of experience coming together, focused on a single aim.
Yes, we’re doing this site fast. (Really fast.) But if the result is any good, it’ll be down to the years we all spent doing similar things (and completely different things) beforehand.</p>
</li>
</ul>
</div>
</div>
<div id="documentary">
<div class="container">
<h2>A Website In Four Hours</h2>
<div class="cols">
<div class="col first col_460">
<p>First: don’t do this. Seriously, don’t try to build a website from scratch in four hours. It’s a terrible idea.</p>
<p>But it does make for an interesting experiment, and it certainly focused us on the ingredients required. Of course, we had ideal conditions. As our own client, we didn’t have to get into presentations, amends, sign-off, all that. And the site is a fairly simple one, obviously.</p>
<p>Even so, plenty of hard work went into those four hours, as this section documents. The hard work was done by Brendan Gatens, Erin Staniland, Jamie White, Jenifer Dunn, Lawrence Brown, Mathew Wilson and Mike Reed.</p>
<p>That’s 7 people, with a total of 68 years’ industry experience. Each working from 9am to 1pm on Tuesday, 1 November 2011. So 28 hours’ work in total. With stakeholders signing off on-site.</p>
<p>9 coffees. 9 teas. 8 pastries. 4 apples. 2 bananas. 5 colours of chalk. 1 Cannon G9. 1 Nikon D90. 1 iMac. 7 MacBooks</p>
</div>
<div class="col col_460">
<div id="vimeos"></div>
<div id="photos"></div>
<div id="further-viewing">
<a href="http://www.flickr.com/photos/withassociates/sets/72157628027240034/">View the set</a>
<!-- <a href="http://instagre.at/search/wa2011nov">View the Instagram feed</a> -->
</div>
</div>
</div>
</div>
</section>
<footer>
<div class="container">
<div class="cols"><div class="col_640">
<p>With Associates is the trading name of With Associates UK LLP.<br/>Registered office: Top Floor, 100 De Beauvoir Rd, N1 4EN.</p>
<p>Registered in England under registration No. OC313207</p>
</div></div>
</div>
</footer>
</div>
<!--# include file="/with-banner/index.html" -->
</body>
</html>