<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8" />
<meta
name="keywords"
content="agence design lyon, web design lyon, chouette agence"
/>
<meta
name="description"
content="La chouette agence est une entreprise basée sur lyon de web design pour aider les entreprises à devenir attractives et visibles sur internets. Nous souhaitons aider les entreprises de la région Lyonnaise à se développer et à connaître le succès."
/>
<meta
name="viewport"
content="width=device-width, initial-scale=1.0, viewport-fit=cover"
/>
<link rel="shortcut icon" type="image/png" href="favicon.jpg" />
<link rel="stylesheet" type="text/css" href="./css/bootstrap.css" />
<link rel="stylesheet" type="text/css" href="style.css" />
<link rel="stylesheet" type="text/css" href="./css/font-awesome.css" />
<link rel="stylesheet" type="text/css" href="./css/et-line.css" />
<script src="./js/jquery-2.1.0.js"></script>
<script src="./js/bootstrap.js"></script>
<script src="./js/blocs.js"></script>
<script src="./js/jquery.touchSwipe.js" defer></script>
<script src="./js/gmaps.js"></script>
<title>La chouette agence - Web design et solutions pour entreprises</title>
</head>
<body>
<!-- Principal conteneur -->
<div class="page-container">
<!-- bloc-0 -->
<div class="bloc bgc-white l-bloc" id="bloc-0">
<div class="bloc-sm">
<nav class="navbar row">
<div class="navbar-header">
<button
id="nav-toggle"
type="button"
class="ui-navbar-toggle navbar-toggle"
data-toggle="collapse"
data-target=".navbar-1"
>
<span class="sr-only">Toggle navigation</span
><span class="icon-bar"></span><span class="icon-bar"></span
><span class="icon-bar"></span>
</button>
</div>
<div class="collapse navbar-collapse navbar-1 special-dropdown-nav">
<ul class="site-navigation nav navbar-nav">
<li>
<a href='/contact'>Contact</a>
</li>
</ul>
</div>
</nav>
</div>
</div>
<!-- bloc-0 END -->
<!-- bloc-1-presentation -->
<div
class="bloc bgc-dark-slate-blue bg-banniere d-bloc bg-t-edge bloc-bg-texture texture-paper b-parallax"
id="bloc-1-hero"
>
<div class="container bloc-lg">
<div class="row tight-width-whitespace">
<div class="col-sm-12">
<img
src="img/logo.webp"
class="center-block image-resize-mode"
width="100"
alt="La chouette agence, agence web design de Lyon"
/>
<h1 class="text-center hero-bloc-text tc-white">
La chouette agence
</h1>
</div>
</div>
</div>
</div>
<!-- bloc-1-presentation END -->
<!-- bloc-2-services -->
<div class="bloc l-bloc bgc-blue" id="bloc-2-services">
<div class="container bloc-md">
<div class="row">
<div class="text-center">
<p class="tc-white">
La chouette agence est une agence de web design basée à Lyon.<br />
Nous aidons les entreprises à devenir attractives et visibles
sur internet.
</p>
</div>
</div>
<div class="row voffset-lg med-width-whitespace">
<div class="col-sm-4">
<div class="text-center">
<span
class="et-icon-browser sm-shadow icons icon-lg tc-white"
></span>
</div>
<h2 class="mg-md text-center tc-white">Web design</h2>
<p class="text-center tc-white">
Que vous ayez un site web qui a besoin d’un
rafraîchissement ou que vous partiez de zéro, laissez-nous vous
réaliser un design dont vous serez fier.
</p>
</div>
<div class="col-sm-4">
<div class="text-center">
<span
class="et-icon-presentation sm-shadow tc-white icons icon-lg"
></span>
</div>
<h2 class="mg-md text-center tc-white"> Stratégie</h2>
<p class="text-center tc-white">
Plutôt que de suggérer des designs à la mode, nous travaillerons
avec vous pour comprendre vos objectifs commerciaux afin de vous
proposer le meilleur design possible.<br />
</p>
</div>
<div class="col-sm-4">
<div class="text-center">
<span
class="et-icon-edit sm-shadow tc-white icons icon-lg"
></span>
</div>
<h2 class="mg-md text-center tc-white">Illustrations</h2>
<p class="text-center tc-white">
Un bon design n'est rien sans de bonnes illustrations. Laissez
faire notre équipe de graphistes talentueux pour donner à vos
pages une touche finale d'élégance.
</p>
</div>
</div>
<div class="row voffset-lg voffset">
<div class="text-center bgc-dark-slate-blue blockquote-bloc">
<p class="tc-white">
" La chouette agence est une excellente agence web ! Les<br />
web designers ont réussi à capturer l'essence de notre<br />
entreprise et à l'intégrer à notre site. Cela nous a aidé à<br />
doubler nos ventes en ligne à Lyon. "
</p>
<p class="tc-white">
Maxime Guibard, PDG de <i>A vos forchettes</i>.
</p>
</div>
</div>
</div>
</div>
<!-- bloc-2-services END -->
<!-- bloc-3-what-i-do -->
<div
class="bloc tc-white d-bloc bgc-dark-slate-blue b-parallax"
id="bloc-3-what-i-do"
>
<div class="container bloc-lg">
<div class="row tight-width-whitespace black-background">
<div class="col-sm-12">
<p class="mg-md text-center tc-white">
Nous souhaitons aider les entreprises de la région Lyonnaise à
se développer et à connaître le succès. Nous travaillons pour
aider les entreprises locales à attirer de nouveaux clients.
</p>
<p class="text-center white">
Nous aimons collaborer avec des entrepreneurs créatifs et des
entreprises locale, qu’elles aient besoin de créer un site de A
à Z ou de donner un coup de jeune à leur site. Que vous ayez
besoin d’une identité visuelle complète ou d’une refonte de
votre site, n’hésitez pas à nous contacter. Nous travaillerons
ensemble pour créer des sites beau et bien structurés, qui
seront facilement trouvable sur les moteurs de recherche.
</p>
</div>
</div>
</div>
</div>
<!-- bloc-3-what-i-do END -->
<!-- bloc-4-portfolio -->
<div
class="bloc bgc-white bg-repeat l-bloc bgc-light-slate-blue"
id="bloc-4-portfolio"
>
<div class="container bloc-lg">
<div class="row">
<div class="col-sm-12 text-center">
<h3 class="tc-white">
Nous travaillons avec beaucoup de clients,<br />
voici nos réalisations.
</h3>
</div>
</div>
<div class="row tight-width-whitespace portfolio-row">
<div class="col-sm-6">
<a
href="#"
data-lightbox="img/1.webp"
data-gallery-id="gallery-1"
data-caption="Refonte d'un site web pour un journal local"
data-frame="snapshot-lb"
><img
src="img/1.webp"
alt="Refonte d'un site web pour un journal local"
class="img-responsive portfolio-thumb"
/></a>
<h4 class="mg-md text-center tc-white">
Refonte d'un site web pour un journal local
</h4>
<p class="text-center tc-white">
Nous avons créé une nouvelle identité visuelle pour un journal
lyonnais.
</p>
</div>
<div class="col-sm-6">
<a
href="#"
data-lightbox="img/2.webp"
data-gallery-id="gallery-1"
data-caption="Création d'un site web pour photographes"
data-frame="snapshot-lb"
><img
src="img/2.webp"
class="img-responsive portfolio-thumb"
alt="Création d'un site web pour photographes"
/></a>
<h4 class="mg-md text-center tc-white">
Création d'un site web pour photographes
</h4>
<p class="text-center tc-white">
Nous avons conçu la plateforme idéale pour laisser place aux
clichés des photographes.
</p>
</div>
</div>
<div class="row tight-width-whitespace portfolio-row">
<div class="col-sm-6">
<a
href="#"
data-lightbox="img/3.wepb"
data-gallery-id="gallery-1"
data-caption="Création d'un site internet pour un voyageur"
data-frame="snapshot-lb"
><img
src="img/3.webp"
class="img-responsive portfolio-thumb"
alt=" Création d'un site web pour voyageur"
/></a>
<h4 class="mg-md text-center tc-white">
Création d'un site internet pour un voyageur
</h4>
<p class="text-center tc-white">
Nous avons élaboré un site internet et des illustrations pour
sublimer les vidéos et les articles de ce voyageur.
</p>
</div>
<div class="col-sm-6">
<a
href="#"
data-lightbox="img/4.webp"
data-gallery-id="gallery-1"
data-caption="Conception d'un site pour une agence de mariage"
data-frame="snapshot-lb"
><img
src="img/4.webp"
class="img-responsive portfolio-thumb"
alt="Création d'un site web pour agence de mariage"
/></a>
<h4 class="mg-md text-center tc-white">
Conception d'un site pour une agence de mariage
</h4>
<p class="text-center tc-white">
Nous avons travaillé avec cette agence pour créer un site
internet permettant la présentation détaillée de leurs
prestations.
</p>
</div>
</div>
</div>
</div>
<!-- bloc-4-portfolio END -->
<!-- bloc-5-cta -->
<div
class="bloc bgc-dark-slate-blue bg-banniere d-bloc bloc-bg-texture texture-paper"
id="bloc-5-cta"
>
<div class="container bloc-lg">
<div class="row">
<h4 class="mg-md text-center tc-white">
Prêt pour redonner vie à votre projet ?<br />Contactez notre
équipe !
</h4>
<div class="col-sm-12 text-center">
<a class='btn bgc-blue btn-clean btn-rd btn-lg cta-hero' href='/contact'>Contact</a
>
</div>
</div>
</div>
</div>
<!-- bloc-5-cta END -->
<!-- Footer - bloc-8 -->
<div class="bloc bgc-dark-slate-blue d-bloc" id="bloc-8">
<div class="container bloc-sm">
<div class="row">
<div class="col-sm-12">
<p class="text-center white">
La chouette agence - Agence web basée à Lyon.<br />
</p>
<div class="row row-no-gutters social">
<div class="col-sm-3">
<div class="text-center">
<a
class="social"
title="Twitter de la chouette agence"
href="https://twitter.com/?lang=fr"
><span class="fa fa-twitter icon-md"></span
></a>
</div>
</div>
<div class="col-sm-3">
<div class="text-center">
<a
class="social"
title="Facebook de la chouette agence"
href="https://www.facebook.com/"
><span class="fa fa-facebook icon-md"></span
></a>
</div>
</div>
<div class="col-sm-3">
<div class="text-center">
<a
class="social"
title="Dribble de la chouette agence"
href="https://dribbble.com/"
><span class="fa fa-dribbble icon-md"></span
></a>
</div>
</div>
<div class="col-sm-3">
<div class="text-center">
<a
class="social"
title="Instagram de la chouette agence"
href="https://www.instagram.com/?hl=fr"
><span class="fa fa-instagram icon-md"></span
></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Footer - bloc-8 END -->
</div>
<!-- Principal conteneur END -->
</body>
</html>
