Das Studio
Glitch ist ein kreatives Studio, das sich mit graphischem Design und interaktiven Massenmedien beschäftigt.
Das Team besteht aus drei dynamischen jungen Leuten, die unterschiedliche Kompetenzen, doch eine gemeinsame Vorliebe und ein Feingefühl für das Medium Bild haben.
Von dieser Vielfalt und dank ihrer Erfahrungen auf den Gebieten Entwicklung, künstlerische Leitung und Wirtschaftsbeziehungen sind Komplementarität und gemeinsames Know-how entstanden. Wir arbeiten zusammen bei der Ausarbeitung von Ideen. Wir begleiten diese Ideen, erweitern sie und setzen sie um.
Die Projekte
Unsere Projekte sind das Ergebnis einer aktiven Zusammenarbeit mit unseren Kunden. Wir stützen uns auf deren professionelle Erfahrungen, um Schönheit und Funktionalität zu erreichen. Diese Projekte umfassen visuelle Ausführungen, Webseiten, Apps, Videos, Illustrationen.
Das Team
Nach dreijähriger Partnerschaft haben wir uns entschieden zusammenzuarbeiten – auf der Basis gemeinsamer Werte: hohe Anforderungen an unsere Arbeit, persönlicher Umgang mit unseren Kunden sowie Transparenz in unseren Geschäftsbeziehungen.
Jocelyn Gravot
Art Director & Co-founder
Jocelyn hat bildende Kunst studiert. Er hat als selbstständiger Artdirektor und Illustrator in Paris gearbeitet.
Er hat bei Glénat Vent d’Ouest 2 Comics veröffentlicht und hat für PIAS France, MK2 trois couleurs, les Inrockuptibles, Monsieur Magazine, Obsession… gearbeitet.
jocelyn.gravot#(glitchstudio.com)
Julien Chapat
CEO & Co-founder
Julien hat visuelle Kommunikation (an der Kunsthochschule Estienne) und Fotografie (an der Kunsthochschule Gobelins) studiert.
Er hat als Artdirektor für Projekte mit Chanel, Danone, Burn Studios (Coca-Cola), Live@home und Alter Eco gearbeitet.
julien.chapat#(glitchstudio.com)
Pierrick Varin
CTO & Co-founder
Pierrick hat bildende Künste, elektronische Systeme und Theoretische Physik studiert.
Er hat sich danach als frontend Software-Entwickler für Kunden wie Danone, Utopies, Live@home und Awdio spezialisiert.
pierrick.varin#(glitchstudio.com)
Kontakt
Glitch
42, rue Eugène Carrière
75018 Paris
bonjour#(glitchstudio.com)
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=1000">
<title><?php text('website_title'); ?></title>
<!-- SEO METAS -->
<meta name="description" content="<?php text('website_description'); ?>">
<!-- FACEBOOK METAS -->
<meta property="og:site_name" content="<?php text('website_title'); ?>" />
<meta property="og:title" content="<?php text('website_title'); ?>" />
<meta property="og:image" content="http://glitchstudio.com/img/logo-2017.png" />
<meta property="og:url" content="http://glitchstudio.com" />
<meta property="og:type" content="company" />
<meta property="og:description" content="<?php text('website_description'); ?>" />
<meta property="fb:admins" content="1041333030,100000641265022,100002837673870" />
<!-- FAVICON -->
<link rel="icon" type="image/png" href="favicon.png">
<!--[if IE]><link rel="shortcut icon" href="favicon.ico"/><![endif]-->
<!-- PACE loading / hack for IE 8 -->
<link rel="stylesheet" href="css/pace.css">
<script>
paceOptions = { ajax: false, eventLag: false };
</script>
<script src="js/pace.js"></script>
<!-- CSS FILES -->
<link rel="stylesheet" href="css/normalize.min.css">
<link rel="stylesheet" href="js/codemirror/lib/codemirror.css">
<link rel="stylesheet" href="js/codemirror/theme/monokai.css">
<link rel="stylesheet" href="css/main.css?201801">
<!-- MODERNIZR -->
<script src="js/vendor/modernizr-2.6.2.min.js"></script>
<!-- TYPEKIT -->
<script src="//use.typekit.net/yau1seh.js"></script>
<script>try{Typekit.load();}catch(e){}</script>
<!-- HACK FOR CSS GRADIENT -->
<!--[if gte IE 9]>
<style type="text/css">
.gradient {
filter: none;
}
</style>
<![endif]-->
<!-- STRUCTURED DATA -->
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Organization",
"name" : "Glitch",
"url": "https://glitchstudio.com",
"sameAs" : [
"https://www.facebook.com/Glitch-271046833088546",
"https://www.linkedin.com/company/9179335"
]
}
</script>
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "LocalBusiness",
"name" : "Glitch",
"url": "https://glitchstudio.com",
"logo": "http://glitchstudio.com/img/logo-200x200.png",
"description": "Glitch is a creative studio focused on graphic design and interactive media.",
"telephone": "+1 (416) 365-7500",
"address": {
"@type": "PostalAddress",
"addressLocality": "Paris",
"addressRegion": "Paris",
"streetAddress": "42, rue Eugène Carrière, 75018"
},
"openingHours": [
"Mo-Fr 09:30-19:30"
]
}
</script>
</head>
<body>
<!--[if lt IE 7]>
<p class="browsehappy">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 id="hider"></div>
<div class="site-width" id="buildings-container">
<div class="inner">
<div class="building-left-top"></div>
<div class="building-left"></div>
<div class="building-right-top"></div>
<div class="building-right"></div>
</div>
</div>
<div class="site-width">
<div class="menu-wrapper">
<nav class="menu">
<span style="width: 100px;"><a href="#header" class="menu-home anim-colors"><em><em class="sq anim-colors"></em></em><i><em class="sq anim-colors"></em></i><span></span></a></span>
<span><a href="#section-2" class="menu-studio anim-colors"><em><?php text('menu-studio'); ?></em><i><?php text('menu-studio'); ?></i><span></span></a></span>
<span><a href="#section-3" class="menu-projets anim-colors"><em><?php text('menu-projects'); ?></em><i><?php text('menu-projects'); ?></i><span></span></a></span>
<span><a href="#section-4" class="menu-equipe anim-colors"><em><?php text('menu-team'); ?></em><i><?php text('menu-team'); ?></i><span></span></a></span>
<span><a href="#section-5" class="menu-contact anim-colors"><em><?php text('menu-contact'); ?></em><i><?php text('menu-contact'); ?></i><span></span></a></span>
<a class="facebook" target="_blank" href="https://www.facebook.com/pages/Glitch/271046833088546"></a>
<div class="lang-selector">
<a href="?lang=fr" <?php echo $user_lang == "fr" ? 'class="active"' : ''; ?>>FR</a>
<a href="?lang=en" <?php echo $user_lang == "en" ? 'class="active"' : ''; ?>>EN</a>
<a href="?lang=de" <?php echo $user_lang == "de" ? 'class="active"' : ''; ?>>DE</a>
<a href="?lang=zh" <?php echo $user_lang == "zh" ? 'class="active"' : ''; ?>>ZH</a>
<a href="?lang=pl" <?php echo $user_lang == "pl" ? 'class="active"' : ''; ?>>PL</a>
</div>
</nav>
</div>
<section id="header">
<div class="logo"></div>
<div class="background-extend"></div>
</section>
<section id="section-1">
<div class="abs-text">
<h1>Glitch</h1>
<p>
<i><a href="?lang=fr">Bienvenue</a></i> <i><a href="?lang=en"><strong>Welcome</strong></a></i><br />
<i><a href="?lang=de"><strong>Willkommen</strong></a></i> <a href="?lang=zh">歡迎, 歡迎</a><br />
<i><a href="?lang=pl">Witamy</a></i>
</p>
</div>
<nav class="summary-buttons">
<a href="#section-2" class="link-studio anim-colors"><?php text('what-is-glitch'); ?></a>
<a href="http://portfolio.glitchstudio.com" class="link-projets anim-colors" style="line-height: 48px;"><?php text('menu-projects'); ?></a>
<a href="#section-5" class="link-contact anim-colors"><?php text('contact-us'); ?></a>
</nav>
<div class="background-extend"></div>
</section>
<section id="section-2">
<h2><?php text('section-studio'); ?></h2>
<div class="abs-text">
<?php text('studio-description'); ?>
</div>
<div class="ascenseur" data-top="10,777"><div class="cables"></div></div>
<div class="background-extend"></div>
</section>
<section id="section-3">
<h2><?php text('section-projects'); ?></h2>
<div class="abs-text">
<?php text('projects-description'); ?>
</div>
<a href="http://portfolio.glitchstudio.com" class="see-projects">
<table>
<tbody>
<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
</tbody>
</table>
</a>
<div class="background-extend"></div>
</section>
<section id="section-4">
<h2><?php text('section-the-team'); ?></h2>
<div class="abs-text">
<?php text('the-team-description'); ?>
</div>
<div class="abs-text-jocelyn abs-text-team">
<h3><span>Jocelyn Gravot</span><div class="job"><?php text('jocelyn-job'); ?></div></h3>
<p>
<?php text('jocelyn-description'); ?>
</p>
<div class="card">
<span class="mailize">jocelyn.gravot#(glitchstudio.com)</span>
</div>
</div>
<div class="abs-text-julien abs-text-team">
<h3><span>Julien Chapat</span><div class="job"><?php text('julien-job'); ?></div></h3>
<p>
<?php text('julien-description'); ?>
</p>
<div class="card">
<span class="mailize">julien.chapat#(glitchstudio.com)</span>
</div>
</div>
<div class="abs-text-pierrick abs-text-team">
<h3><span>Pierrick Varin</span><div class="job"><?php text('pierrick-job'); ?></div></h3>
<p>
<?php text('pierrick-description'); ?>
</p>
<div class="card">
<span class="mailize">pierrick.varin#(glitchstudio.com)</span>
</div>
</div>
<div class="background-extend"></div>
</section>
<section id="section-5" itemscope itemtype="http://schema.org/Organization">
<h2><?php text('section-contact'); ?></h2>
<div class="abs-text">
<h4 itemprop="name"><?php text('contact-glitch'); ?></h4>
<?php text('contact-address'); ?>
<p class="mailize">bonjour#(glitchstudio.com)</p>
</div>
<div class="ascenseur" data-top="40,530"><div class="cables"></div></div>
<div class="wavelet-hider"></div>
<div class="background-extend"></div>
</section>
<section id="section-6">
</section>
</div>
<div class="wavelets"></div>
<div class="fishes"></div>
<section id="section-7" class="gradient">
<div class="site-width" style="height: 100%;">
<div class="pong">
<div class="pong-scores">
<div class="pong-score-player">0</div>
<div class="pong-score-cpu">0</div>
</div>
<div class="pong-paddle left-paddle"></div>
<div class="pong-paddle right-paddle"></div>
<div class="pong-ball"></div>
</div>
<a href="#" class="pong-start-button"><?php text('pong-start'); ?></a>
</div>
<div class="pong-start-overlay"></div>
</section>
<div class="code-source" style="display: none;"><?php echo htmlentities(file_get_contents('desktop.php')); ?></div>
<div class="code-holder"></div>
<textarea class="code-holder-textarea"></textarea>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.11.1.min.js"><\/script>')</script>
<script src="js/vendor/jquery.easing.js"></script>
<script src="js/jquery.typetype.js"></script>
<script src="js/codemirror/lib/codemirror.js"></script>
<script src="js/codemirror/mode/xml/xml.js"></script>
<script src="js/main.js?201801"></script>
<!--[if lte IE 8]>
<script>Pace.stop();</script>
<![endif]-->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-56826923-1', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>