Glitch 设计公司
Glitch 设计公司是位于法国巴黎的一家平面设计兼互动媒体设计创意公司，由三位法国设计师创立。我们虽各有专长，但对图像的灵敏度和品味是一致的，我们互补与共同的能力诞生于各自艺术研发和客户群发展的丰富经历中。我们联手开发，伴随并扩大我们的艺术理念，赋予它们生命。
项目
我们的项目是我们与客户共同合作的成果，从客户的职业出发，我们为他们量身定做，设计美观而实用的项目。我们的项目范围涉及视觉设计，网页设计，电子产品应用设计，视频设计，插图绘图设计。
工作团队
3年的合作让我们最终决定将各自的能力结合在一起：我们对工作的要求极其严格，对客户的人际关系十分人性化，对客户的工作内容高度透明化。
Jocelyn Gravot
艺术总监兼创立者
Jocelyn毕业于应用艺术专业，曾作为自由职业者从事艺术总监和插图画家，
已在Glénat Vent d’Ouest出版社出版过两本漫画。曾在多家大公司工作：法国PIAS公司，法国MK2影院三色杂志，Les Inrockuptibles文化杂志，Monsieur Magazine男性杂志，Obsession......
jocelyn.gravot#(glitchstudio.com)
Julien Chapat
公司总裁兼创立者
毕业于法国巴黎Éstienne高等应用设计学院视觉传达专业，及法国巴黎Gobelins高等影像学院摄影专业。
他曾作为艺术总监，负责世界级品牌如香奈儿，达能，Burn Studios（可口可乐的燃烧系列工作室），Live@Home世界第一音乐网站和Alter Eco全法绿色农产品销售连锁店等项目。
julien.chapat#(glitchstudio.com)
Pierrick Varin
技术总监兼创立者
Pierrick是个多才多艺的设计师，曾学过应用艺术，网络电子，理论物理等等。
他曾作为首席项目开发，负责达能， Utopies可持续发展咨询公司，Live@Home世界第一音乐网站和Awdio世界第一音乐电台网。
pierrick.varin#(glitchstudio.com)
联系地址
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>