-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
184 lines (179 loc) · 12.2 KB
/
about.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
<!doctype html>
<html class="no-js" 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.0">
<meta name="description" content="Designer and Developer Zach Frank's online resume.">
<title>About • Zach Frank</title>
<link rel="stylesheet" href="assets/css/styles.css">
<link rel="apple-touch-icon" sizes="57x57" href="assets/img/icons/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="assets/img/icons/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="assets/img/icons/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="assets/img/icons/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="assets/img/icons/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="assets/img/icons/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="assets/img/icons/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="assets/img/icons/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="assets/img/icons/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="assets/img/icons/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="assets/img/icons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="assets/img/icons/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="assets/img/icons/favicon-16x16.png">
<link rel="manifest" href="assets/img/icons/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="assets/img/icons/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
</head>
<body>
<div class="Page">
<div class="Sidebar">
<nav class="Navigation" role="navigation">
<ul class="NavigationList">
<li class="NavigationListItem"><a href="/" class="NavigationLogo"><h1>Zach Frank</h1></a></li>
<li class="NavigationListItem"><a href="/" >Work</a></li>
<li class="NavigationListItem"><a href="about.html" class="is-active">About</a></li>
<li class="NavigationListItem"><a href="contact.html" >Contact</a></li>
</ul>
</nav>
</div>
<div class="ContentContainer">
<main class="Content" role="main">
<article>
<div class="row">
<div class="small-12 large-10 large-centered columns">
<section class="ContentSection">
<h1>Profile</h1>
<p class="lead">Senior designer and front end developer with more than 8+ years experience designing and building for the web. Flexible in different working environments having worked at a startup, as well as large and small agencies. Focused primarily on helping agile teams collaborate, design and build CMS websites or client-side web apps. Lived in Kansas City, MO, Nashville, TN, and now currently lives near the Twin Cities of the great state of Minnesota</p>
</section>
<section class="ContentSection">
<h1>Experience</h1>
<ul class="ExperienceList">
<li class="ExperienceListItem">
<h2><a href="https://www.nativekc.com/" target="_blank">Native Digital LLC</a></h2>
<p class="lead">Designer + Developer <em>• Remote • April 2015 – Present</em></p>
<ul>
<li>Collaborate with other designers and content specialists on the design and front end development solutions for various clients including <a href="http://www.evolvedigitallabs.com/" target="_blank">Evolve Digital Labs</a> and <a href="http://www.approachglobal.com/" target="_blank">Approach Global</a>.</li>
<li>Front end theme development for internal marketing website powered by Wordpress.</li>
</ul>
</li>
<li class="ExperienceListItem">
<h2><a href="http://www.mysidewalk.com/" target="_blank">mySidewalk by MindMixer</a></h2>
<p class="lead">Product Designer + Developer <em>• Kansas City, MO • April 2014 – July 2015</em></p>
<ul>
<li>Cut my teeth in the world of startups and product design.</li>
<li>Collaborated with other product designers, product managers, writers, developers and key stakeholders to develop user flows, wireframes, and visual designs for new and existing product features for the companies’ responsive web and mobile applications.</li>
<li>Assisted in online user testing of various designs created. Contributed and collaboarated on bug fixes, new feature developments, and newly created visual style integrations to the AngularJS front end codebase.</li>
<li>Responsible for visual design and front end development of responsive HTML email communications for internal marketing efforts as well as emails being sent from the company web products.</li>
<li>Worked on visual design for internal marketing websites and projects.</li>
<li>Provided art direction to younger designers on various projects where the workload could be delegated.</li>
<li>Destroyed and humiliated people (sometimes in front of their children) in <a href="https://www.easports.com/fifa" target="_blank">FIFA</a> on a daily basis.</li>
</ul>
</li>
<li class="ExperienceListItem">
<h2><a href="http://www.dmhadv.com/" target="_blank">Diamond Merckens Hogan</a></h2>
<p class="lead">Designer + Developer <em>• Kansas City, MO • February 2014 – April 2014</em></p>
<ul>
<li>Collaborated with other designers, developers, and writers to develop visual design concepts for various advertising initiatives and front end development solutions of various clients including <a href="http://www.porkbeinspired.com/" target="_blank">The National Pork Board</a>, <a href="http://www.ceva.us/" target="_blank">Ceva Animal Health</a>, and <a href="http://www.wattsoflove.org/" target="_blank">Watts of Love</a>.</li>
<li>Developed front end themes for Wordpress.</li>
<li>Worked with internal team on the design and front end development of the agency’s portfolio website.</li>
<li>Worked on new business concepting and pitch creative.</li>
</ul>
</li>
<li class="ExperienceListItem">
<h2><a href="http://www.mmgyglobal.com/" target="_blank">MMGY Global</a></h2>
<p class="lead">Interactive Art Director <em>• Kansas City, MO • May 2008 – January 2014</em></p>
<ul>
<li>Collaborated with other designers, art directors, creative directors, developers, writers, and project teams to develop visual design concepts for various advertising initiatives and websites for clients in the travel and tourism space including the <a href="https://www.wyomingtourism.org/" target="_blank">Wyoming Tourism Office</a>, the Colorado Office of Tourism, <a href="https://www.theworldwar.org/" target="_blank">The National World War One Museum</a>, and <a href="http://www.cityway.com/" target="_blank">CityWay</a>.</li>
<li>Worked on internal portfolio website visual design and maintenance.</li>
<li>Worked on visual design and front end for various company event and project websites.</li>
<li>Worked on visual design for numerous responsive and non-responsive HTML email campaigns for various clients.</li>
<li>Designed and built flash banner advertisements with Flash and Actionscript.</li>
<li>Provided art direction to younger designers and developers while in the creation of banner ads and various advertising components for clients I was assigned to.</li>
<li>Worked on new business concepting and pitch creative.</li>
<li>Created graphics for social media campaigns. Styled myspace pages for clients when myspace was still a relevant thing.</li>
</ul>
</li>
</ul>
</section>
<section class="ContentSection">
<h1>Education</h1>
<ul class="EducationList">
<li class="EducationListItem">
<h2><a href="http://www.d.umn.edu/" target="_blank">University of Minnesota Duluth</a></h2>
<p class="lead"><em>B.F.A. Graphic Design Major • 2007</em></p>
</li>
</ul>
</section>
<section class="ContentSection">
<h1>Skills</h1>
<div class="row small-up-1 medium-up-3">
<div class="column">
<h2 class="h4">Professional Skillset</h2>
<ul>
<li>Sketching, Wireframing & Prototyping</li>
<li>Interface Design</li>
<li>Responsive Design</li>
<li>HTML5 & CSS3</li>
<li>Sass</li>
<li>HTML Email Design & Development</li>
</ul>
</div>
<div class="column">
<h2 class="h4">Working Knowledge</h2>
<ul>
<li>Javascript & jQuery</li>
<li>AngularJS</li>
<li>Wordpress & PHP</li>
</ul>
</div>
<div class="column">
<h2 class="h4">Tools</h2>
<ul>
<li>Adobe Creative Suite</li>
<li>Sketch</li>
<li>InVision</li>
<li>Atom</li>
<li>Zurb’s Foundation Framework</li>
<li>Unix Command Line</li>
<li>Git</li>
</ul>
</div>
</div>
<h2 class="h1">Interests</h2>
<ul class="InterestsList">
<li>User Experience Design</li>
<li>Information Design</li>
<li>Interaction Design</li>
<li>Product Design</li>
<li>Typography</li>
<li>Design Systems</li>
<li>Design Sprints</li>
<li>Efficiency</li>
<li>Sustainability</li>
<li>Aviation & Flight Simulation</li>
<li>Gaming</li>
<li>Backpacking, Hiking & Camping</li>
<li>Hunting & Fishing</li>
<li>Gardening</li>
<li>Music</li>
<li>Social Economics</li>
</ul>
</section>
</div>
</div>
</article>
</main>
<footer class="Footer" role="contentinfo">
<div class="row">
<div class="small-12 large-10 large-centered columns">
<p>Designed and coded by Zach Frank. <a href="about.html">About</a> Zach. <a href="contact.html">Contact</a> Zach.</p>
</div>
</div>
</footer>
</div>
</div>
<!-- <script src="https://code.jquery.com/jquery-2.2.3.min.js" integrity="sha256-a23g1Nt4dtEYOj7bR+vTu7+T8VP13humZFBJNIYoEJo=" crossorigin="anonymous"></script> -->
<script src="assets/js/zfrankdesign.js"></script>
</body>
</html>