-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
158 lines (149 loc) · 5.66 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
<!DOCTYPE html>
<html>
<head>
<title>Folio of Andy Catch:Design Director</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="master.css">
<script src="js/head.js" type="text/javascript"></script>
<script src="js/global.js" type="text/javascript"></script>
</head>
<body>
<div class="semplice-navbar navbar-inner">
<div class="logo">
<a href="https://andycatch.com/">Andy Catch</a>
</div>
<div class="page-links">
<a href="https://andycatch.com/">Index</a>
<a href="https://andycatch.com/about">Profile</a>
</div>
</div>
<section class="list">
<a href="#" data-project="Homepage Vision Verizon">
<!-- <a href="https://andycatch.com/project/vz-hp-vision" data-project="Homepage Vision Verizon"> -->
<h1>
<div class="title"><span>Homepage</span><span class="right-align">Vision</span></div>
<img src="images/[email protected]" />
</h1>
</a>
<a href="#" data-project="Switchers Journey Verizon">
<!-- <a href="https://andycatch.com/project/switchers" data-project="Switchers Journey Verizon"> -->
<h1>
<div class="title"><span>Switcher’s</span><span>Journey</span></div>
<img src="images/[email protected]" />
</h1>
</a>
<a href="#" data-project="Take Back New York">
<!-- <a href="https://andycatch.com/project/tbny" data-project="Take Back New York"> -->
<h1>
<div class="title"><span>Take Back</span><span>New York</span></div>
<img src="images/[email protected]" />
</h1>
</a>
<a href="#" data-project="Defund Refund">
<!-- <a href="https://andycatch.com/project/defund-refund" data-project="Defund Refund"> -->
<h1>
<div class="title"><span>Defund</span><span>Refund</span></div>
<img src="images/[email protected]" />
</h1>
</a>
<a href="#" data-project="Sonic Drive-In P W A">
<!-- <a href="https://andycatch.com/project/sonic-drive-in" data-project="Sonic Drive-In P W A"> -->
<h1>
<div class="title">
<div><span>Sonic</span></div>
<div class="right-align"><span>Drive-In</span></div>
<div class="right-align"><span>P W A</span></div>
</div>
<img src="images/PWA-Project-Graphic.png" />
</h1>
</a>
<a href="#" data-project="On Page Guidelines">
<!-- <a href="https://andycatch.com/project/on-page-guidelines" data-project="On Page Guidelines"> -->
<h1>
<div class="title"><span>On</span><span class="right-align">Page</span><span
class="right-align">Guidelines</span>
</div>
<img src="images/[email protected]" />
</h1>
</a>
<a href="#" data-project="Business Markets">
<!-- <a href="https://andycatch.com/project/business-markets" data-project="Business Markets"> -->
<h1>
<div class="title"><span>Business</span><span class="right-align">Markets</span></div>
<img src="images/[email protected]" />
</h1>
</a>
<a href="#" data-project="Archive Volume One">
<!-- <a href="https://andycatch.com/project/archive-1" data-project="Archive Volume One"> -->
<h1>
<div class="title"><span>Archive</span><span class="right-align">Volume</span><span
class="right-align">One</span>
</div>
<img src="images/[email protected]" />
</h1>
</a>
</section>
<section class="copy-module">
<div class="project-title">
<p class="eyebrow">Project</p>
<p>Homepage Vision Design system</p>
</div>
<div>
<p class="eyebrow">Client</p>
<p>Verizon</p>
</div>
<div>
<p class="eyebrow">Description</p>
<p>A modular system, where component types could easily react, stack differently, and the messaging could adapt
cleanly and quickly. R/GA was tasked with evolving and advancing Verizon's homepage experience. It was an
opportunity to prototype and experiment with ways that the brand parsed user types and data, while
simultaneously
expanding the brand language</p>
</div>
<div class="spacer">
<p> </p>
</div>
<div class="spacer">
<p> </p>
</div>
<div class="project-team">
<p class="eyebrow">Project team</p>
<p>Taylor Geick, Lars Hansson, Nicholas Karlovich, Kris Kiger, Aaron Perez, Adam Zoltowski</p>
</div>
<div class="spacer">
<p> </p>
</div>
<div class="spacer">
<p> </p>
</div>
<div>
<p class="eyebrow">My role</p>
<p>Senior Designer (for R/GA)</p>
</div>
</section>
<section class="next">
<a href="https://andycatch.com/project/switchers">
<h1>
<div class="title"><span>Next:</span><span>Switcher’s</span><span>Journey</span></div>
<img src="images/[email protected]" />
</h1>
</a>
</section>
<section class="footer-module">
<div class="footer-links">
<a href="https://www.instagram.com/andycatch/">Instagram</a>
<a href="https://twitter.com/AndyCatch">Twitter</a>
</div>
<div class="timeStamp">
<p class="currentYear"> </p>
</div>
<!-- <div class="attribution">
<p>This site contains both commissioned and agency based projects. Agency projects include an attempt to list the
team involved across roles and disciplines. Credit is shared. Projects labeled with an agency name imply design
done under their banner. I'm lucky to have worked with great people.
</p>
</div> -->
</section>
</body>
</html>