-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
447 lines (383 loc) · 18.5 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
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
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
<!DOCTYPE html>
<html lang="zxx" class="no-js">
<head>
<meta name="generator" content="Hugo 0.59.0" />
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-M4LM4XX');</script>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="shortcut icon" href="img/fav.png">
<meta name="Christoph Geypen" content="colorlib">
<meta name="Christoph Geypen's personal homepage" content="">
<meta name="Christoph, Geypen, personal, homepage, career, performance marketing, digital marketer" content="">
<meta charset="UTF-8">
<title>Christoph Geypen - Digital Marketing Specialist</title>
<link href="https://fonts.googleapis.com/css?family=Poppins:100,200,400,300,500,600,700" rel="stylesheet">
<link rel="stylesheet" href="./css/linearicons.css">
<link rel="stylesheet" href="./css/font-awesome.min.css">
<link rel="stylesheet" href="./css/bootstrap.css">
<link rel="stylesheet" href="./css/magnific-popup.css">
<link rel="stylesheet" href="./css/owl.carousel.css">
<link rel="stylesheet" href="./css/main.css">
</head>
<body>
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-M4LM4XX"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<section class="banner-area" id="home">
<header class="default-header">
<nav class="navbar navbar-expand-lg navbar-light">
<div class="container">
<a id="logo" class="navbar-brand" href="./">
Christoph Geypen
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="text-white lnr lnr-menu"></span>
</button>
<div class="collapse navbar-collapse justify-content-end align-items-center" id="navbarSupportedContent">
<ul class="navbar-nav">
<li><a href="#performance">Performance marketing</a></li>
<li><a href="#tools">Tools & experience</a></li>
<li><a href="#accomplishments">Accomplishments</a></li>
<li><a href="https://medium.com/@christoph88">Blog</a></li>
</ul>
</div>
</div>
</nav>
</header>
<div class="container">
<div class="row justify-content-start align-items-center">
<div class="col-lg-6 col-md-12 no-padding banner-right">
<img class="img-fluid" src="img/header-img.png" alt="">
</div>
<div class="col-lg-6 col-md-12 banner-left">
<h1 class="text-white">
Hi, I’m <br>
<span>Christoph Geypen</span> <br>
Digital Marketer
</h1>
<p class="mx-auto text-white mt-20 mb-40">Data driven performance marketing since 2012.</p>
<a href="https://www.linkedin.com/in/christophgeypen/" class="text-uppercase header-btn">Let Us Talk</span></a>
</div>
</div>
</div>
</section>
<section class="service-area section-gap" id="performance">
<div class="container">
<div class="row d-flex justify-content-center">
<div class="menu-content pb-70 col-lg-8">
<div class="title text-center">
<h1 class="mb-10">Performance marketing</h1>
<p>In a broad range of digital channels.</p>
</div>
</div>
</div>
<div class="row">
<div class="single-service col-lg-6 col-md-6 mb-30">
<div class="icon">
<img src="img/s1.png" alt="">
</div>
<div class="dec">
<h4 class="mt-30"><a href="#">Search</a></h4>
<p class="mt-20">Google Ads but also the Bing Search Ads. Managed through the platform interface or through Search Ads 360.</p>
</div>
</div>
<div class="single-service col-lg-6 col-md-6 mb-30">
<div class="icon">
<img src="img/s2.png" alt="">
</div>
<div class="dec">
<h4 class="mt-30"><a href="#">Social, Display and video</a></h4>
<p class="mt-20">Primarily GDN through Google Ads and some Facebook experience. Programmatic on the DPG-network.</p>
</div>
</div>
<div class="single-service col-lg-6 col-md-6">
<div class="icon">
<img src="img/s3.png" alt="">
</div>
<div class="dec">
<h4 class="mt-30"><a href="#">Tracking and analytics</a></h4>
<p class="mt-20">Tracking and Analytics from strategy to implementation. Primarily GTM, GA and Datastudio is used.</p>
</div>
</div>
<div class="single-service col-lg-6 col-md-6">
<div class="icon">
<img src="img/s4.png" alt="">
</div>
<div class="dec">
<h4 class="mt-30"><a href="#">Full funnel marketing</a></h4>
<p class="mt-20">Split of customer journeys per KPI. The more (weighted) data the better. Keeping ROAS in the back of my mind.</p>
</div>
</div>
</div>
</div>
</section>
<section class="about-area section-gap" id="tools">
<div class="container">
<div class="row d-flex justify-content-center">
<div class="menu-content pb-70 col-lg-8">
<div class="title text-center">
<h1 class="mb-10">Tools</h1>
<p>I am an expert with following tools.</p>
<div class="skillbar" data-percent="95%">
<div class="skill-bar-percent">Google Ads (Search, Display, Video)</div>
<div class="skillwrap">
<div class="skillbar-bar" style="width: 95%;"></div>
</div>
</div>
<div class="skillbar" data-percent="80%">
<div class="skill-bar-percent">Search engine optimisation (Ahrefs, Semrush, Screaming frog)</div>
<div class="skillwrap">
<div class="skillbar-bar" style="width: 70%;"></div>
</div>
</div>
<div class="skillbar" data-percent="85%">
<div class="skill-bar-percent">Google Marketing Platform (DV360, CM360)</div>
<div class="skillwrap">
<div class="skillbar-bar" style="width: 85%;"></div>
</div>
</div>
<div class="skillbar" data-percent="95%">
<div class="skill-bar-percent">Google Analytics (GA360)</div>
<div class="skillwrap">
<div class="skillbar-bar" style="width: 95%;"></div>
</div>
</div>
<div class="skillbar" data-percent="95%">
<div class="skill-bar-percent">Google Tag Manager</div>
<div class="skillwrap">
<div class="skillbar-bar" style="width: 90%;"></div>
</div>
</div>
<div class="skillbar" data-percent="70%">
<div class="skill-bar-percent">JavaScript (script & NodeJs) and SQL (Big Query)</div>
<div class="skillwrap">
<div class="skillbar-bar" style="width: 70%;"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="qualification-area pt-100 pb-80">
<div class="container">
<div class="row d-flex justify-content-center">
<div class="menu-content pb-20 col-lg-8">
<div class="title text-center">
<h1 class="mb-10">Experience</h1>
<p>Have a look at my work experience.</p>
</div>
</div>
</div>
<div class="row d-flex justify-content-center">
<div class="col-lg-6 col-md-6 qty-left">
<div class="single-qly">
<h3 class="text-uppercase">Mobile Vikings</h3>
<p>Hasselt, April 2019 to Present</p>
<h4 class="pt-20 pb-20">Digital marketing specialist</h4>
<p>Digital transformation and performance marketing/sales for Mobile Vikings:</p>
<ol>
<li>Google Ads</li>
<li>Programmatic advertising on the Medialaan network (DV360)</li>
<li>SEO</li>
<li>funnel based conversion tracking</li>
<li>customer journey mapping</li>
<li>dashboarding</li>
</ol>
</div>
<div class="btm-border d-block mx-auto"></div>
<div class="single-qly">
<h3 class="text-uppercase">Groupe Pierre et Vacances/Center Parcs</h3>
<p>Peer, October 2016 to March 2019</p>
<h4 class="pt-20 pb-20">SEA/SEO manager Belgium</h4>
<p>The job consisted of determining and implementing SEA and SEO strategies for multiple travel brands within Belgium. This with an emphasis on being data and results driven.</p>
<p>Under my management were several high budget SEA accounts.</p>
<p>For SEO my goal is to help steer different departments in the SEO/Semantic mindset. This by creating a Belgian strategy. I use word to mouth, design tools and work numbers driven to reinforce the SEO mindset over several divisions.</p>
</div>
</div>
<div class="col-lg-6 col-md-6 qty-right">
<div class="single-qly">
<h4 class="pb-20">SYNTRA Limburg</h4>
<p>Genk, April 2012 to October 2016</p>
<h4 class="pt-20 pb-20">Digital marketer</h4>
<p>Within SYNTRA Limburg I was responsible for everything digital. This comprises:</a>
<ol>
<li>SEO</li>
<li>SEA (primarily Adwords)</li>
<li>Digital signage</li>
<li>Marketing automation and e-mail campaigns</li>
<li>Social media</li>
<li>Website usability and content</li>
<li>Follow up of new trends</li>
<li>Gathering and processing of in- and external data sources</li>
<li>Reporting and data analysis</li>
</ol>
</div>
<div class="btm-border d-block mx-auto"></div>
<div class="single-qly">
<h4 class="pb-20">Postgraduate Digital Marketing</h4>
<p>Provinciale hogeschool Limburg</p>
<p>2012-2013</p>
</div>
<div class="btm-border d-block mx-auto"></div>
<div class="single-qly">
<h4 class="pb-20">Bachelor degree - Marketing</h4>
<p>Provinciale hogeschool Limburg</p>
<p>2006-2009</p>
</div>
</div>
</div>
</div>
</section>
<section class="project-area section-gap" id="accomplishments">
<div class="container">
<div class="row d-flex justify-content-center">
<div class="menu-content pb-70 col-lg-8">
<div class="title text-center">
<h1 class="mb-10">Accomplishements</h1>
<p>Some recent accomplishments which I am proud of.</p>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-6 project-left">
<div class="single-project pb-100">
<img class="img-fluid" src="img/mobile_vikings.jpg" alt="">
<h4 class="pt-100 pb-30"><a href="#">Full funnel tracking & ROAS optimisation</a></h4>
<p>For Mobile Vikings I was part of the digital transformation of the company. Setting up and implementing the new funnel tracking strategy and version 1 of the dashboards. Which play a vital role in optimising the companies ROAS.</p>
</div>
<div class="single-project">
<img class="img-fluid" src="img/center_parcs.jpg" alt="">
<h4 class="pt-100 pb-30"><a href="#">Customized landing pages & weighted customer journey</a></h4>
<p>SEA specific Center Parcs/Sunparks BE non brand keywords suffered from low volumes in lower funnel traffic. My first experiments with full funnel advertising started here. Getting more insights in the customers behaviour and helping to allocate budget properly. SEA helped tremdously for creating proper SEO landingpages.</p>
</div>
</div>
<div class="col-lg-6 project-right">
<div class="single-project">
<h4 class="pt-30 pb-30"><a href="#">Multichannel campaign optimisation & website project</a></h4>
<p class=" pb-100">SYNTRA was where my professional career started. Beginning with SEA and being project lead for a completely new website. We saw organic traffic doubling over 2 years. I was also heavily invested in Email campaigns were automation, list and template building were key.</p>
<img class="img-fluid" src="img/syntra_limburg.jpg" alt="">
</div>
<div class="single-project">
<h4 class="pt-100 pb-30"><a href="#">Personal projects</a></h4>
<p class=" pb-30">I am curious by nature and it shows (just check out my GitHub). I have programming experience in Python, Ruby (On Rails), and JavaScript (NodeJS). Focussing now primarily on node. I have also done numerous Wordpress projects and created a website using Ruby on Rails. These projects gave me the technical insights and tools to excell at the job.</p>
<img class="img-fluid" src="img/kratos.jpg" alt="">
</div>
</div>
</div>
</div>
</div>
</section>
<section class="feature-area pt-100">
<div class="container">
<div class="row d-flex justify-content-center">
<div class="menu-content pb-70 col-lg-8">
<div class="title text-center">
<h1 class="mb-10">Some things to keep in mind</h1>
<p>When optimizing digital</p>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-4 col-md-6 ">
<div class="single-feature mb-30">
<div class="title d-flex flex-row pb-20">
<span class="lnr lnr-cloud-check"></span>
<h4><a href="#">Offline != Online</a></h4>
</div>
<p>Online advertising requires it's own assets since the audiences do not behave the same as offline.</p>
</div>
</div>
<div class="col-lg-4 col-md-6 ">
<div class="single-feature mb-30">
<div class="title d-flex flex-row pb-20">
<span class="lnr lnr-users"></span>
<h4><a href="#">Audience</a></h4>
</div>
<p>One of the benefits of digital is being able to segment elaborately. Key is finding balance between volume and revenue.</p>
</div>
</div>
<div class="col-lg-4 col-md-6 ">
<div class="single-feature mb-30">
<div class="title d-flex flex-row pb-20">
<span class="lnr lnr-flag"></span>
<h4><a href="#">Define Goals</a></h4>
</div>
<p>Define goals starting from awareness to sale.</p>
</div>
</div>
<div class="col-lg-4 col-md-6 ">
<div class="single-feature">
<div class="title d-flex flex-row pb-20">
<span class="lnr lnr-rocket"></span>
<h4><a href="#">Full funnel</a></h4>
</div>
<p>Measure the customer journey from start to finish.</p>
</div>
</div>
<div class="col-lg-4 col-md-6 ">
<div class="single-feature">
<div class="title d-flex flex-row pb-20">
<span class="lnr lnr-diamond"></span>
<h4><a href="#">ROI</a></h4>
</div>
<p>Optimise channels based on ROI/ROAS.</p>
</div>
</div>
<div class="col-lg-4 col-md-6 ">
<div class="single-feature">
<div class="title d-flex flex-row pb-20">
<span class="lnr lnr-history"></span>
<h4><a href="#">Experiment</a></h4>
</div>
<p>A lot of rules within Digital are unwritten. Experiment and write your own guidelines.</p>
</div>
</div>
</div>
</div>
</section>
<section class="contact-area section-gap" id="contact">
<div class="container">
<div class="row d-flex justify-content-center">
<div class="menu-content pb-20 col-lg-8">
<div class="title text-center">
<h1 class="mb-10">Want to talk?</h1>
<p>Contact me on LinkedIn.</p>
</div>
</div>
</div>
</div>
</section>
<footer class="footer-area section-gap">
<div class="container">
<div class="row">
<div class="col-lg-6 col-md-6 col-sm-6">
<div class="single-footer-widget">
<h6>Christoph Geypen - Digital marketer</h6>
<p>Data driven performance marketing since 2012.</p>
<div class="footer-social d-flex align-items-center">
<a href="https://www.linkedin.com/in/christophgeypen/"><i class="fa fa-linkedin"></i></a>
<a href="https://github.com/christoph88"><i class="fa fa-github"></i></a>
<a href="https://medium.com/@christoph88"><i class="fa fa-medium"></i></a>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-6">
<p class="footer-text">Copyright ©<script>document.write(new Date().getFullYear());</script> All rights reserved | This template is made with <i class="fa fa-heart-o" aria-hidden="true"></i> by <a href="https://colorlib.com" target="_blank">Colorlib.</a> Icons made by <a href="https://www.flaticon.com/authors/vectors-market" title="Vectors Market">Vectors Market</a> from <a href="https://www.flaticon.com/" title="Flaticon">www.flaticon.com</a></p>
</div>
</div>
</div>
</footer>
<script src="js/vendor/jquery-2.2.4.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin="anonymous"></script>
<script src="js/vendor/bootstrap.min.js"></script>
<script src="js/jquery.ajaxchimp.min.js"></script>
<script src="js/jquery.magnific-popup.min.js"></script>
<script src="js/parallax.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/jquery.sticky.js"></script>
<script src="js/main.js"></script>
</body>
</html>