-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathreview.html
114 lines (105 loc) · 7.6 KB
/
review.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
<!DOCTYPE html>
<html>
<head>
<title>With Associates : 2011 Review</title>
<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 name="viewport" content="width=1050">
<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/review.css" media="screen" rel="stylesheet" type="text/css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.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);
})();
</script>
</head>
<body>
<div id="holder">
<nav class="global_header">
<div class="container">
<a href="http://2012.withassociates.com/projects" id="logo">
<img src="/images/dec/wa-logo-1.png">
</a>
</div>
</nav>
<section id="main" role="main">
<div class="container">
<h1>2011.withassociates.com/review</h1>
<div class="cols">
<div class="col first">
<a href="http://2011.withassociates.com/january"><img src="/images/review/201101-With-Associates-website-change-project-January.png" alt="With Associates website change project January"></a>
<h2><a href="http://2011.withassociates.com/january">January</a></h2>
<p>An introduction to the project, arrows guided down the page.</p>
</div>
<div class="col">
<a href="http://2011.withassociates.com/february"><img src="/images/review/201102-With-Associates-website-change-project-February.png" alt="With Associates website change project February"></a>
<h2><a href="http://2011.withassociates.com/february">February</a></h2>
<p>Newspaper delivery, completing the story for those with papers, starting the story for those without.</p>
</div>
<div class="col first">
<a href="http://2011.withassociates.com/march"><img src="/images/review/201103-With-Associates-website-change-project-March.png" alt="With Associates website change project March">
</a><h2><a href="http://2011.withassociates.com/march">March</a></h2>
<p>Minimal, simple and clean. A clear focus on our key services with a reassuring display of the companies we work with.</p>
</div>
<div class="col">
<a href="http://2011.withassociates.com/april"><img src="/images/review/201104-With-Associates-website-change-project-April.png" alt="With Associates website change project April"></a>
<h2><a href="http://2011.withassociates.com/april">April</a></h2>
<p>Fonts and the web. An introduction to the exciting, sometimes confusing and important world of setting type on the web.</p>
</div>
<div class="col first">
<a href="http://2011.withassociates.com/may"><img src="/images/review/201105-With-Associates-website-change-project-May.png" alt="With Associates website change project May"></a>
<h2><a href="http://2011.withassociates.com/may">May</a></h2>
<p>A playful and beautiful composition that takes a fieldnote study guide as inspiration. Learn more about the associates and who drinks all the coffee.</p>
</div>
<div class="col">
<a href="http://2011.withassociates.com/june"><img src="/images/review/201106-With-Associates-website-change-project-June.png" alt="With Associates website change project June"></a>
<h2><a href="http://2011.withassociates.com/june">June</a></h2>
<p>An in-depth and transparent walk through of what exactly it is we get up to with some of our clients.</p>
</div>
<div class="col first">
<a href="http://2011.withassociates.com/july"><img src="/images/review/201107-With-Associates-website-change-project-July.png" alt="With Associates website change project July"></a>
<h2><a href="http://2011.withassociates.com/july">July</a></h2>
<p>What is user experience? We looked at two very different experiences a customer could have at a hypothetical business and learnt that UX needs to be considered at every part of a project.</p>
</div>
<div class="col">
<a href="http://2011.withassociates.com/august"><img src="/images/review/201108-With-Associates-website-change-project-August.png" alt="With Associates website change project August"></a>
<h2><a href="http://2011.withassociates.com/august">August</a></h2>
<p>Journey to the centre of the earth. Robbie Porter illustrates a closer look at what goes into each part of a project we do.</p>
</div>
<div class="col first">
<a href="http://2011.withassociates.com/september"><img src="/images/review/201109-With-Associates-website-change-project-September.png" alt="With Associates website change project September"></a>
<h2><a href="http://2011.withassociates.com/september">September</a></h2>
<p>We didn’t do much. In fact all we did do was brief designer Katie Marcus and she made a beautiful page that we loved, we sat down and built it the next day.</p>
</div>
<div class="col">
<a href="http://2011.withassociates.com/october"><img src="/images/review/201110-With-Associates-website-change-project-October.png" alt="With Associates website change project October"></a>
<h2><a href="http://2011.withassociates.com/october">October</a></h2>
<p>One intense photo shoot. One perfect shot. Andy Matthews helped us create our very own trompe-l’œil effect with our clients books, magazines and prints.</p>
</div>
<div class="col first">
<a href="http://2011.withassociates.com/november"><img src="/images/review/201111-With-Associates-website-change-project-November.png" alt="With Associates website change project November"></a>
<h2><a href="http://2011.withassociates.com/november">November</a></h2>
<p>Can you build a website from scratch in four hours? Yes. You can. You will need Mike Reed to hand to help craft some delicious copy though.</p>
</div>
<div class="col">
<a href="http://2011.withassociates.com/december"><img src="/images/review/201112-With-Associates-website-change-project-December.png" alt="With Associates website change project December"></a>
<h2><a href="http://2011.withassociates.com/december">December</a></h2>
<p>What makes a website? A bit of design, bit of code and oh probably some content. We go all out and work with two copywriters, one sound engineer, one video producer and our good selves to create our largest site of the year.</p>
</div>
</div>
</div>
</section>
</div>
</body>
</html>