/
index.html
241 lines (228 loc) · 10.2 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>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang=""> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang=""> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9" lang=""> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang=""> <!--<![endif]-->
<head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-2GW4LDZZVK"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-2GW4LDZZVK');
</script>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Erica Lynn Rodriguez | Designer</title>
<meta name="description" content="graphic designer, designer, erica rodriguez, erica lynn rodriguez, web design, html, css, print, poster, the field museum, the school of the art institute, chicago, ux designer, ui designer, y-usa">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="apple-touch-icon" href="apple-touch-icon.png">
<script src="//use.typekit.net/ebh5ccc.js"></script>
<script>try{Typekit.load();}catch(e){}</script>
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/main.css">
</head>
<body>
<!--[if lt IE 8]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<div class="scroll-on-page">
<aside id="scroll-on-page-top">
<div class="nav_main">
<a href="/"><img src="img/Logo.svg" alt=""></a>
<ul class="nav">
<li><a href="https://uxfol.io/ericalynnrodriguez">UX Portfolio</a><span></span></li>
<li><a class="scroll-on-page-link" href="#scroll-link-1">About</a><span></span></li>
<li><a class="scroll-on-page-link" href="#scroll-link-2">Contact</a><span></span></li>
</ul>
</div>
</aside>
<div class="main">
<div id="container">
<div class="portfolio digital">
<a href="https://uxfol.io/p/ericalynnrodriguez/lets-hike"><img src="img/square_photo_2x.png" height="280" width="280" alt="">
<div>
<div class="masonry">
<p>Personal</p>
<h2>Let's Hike</h2>
<p class="category">iOS App</p>
</div>
</div>
</a>
</div>
<div class="portfolio w2 h2 digital print black">
<a href="project/project-2.html"><img src="img/large_img_3_2x.png" width="580px" height="430px" alt="" class="large"><img src="img/img_3_2x.png" alt="" class="small_2">
<div>
<div class="masonry large">
<p>non-profit</p>
<h2>YMCA of the USA</h2>
<p class="category">Various</p>
</div>
</div>
</a>
</div>
<div class="portfolio exhibition digital">
<a href="project/project-3.html"><img src="img/square1_2x.png" width="280px" height="280px"alt="">
<div>
<div class="masonry">
<p>Natural History</p>
<h2>Gidwitz Hall of Birds</h2>
<p class="category">Exhibition Graphics</p>
</div>
</div>
</a>
</div>
<div class="portfolio black w1 h2 print">
<a href="project/project-4.html"><img src="img/long_img_2x.png" alt="" width="280px" height="430px" class="large"><img src="img/img_2x.png" width="280px" height="280px" alt="" class="small">
<div>
<div class="masonry long">
<p>Pro Bono</p>
<h2>Powerhouse Art Center</h2>
<p class="category">Print</p>
</div>
</div>
</a>
</div>
<div class="portfolio w2 h2 exhibition print">
<a href="project/project-5.html"><img src="img/large_img_2_2x.png" width="580px" height="430px" alt="" class="large"><img src="img/img_2.png" alt="" class="small_2">
<div>
<div class="masonry large">
<p>Natural History</p>
<h2>Science, Off Script:<br>Teens Take the Field</h2>
<p class="category">Exhibition</p>
</div>
</div>
</a>
</div>
<div class="portfolio black artist-book">
<a href="project/project-6.html"><img src="img/square3_2x.png" width="280" height="280"alt="">
<div>
<div class="masonry">
<p>Personal</p>
<h2>Discovering the nature of nature</h2>
<p class="category">Artist Book</p>
</div>
</div>
</a>
</div>
<div class="portfolio photography">
<a href="project/project-7.html"><img src="img/square12_2x.png" width="280" height="280"alt="">
<div>
<div class="masonry">
<p>Personal</p>
<h2>Berlin Street Art <br>2008</h2>
<p class="category">Photography</p>
</div>
</div>
</a>
</div>
<div class="portfolio black exhibition digital">
<a href="project/project-8.html"><img src="img/square5_2x.png" width="280px" height:"280px" alt="">
<div>
<div class="masonry">
<p>Natural History</p>
<h2>Cyrus Tang Hall<br>of China</h2>
<p class="category">Exhibition</p>
</div>
</div>
</a>
</div>
<div class="portfolio exhibition">
<a href="project/project-9.html"><img src="img/square6_2x.png" width="280px" height:"280px" alt="">
<div>
<div class="masonry">
<p>Natural History</p>
<h2>Before the Dinosaurs:<br>Tracking the Reptiles<br>of Pangaea</h2>
<p class="category">Exhibition</p>
</div>
</div>
</a>
</div>
<div class="portfolio black photography">
<a href="project/project-10.html"><img src="img/square8_2x.png" width="280px" height:"280px" alt="">
<div>
<div class="masonry">
<p>Exhibit Colladeral</p>
<h2>Field Museum Invitations</h2>
<p class="category">Print</p>
</div>
</div>
</a>
</div>
<div class="portfolio">
<a href="project/project-11.html"><img src="img/square10_2x.png" width="280px" height:"280px" alt="">
<div>
<div class="masonry">
<p>Personal</p>
<h2>School Projects</h2>
<p class="category">Print</p>
</div>
</div>
</a>
</div>
<div class="portfolio black photography">
<a href="project/project-12.html"><img src="img/square11_2x.png" width="280px" height:"280px" alt="">
<div>
<div class="masonry">
<p>Exhibit Colladeral</p>
<h2>Field Museum <br>outdoor signage</h2>
<p class="category">Print</p>
</div>
</div>
</a>
</div>
<div class="portfolio print">
<a href="project/project-13.html"><img src="img/img_3.png" width="280" height="280" alt="Artist Book">
<div>
<div class="masonry">
<p>Personal</p>
<h2>Analog/Digital Ritual: <br>Materializing Facebook</h2>
<p class="category">Artist Book</p>
</div>
</div>
</a>
</div>
</div>
<div class="nav_portfolio">
<ul id="filters" class="categories">
<li data-filter="*"><a href="#">Full Portfolio</a></li>
<li data-filter=".exhibition"><a href="#">Exhibition</a></li>
<li data-filter=".digital"><a href="#">Digital</a></li>
<li data-filter=".print"><a href="#">Print</a></li>
<li data-filter=".artist-book"><a href="#">Artist Book</a></li>
<li data-filter=".photography"><a href="#">Photography</a></li>
</ul>
</div>
<article>
<section>
<h4 id="scroll-link-1">About</h4>
<div class="lockup">
<div class="face-img"></div>
<div class="fam-img-1"></div>
<div class="fam-img-2"></div>
<div class="fam-img-3"></div>
<div class="fam-img-4"></div>
</div>
<p><span>My 12-year career</span> in the field of visual design has given me a wide range of experience. I started as an exhibitions designer at The Field Museum, where I began designing experiences and interactions that often combined graphic design with other disciplines like multimedia or interaction design.</p>
<p>My experience has taught me to be an excellent brand steward, working within design systems while also <span>creating innovative, user-friendly designs.</span> I leverage my insatiable curiosity, hunger for learning, and drive to create great work. I have a knack for understanding complex problems and finding simple solutions.</p>
<p>Want to learn more? Download my <a href="img/ERICA-LYNN-RODRIGUEZ_resume.pdf">Resume</a>.</p>
</section>
<section>
<h4 id="scroll-link-2">Contact</h4>
<p class="left">Send me a message on <a href="https://www.linkedin.com/in/ericalynnrodriguez">LinkedIn</a> and I’ll do my best
to get back to you as quickly as I can,
you can also <a href="mailto:eddyca.rodriguez@gmail.com">email me</a> if you prefer.</p>
</section>
</article>
<div class="back"><a class="scroll-on-page-link back-to-top" href="#scroll-on-page-top">Back to top</a></div>
</div>
</div>
<footer class="footer" role="contentinfo">
<p>Designed and developed by <span>Erica Lynn Rodriguez © Updated 2022</span></p>
</footer>
<script src="js/vendor/jquery-1.11.2.js"></script>
<script src="js/vendor/isotope.pkgd.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>