Studio
Glitch to kreatywne studio projektowania grafiki i mediów interaktywnych.
Tworzy je trzech ciekawych i utalentowanych profesjonalistów, których połączyły wrażliwość i zamiłowanie do komunikacji wizualnej.
To właśnie dzięki tej różnorodności, ciągle pogłębianemu doświadczeniu, oprawie artystycznej i efektywnej relacji z klientem potrafiliśmy zbudować wspólny know-how.
Wspólnie pracujemy na rzecz nowych pomysłów: tworzymy je, doskonalimy i dajemy im życie.
Projekty
Nasze projekty są wynikiem aktywnej współpracy z klientami.
Opierając się na ich specyficznych potrzebach, tworzymy pełną identyfikację wizualną, strony internetowe, aplikacje, wideo i ilustracje, które łączą piękno i funkcjonalność.
O nas
Ponieważ pracujemy razem od 3 lat, postanowiliśmy połączyć nasze siły wokół wspólnych wartości: wymagamy od siebie dużo, preferujemy ludzkie podejście do relacji z klientem, pracujemy w sposób.
Jocelyn Gravot
Art Director & Co-founder
Jocelyn ukończył Szkołę Sztuki Użytkowej, pracował na zlecenie jako dyrektor artystyczny i ilustrator w Paryżu.
Wydał dwa komiksy w wydawnictwie Glénat West Wind, pracował dla wytwórni muzycznej PIAS France oraz dla miesięczniów informacji o kinie, kuturze, muzyce i modzie jak: MK2 Trois Couleurs, Les Inrockuptibles, Monsieur Magazine czy też Obsession.
jocelyn.gravot#(glitchstudio.com)
Julien Chapat
CEO & Co-founder
Julien ukończył komunikację wizualną na szkole Estienne jak również fotografię w szkole obrazu Gobelins.
Pracował jako dyrektor artystyczny przy projektach dla takich marek jak Chanel, Danone, Burn Studios (Coca-Cola), Live@Home oraz Alter Eco.
julien.chapat#(glitchstudio.com)
Pierrick Varin
CTO & Co-founder
Pierrick studiował sztukę użytkową, systemy elektroniczne oraz fizykę teoretyczną.
Wyspecjalizował się następnie jako Frontend Developer dla klientów takich firm jak Danone, Utopies, Live@Home oraz Awdio.
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>