-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex5.1.1.html
219 lines (217 loc) · 12.4 KB
/
index5.1.1.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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="description" content="Aspiring to create beautiful, exciting, and positive experiences by collaborating and working with inspired and driven companies, teams, and people.">
<meta name="keywords" content="Team Leadership & Motivation, Brand Development, Creative Strategy, User Experience & Interface Design, Digital & Online Marketing, 360 Marketing Campaigns, Data & Process Driven Design, Concept Development">
<meta name="author" content="Holden Hardcastle">
<meta http-equiv="Cache-Control" content="max-age=200" />
<meta name="pinterest" content="nopin" />
<meta name="theme-color" content="#ffffff">
<title>Art & Creative Director / Process Driven Cross-Functional Team Leadership & Technology</title>
<link href="https://fonts.googleapis.com/css?family=Abhaya+Libre" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-F3w7mX95PdgyTmZZMECAngseQB83DfGTowi0iMjiWaeVhAn4FJkqJByhZMI3AhiU" crossorigin="anonymous">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="../css/glyphicons-social.css">
<link rel="stylesheet" href="../css/glyphicons-filetypes.css">
<link rel="stylesheet" type="text/css" href="css/golden-ratio-1.618.css">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16">
<link rel="manifest" href="/manifest.json">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
<script>
function includeHTML() {
var z, i, elmnt, file, xhttp;
/*loop through a collection of all HTML elements:*/
z = document.getElementsByTagName("*");
for (i = 0; i < z.length; i++) {
elmnt = z[i];
/*search for elements with a certain atrribute:*/
file = elmnt.getAttribute("w3-include-html");
if (file) {
/*make an HTTP request using the attribute value as the file name:*/
xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4) {
if (this.status == 200) {elmnt.innerHTML = this.responseText;}
if (this.status == 404) {elmnt.innerHTML = "Page not found.";}
/*remove the attribute, and call this function once more:*/
elmnt.removeAttribute("w3-include-html");
includeHTML();
}
}
xhttp.open("GET", file, true);
xhttp.send();
/*exit the function:*/
return;
}
}
};
</script>
</head>
<body>
<div w3-include-html="includes/navbar.php"></div>
<header>
<div class="container-fluid" id="holden-hardcastle">
<div class="row">
<div class="col-md-6 offset-md-3">
<h1>Holden Hardcastle</h1>
<h2>Aspiring to create beautiful, exciting, and positive experiences by working with inspired and driven people.</h2>
<p id="description">Throughout my professional career, I have collaborated with teams at Apple, Amazon, Sony, HBO, and Lucasfilm. I have worked with authors, editors, and artists to push creative boundaries. I thrive on generously sharing ideas, resources, and information with my peers. Whether it's bringing people together through an application or developing a dynamic brand to change the world, I believe that inspired teams yield inspirational results.</p>
</div>
</div>
</div>
</header>
<main>
<section>
<h2>Union Bank</h2>
<article id="union-bank">
<div class="container-fluid" id="ub-cool-grey3">
<div class="row">
<a name="wlt-ub"><img src="images/tag-ub-email-design-specs.webp" alt="Union Bank" class="img-fluid"></a>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-md-6 offset-md-3" id="description">
<h3>Tag @ Union Bank—Art Director</h3>
<p>(2016-2020) A brand steward who directed designers, production artists, copywriters, and other specialists to ensure consistency for 360 marketing campaigns. Delivered collateral and assets across channels and mediums on schedule and to specifications.</p>
<p><a class="btn btn-secondary" href="archive/wlt-union-bank.php" role="button" style="margin-top: 1em; width: 100%; font-size: .75em;">Discover more of the UB experience</a></p>
</div>
</div>
</div>
</article>
</section>
<section>
<h2>Bleu Marketing Solutions Inc.</h2>
<article id="dell-emc-hybrid-cloud">
<div class="container-fluid" id="bleu-blue">
<div class="row">
<img src="images/bleu-dell-emc-hybrid-cloud.png" alt="Bleu Marketing Solutions" class="img-fluid">
</div>
</div>
<div class="container">
<div class="row">
<div class="col-md-6 offset-md-3" id="description">
<h3>Bleu Marketing Inc.—Art Director</h3>
<p>(2016) Collaborated with clients and project leads to determine opportunities, goals, style, and tone for media campaigns. Communicated a vision and strategy to designers, illustrators, copywriters, and other artists. Approved artwork and delivered client presentations to review and finalize products.</p>
<p>Dell EMC and the Hybrid Cloud provides the foundation to help companies modernize, automate, and transform data centers by innovating across devices, ecosystems and services to design solutions for the way people work.</p>
<p>Identified audience, messaging, stories, and statistics, to develop a cohesive launch campaign that adhered to brand guidelines. Digital content and collateral was designed to highlight metrics that influence CFO decision making.</p>
</div>
</div>
</div>
</article>
</section>
<section>
<h2>Advanced Energy Economy</h2>
<article id="aee-website-process">
<div class="container-fluid" id="aee-blue">
<div class="row">
<a name="aee"><img src="images/aee-initiatives.png" alt="Advanced Energy Economy Responsive Website" class="img-fluid"></a>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-md-6 offset-md-3" id="description">
<h3>Advanced Energy Economy—Creative Director</h3>
<p>(2013-2016) Defined, built, and maintained the company’s visual identity to ensure brand consistency across channels, mediums, and campaigns. Responsible for conceptualizing and creating assets for print collateral, websites, and email campaigns.</p>
<p><a class="btn btn-secondary" href="archive/advanced-energy-economy.php" role="button" style="margin-top: 1em; width: 100%; font-size: .75em;">Discover more of the AEE branding</a></p>
</div>
</div>
</div>
</article>
</section>
<section>
<h2>Old Navy — Gap</h2>
<article>
<div class="container-fluid" id="old-navy-blue">
<div class="row">
<img src="images/gap-old-navy-email.png" alt="Old Navy Online Email Campaigns" class="img-fluid">
</div>
</div>
<div class="container">
<div class="row">
<div class="col-md-6 offset-md-3" id="description">
<h3>Gap Inc.—Sr. Level Graphic Designer</h3>
<p>(2013) Collaborated with copywriters, designers, and marketing teams to create and support online and email campaigns.</p>
<p>Old Navy is in constant communication with their customers. The marketing and creative teams foster relationships through email and online campaigns. The campaigns are centered around new products, promotions, and sales.</p>
<p>Weekly marketing and design meetings allow for open collaboration and exploration. Production artists, designers, copy editors, art directors, and team leads are encouraged to discuss new ideas and fine tune project briefs and update style guides for targeted online email campaigns.</p>
</div>
</div>
</div>
</article>
</section>
<section>
<h2>Dictionary.com</h2>
<article>
<div class="container-fluid" id="dictionary-blue">
<div class="row">
<img src="images/dictionary.png" alt="Dictionary.com Search Results Redesign" class="img-fluid">
</div>
</div>
<div class="container">
<div class="row">
<div class="col-md-6 offset-md-3" id="description">
<h3>Dictionary.com—Search Results Case Study</h3>
<p>Dictionary.com is committed to accelerating the discovery and mastery of English in all its forms. As the world's leading digital resource for language success, they were looking for solutions to increase the awareness of their expanding product line and increase earnings without compromising their primary vision.</p>
<p>Focusing on the goal of increasing revenue, advertising and promotion became a more prominent part of the search results. The site was redesigned to give more emphasis to exclusive advertising.</p>
<p>The responsive and grid based mock-ups work within the established style and brand guidelines to call out the promotions and ads. Using typographic and visual hierarchy, the search results remain the primary focus.</p>
</div>
</div>
</div>
</article>
</section>
<section>
<h2>Chronicle Books</h2>
<article>
<div class="container-fluid" id="chronicle-blue">
<div class="row">
<a name="chronicle"><img src="images/history-of-surfing.png" alt="The History Of Surfing" class="img-fluid"></a>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-md-6 offset-md-3" id="description">
<h3>Chronicle Books—Dynamic Digital Production Coordinator</h3>
<p>(2013-2016) Worked with teams at Sony, HBO, Lucasfilm, Apple, and Amazon to create digital books and applications. Responsible for hiring and managing a five-person team of front-end web developers, fellows, and interns.</p>
<p><a class="btn btn-secondary" href="archive/chronicle-books.php" role="button" style="margin-top: 1em; width: 100%; font-size: .75em;">More ebooks from Chronicle Books</a></p>
</div>
</div>
</div>
</article>
</section>
<section>
<h2>TRX Training</h2>
<article>
<div class="container-fluid" id="trx-bg">
<div class="row">
<a name="trx"><img src="images/trx-drew-brees-app.png" alt="Website and application experience for TRX" class="img-fluid"></a>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-md-6 offset-md-3" id="description">
<h3>TRX Training—Creative Manager</h3>
<p>(2007–2010) Responsible for hiring and managing a six-person video production team and developing best practices for content creation and distribution.</p>
<p><a class="btn btn-secondary" href="archive/trx-fitness-anywhere.php" role="button" style="margin-top: 1em; width: 100%; font-size: .75em;">More from TRX</a></p>
</div>
</div>
</div>
</article>
</section>
<div w3-include-html="includes/footer.php"></div>
</main>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script>includeHTML();</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="bootstrap/js/jquery-1.11.3.min.js"></script>
<script src="https://code.jquery.com/jquery-2.2.4.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.2.2/Chart.bundle.js"></script>
<script src="js/chart.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
</body>
</html>