-
Notifications
You must be signed in to change notification settings - Fork 0
/
portfolio.html
336 lines (327 loc) · 17.2 KB
/
portfolio.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
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Snow Day Code | Portfolio</title>
<meta name="description" content="Wow, there's some cool stuff here... So many great websites to check out, all built in part or in whole by Snow Day Code.">
<meta name="viewport" content="width=device-width">
<link rel="shortcut icon" href="favicon.ico">
<link href="assets/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/css/style.min.css" rel="stylesheet">
</head>
<body>
<header class="header sticky">
<div class="container no-bottom">
<div class="col-xs-3">
<a href="/" class="logo" title="Navigate to Snow Day Code homepage">
<img alt="Snow Day Code" title="Snow Day Code Logo" alt="Snow Day Code Logo" src="assets/img/sdc-logo.jpg" height="150px">
</a>
</div>
<div class="col-xs-9">
<nav class="navbar mainmenu">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div class="collapse navbar-collapse pull-right" id="navbar-collapse">
<button type="button" class="pclose" data-toggle="collapse" data-target="#navbar-collapse"></button>
<ul class="nav navbar-nav pull-right">
<li class="first"><a href="/" title="About">About</a></li>
<li class="last current-menu-item"><a href="portfolio.html" title="Portfolio">Portfolio</a></li>
</ul>
</div>
</nav>
</div>
</div>
</header>
<article class="container products">
<div class="col-xs-12 product-list m-center">
<h1 class="color">Portfolio —</h1>
<div class="product clearfix">
<div class="row">
<div class="col-md-4 port-thumb">
<h2 class="h4">
<a href="http://scoutshonor.org/" title="View Scout's Honor ite in new window" target="_blank">
Scout's Honor
</a>
</h2>
<a href="http://scoutshonor.org/" title="View Scout's Honor ite in new window" class="btn btn-primary btn-thn" target="_blank">View Site</a>
</div>
<div class="col-md-8 cdescription">
<div class="row">
<div class="col-md-12">
<p>Full disclosure, I've fostered and adopted for Scout's Honor for years. I absolutely love them and so should you! I brought Scout's Honor into Keystone Resources when I was the VP Interactive and oversaw the visual and user experience design as well as the full development. The front-end development was split between myself and my staff, while I did all of the back-end development including the custom pet search and API integration with <a title="RecueGroups.org is awesome" href="https://www.rescuegroups.org/" target="_blank">RescueGroups.org</a> (also an awesome group).<br><br>I now manage the client and handle all of the maintenance and future development requests.</p>
</div><!-- /.col -->
</div><!-- /.row -->
<div class="row">
<div class="col-md-12">
<div class="rating-wrap small-pad">
<span class="tag-header">Roles:</span>
<span class="tags">
Front-End Development, Back-End Development, Project Management, UX Design, Art Direction
</span>
</div><!-- /.rating-wrap -->
</div><!-- /.col -->
</div><!-- /.row -->
<div class="row">
<div class="col-md-12">
<div class="rating-wrap">
<span class="tag-header">Technologies:</span>
<span class="tags">
MODX, API, eCommerce, PHP, jQuery, Responsive, LESS, Maintenance
</span>
</div><!-- /.rating-wrap -->
</div><!-- /.col -->
</div><!-- /.row -->
</div>
</div>
</div>
<div class="product clearfix">
<div class="row">
<div class="col-md-4 port-thumb">
<h2 class="h4">
<a href="http://eljefecostarica.com/" title="View El Jefe Costa Rica ite in new window" target="_blank">
El Jefe Costa Rica
</a>
</h2>
<a href="http://eljefecostarica.com/" title="View El Jefe Costa Rica ite in new window" class="btn btn-primary btn-thn" target="_blank">View Site</a>
</div>
<div class="col-md-8 cdescription">
<div class="row">
<div class="col-md-12">
<p>This is a beautiful design that I had the pleasure of marking up in the Bootstrap 4 framework with MODX as the back-end.</p>
</div><!-- /.col -->
</div><!-- /.row -->
<div class="row">
<div class="col-md-12">
<div class="rating-wrap small-pad">
<span class="tag-header">Roles:</span>
<span class="tags">
Front-End Development, Back-End Development
</span>
</div><!-- /.rating-wrap -->
</div><!-- /.col -->
</div><!-- /.row -->
<div class="row">
<div class="col-md-12">
<div class="rating-wrap">
<span class="tag-header">Technologies:</span>
<span class="tags">
MODX, PHP, Responsive, SASS
</span>
</div><!-- /.rating-wrap -->
</div><!-- /.col -->
</div><!-- /.row -->
</div>
</div>
</div>
<div class="product clearfix">
<div class="row">
<div class="col-md-4 port-thumb">
<h2 class="h4">
<a href="https://iame.com/" title="View Institute for Advanced Medical Education ite in new window" target="_blank">
Institute for Advanced Medical Education
</a>
</h2>
<a href="https://iame.com/" title="View Institute for Advanced Medical Education ite in new window" class="btn btn-primary btn-thn" target="_blank">View Site</a>
</div>
<div class="col-md-8 cdescription">
<div class="row">
<div class="col-md-12">
<p>My work with IAME started out as MODX maintenance and grew into a full site redesign and custom PHP cart. IAME focuses on online continuing education courses and required a new streamlined user experience workflow to integrate multiple existing systems. Using MODX as the "glue" I was able to create an interface to link several systems together to allow for a more seamless workflow.</p>
</div><!-- /.col -->
</div><!-- /.row -->
<div class="row">
<div class="col-md-12">
<div class="rating-wrap small-pad">
<span class="tag-header">Roles:</span>
<span class="tags">
Front-End Development, Back-End Development, Project Management, UX Design, Art Direction
</span>
</div><!-- /.rating-wrap -->
</div><!-- /.col -->
</div><!-- /.row -->
<div class="row">
<div class="col-md-12">
<div class="rating-wrap">
<span class="tag-header">Technologies:</span>
<span class="tags">
MODX, eCommerce, PHP, jQuery, Responsive, Maintenance
</span>
</div><!-- /.rating-wrap -->
</div><!-- /.col -->
</div><!-- /.row -->
</div>
</div>
</div>
<div class="product clearfix">
<div class="row">
<div class="col-md-4 port-thumb">
<h2 class="h4">
<a href="http://nmfh.org/" title="View National Museum of Funeral History ite in new window" target="_blank">
National Museum of Funeral History
</a>
</h2>
<a href="http://nmfh.org/" title="View National Museum of Funeral History ite in new window" class="btn btn-primary btn-thn" target="_blank">View Site</a>
</div>
<div class="col-md-8 cdescription">
<div class="row">
<div class="col-md-12">
<p>This was one of my favorite projects of all time! Aside from how awesome of an organization this is and the brilliant talent running it, the site was a fun technical challenge. I did all of the front-end markup and back-end MODX development for this site, while also co-user experience designing and co-art directing. We had a lot of content integration and design as well as the migration of the shop from Yahoo! to Foxycart along with a custom built MODX calendar. I also built several custom MODX snippets for the shop and data migrations.</p>
</div><!-- /.col -->
</div><!-- /.row -->
<div class="row">
<div class="col-md-12">
<div class="rating-wrap small-pad">
<span class="tag-header">Roles:</span>
<span class="tags">
Front-End Development, Back-End Development, Project Management, UX Design, Art Direction
</span>
</div><!-- /.rating-wrap -->
</div><!-- /.col -->
</div><!-- /.row -->
<div class="row">
<div class="col-md-12">
<div class="rating-wrap">
<span class="tag-header">Technologies:</span>
<span class="tags">
MODX, eCommerce, PHP, jQuery, Responsive, LESS
</span>
</div><!-- /.rating-wrap -->
</div><!-- /.col -->
</div><!-- /.row -->
</div>
</div>
</div>
<div class="product clearfix">
<div class="row">
<div class="col-md-4 port-thumb">
<h2 class="h4">
<a href="https://clearpointco.com/" title="View Clearpoint ite in new window" target="_blank">
Clearpoint
</a>
</h2>
<a href="https://clearpointco.com/" title="View Clearpoint ite in new window" class="btn btn-primary btn-thn" target="_blank">View Site</a>
</div>
<div class="col-md-8 cdescription">
<div class="row">
<div class="col-md-12">
<p>For this unique staffing agency, we built a site that was simple, cool and easy to use. I helped with the user experience design, art direction and front-end markup, while focusing on the back-end MODX development and integrating their job feeds and applications with a custom third-party API.</p>
<p>I am currently in charge of maintenance for this site and we are working on a phase two that will implement user logins and a profile history for applicants.</p>
</div><!-- /.col -->
</div><!-- /.row -->
<div class="row">
<div class="col-md-12">
<div class="rating-wrap small-pad">
<span class="tag-header">Roles:</span>
<span class="tags">
Front-End Development, Back-End Development, Project Management, UX Design, Art Direction
</span>
</div><!-- /.rating-wrap -->
</div><!-- /.col -->
</div><!-- /.row -->
<div class="row">
<div class="col-md-12">
<div class="rating-wrap">
<span class="tag-header">Technologies:</span>
<span class="tags">
MODX, API, PHP, jQuery, Responsive, LESS, Maintenance
</span>
</div><!-- /.rating-wrap -->
</div><!-- /.col -->
</div><!-- /.row -->
</div>
</div>
</div>
<div class="product clearfix">
<div class="row">
<div class="col-md-4 port-thumb">
<h2 class="h4">
<a href="http://dallasdesigndistrict.com/" title="View Dallas Design District ite in new window" target="_blank">
Dallas Design District
</a>
</h2>
<a href="http://dallasdesigndistrict.com/" title="View Dallas Design District ite in new window" class="btn btn-primary btn-thn" target="_blank">View Site</a>
</div>
<div class="col-md-8 cdescription">
<div class="row">
<div class="col-md-12">
<p>The Dallas Design District is a large geographical area filled with various showrooms for home design. They needed a new site that allowed showroom owners in the district to login and manage their listings as well as post open jobs and search for potential talent to hire.</p>
<p>Working with Day Zero Creative, we used a template front-end design to create a robust user experience for showroom owners, designers and the general public alike.</p>
<p>Phase two of this project included building a hybrid mobile app for iOS and Android using AngularJS. You can download the iOS version <a href="https://itunes.apple.com/us/app/dallas-design-district/id1147369484?mt=8" target="_blank">here</a> and the Android version <a href="https://play.google.com/store/apps/details?id=com.dallasdesigndistrict.businessdirectory" target="_blank">here</a> or just search "Dallas Design District" in the App Store or Google Play.</p>
</div><!-- /.col -->
</div><!-- /.row -->
<div class="row">
<div class="col-md-12">
<div class="rating-wrap small-pad">
<span class="tag-header">Roles:</span>
<span class="tags">
Back-End Development
</span>
</div><!-- /.rating-wrap -->
</div><!-- /.col -->
</div><!-- /.row -->
<div class="row">
<div class="col-md-12">
<div class="rating-wrap">
<span class="tag-header">Technologies:</span>
<span class="tags">
MODX, Mobile App, API, PHP, AngularJS, Responsive
</span>
</div><!-- /.rating-wrap -->
</div><!-- /.col -->
</div><!-- /.row -->
</div>
</div>
</div>
<div class="product clearfix">
<div class="row">
<div class="col-md-4 port-thumb">
<h2 class="h4">
<a href="http://www.mccormackbaron.com/" title="View McCormack Baron Salazar ite in new window" target="_blank">
McCormack Baron Salazar
</a>
</h2>
<a href="http://www.mccormackbaron.com/" title="View McCormack Baron Salazar ite in new window" class="btn btn-primary btn-thn" target="_blank">View Site</a>
</div>
<div class="col-md-8 cdescription">
<div class="row">
<div class="col-md-12">
<p>I was the lead Project Manager and User Experience Designer for this project. My favorite feature on this site is the "Find A Home" section, which uses MODX Collections and a Javascript Mapping API.</p>
</div><!-- /.col -->
</div><!-- /.row -->
<div class="row">
<div class="col-md-12">
<div class="rating-wrap small-pad">
<span class="tag-header">Roles:</span>
<span class="tags">
Back-End Development, Project Management, UX Design, Art Direction
</span>
</div><!-- /.rating-wrap -->
</div><!-- /.col -->
</div><!-- /.row -->
<div class="row">
<div class="col-md-12">
<div class="rating-wrap">
<span class="tag-header">Technologies:</span>
<span class="tags">
MODX, PHP, jQuery, Responsive, LESS
</span>
</div><!-- /.rating-wrap -->
</div><!-- /.col -->
</div><!-- /.row -->
</div>
</div>
</div>
</div><!-- /.product-list -->
</article><!-- /.container -->
<footer>
<div class="container text-center">
<p>© 2015 - Present. All Rights Reserved. Snow Day Enterprises, LLC. PO Box 272657 Fort Collins, CO 80527</p>
</div>
</footer>
</body>
</html>