Agence de communication 脿 Amiens en Hauts de France

<!DOCTYPE html> <html lang="fr"> <head> <title>Agence de communication 脿 Amiens en Hauts de France</title>  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no"> <meta name="msapplication-tap-highlight" content="no"> <meta name="description" content="" /> <link href="/medias/files/communication.css" rel="stylesheet"> <link rel="canonical" href="https://www.awelty.fr/pages/agence-de-communication/"> <meta name="generator" content="Awelty Agence Web (awelty.com)"> <link rel="icon" href="https://www.awelty.fr/medias/site/favicon/a_fav.png"> <link rel="apple-touch-icon" sizes="114x114" href="https://www.awelty.fr/medias/site/mobilefavicon/icon_red.png?fx=c_114_114" /> <link rel="apple-touch-icon" sizes="72x72" href="https://www.awelty.fr/medias/site/mobilefavicon/icon_red.png?fx=c_72_72" /> <link rel="apple-touch-icon" href="https://www.awelty.fr/medias/site/mobilefavicon/icon_red.png?fx=c_57_57" /> <link rel="apple-touch-icon-precomposed" href="https://www.awelty.fr/medias/site/mobilefavicon/icon_red.png?fx=c_57_57" /> <link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900" rel="stylesheet"> <link href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet"> <meta name="ahrefs-site-verification" content="cc12c106b6f6c58849e772686d8e843243072d6458681fc5a491b570c48fb927"> <meta name="facebook-domain-verification" content="a3l6om3vj78v4s3nb5glai42w7v82a" /> <script> !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window, document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '430592938286861'); fbq('track', 'PageView'); </script>  <meta name="theme-color" content="#FFFFFF"> <meta name="msapplication-navbutton-color" content="#FFFFFF"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"> <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,700%7CRoboto%20Condensed:300,400,700&display=swap" rel="stylesheet"> <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"> <link href="//www.awelty.fr/themes/combined.css?v=6_1646067808_2263" rel="stylesheet">  <script src="//www.awelty.fr/medias/static/themes/ems_framework/js/jquery.min.js"></script>   <script src="//www.awelty.fr/medias/static/themes/ems_framework/js/ems-framework.min.js?v=351"></script> <script src="https://www.awelty.fr/themes/content.js?v=6_1646067808_2263&lang=fr"></script>  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-874445-2"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-874445-2'); </script> <script type="application/ld+json"> { "@context" : "https://schema.org/", "@type" : "WebSite", "name" : "Awelty", "url" : "https://www.awelty.fr/" } </script> </head> <body id="pages_run_agence-de-communication" class="default menu-fixed">  <nav class="navbar navbar-top navbar-fixed-top"> <div class="container"> <div class="navbar-header"> <button data-toggle="collapse" data-target="#navbar" data-orientation="horizontal" class="btn btn-link navbar-toggle"> <i class="fa fa-bars"></i> </button> <a class="brand" href="https://www.awelty.fr/"> <img src="https://www.awelty.fr/medias/site/logos/logo-awelty.jpg" alt="Awelty"> </a> </div> <div id="navbar" class="collapse"> <ul class="primary-navbar">  <li class="mother-container"> <div class="align-menu"> <a href="/pages/studio-web/creation-de-site/" class="mother-category">Studio web</a> <i class="ion-ios-arrow-down" aria-hidden="true"></i> </div> <div class="second-level" id="studio-web-menu"> <div> <ul> <li> <a href="/pages/studio-web/creation-de-site/" class="under-mother">Cr茅ation de site</a> </li> <li> <ul class="third-level"> <li><a href="/pages/studio-web/creation-de-site/site-e-commerce/">Cr茅ation de site e-commerce</a></li> <li><a href="/pages/studio-web/creation-de-site/site-e-commerce/creation-site-e-commerce-cms-prestashop.html">Cr茅ation de site PrestaShop</a></li> <li><a href="/pages/studio-web/creation-de-site/creation-refonte-site-web-vitrine.html">Cr茅ation de site vitrine</a></li> <li><a href="/pages/studio-web/creation-de-site/cms-awelty.html">CMS awelty</a></li> <li><a href="/pages/studio-web/creation-de-site/etapes-creation-site-web.html">Etapes de cr茅ation</a></li> <li><a href="/pages/studio-web/creation-de-site/tarifs-creation-de-site-internet.html">Tarifs d'un site web</a></li> <li><a href="/pages/studio-web/creation-de-site/exemples-de-sites-crees.html">Exemples de sites</a></li> <li><a href="/pages/studio-web/creation-de-site/webmastering-maintenance-site-web.html">Webmastering</a></li> </ul> </li> </ul> </div> <div class="margin-left"> <ul> <li> <span class="under-mother">D茅veloppement</span> </li> <li> <ul class="third-level margin-bottom"> <li><a href="/pages/studio-web/developpement/developpement-web-application-metier.html">D茅veloppement sp茅cifique</a></li> </ul> </li> </ul>  <ul> <li> <span class="under-mother">Application mobile</span> </li> <li> <ul class="third-level"> <li><a href="/pages/studio-web/application-mobile/developpement-applications-mobiles-sur-mesure.html">D茅veloppement d鈥檃pplication mobile</a></li> <li><a href="/pages/studio-web/application-mobile/etapes-creation-application-mobile.html">Les 茅tapes de cr茅ation</a></li> </ul> </li> </ul> <ul class="margin-t"> <li> <span class="under-mother">Chatbot</span> </li> <li> <ul class="third-level"> <li><a href="/pages/studio-web/agent-conversationnel/creation-chatbot-agent-conversationnel-amiens.html">Cr茅ation de Chatbot</a></li> </ul> </li> </ul> </div> </div> </li>  <li class="mother-container"> <div class="align-menu"> <a href="/pages/agence-de-communication/" class="mother-category">Communication</a> <i class="ion-ios-arrow-down" aria-hidden="true"></i> </div> <div class="second-level" id="communication-menu"> <div> <ul> <li> <a href="/pages/agence-de-communication/studio-graphique/" class="under-mother">Studio Graphique</a> </li> <li> <ul class="third-level margin-bottom"> <li><a href="/pages/agence-de-communication/studio-graphique/conception-pao.html">Conception PAO</a></li> </ul> </li> </ul> <ul> <li> <span class="under-mother">Webdesign</span> </li> <li> <ul class="third-level margin-bottom"> <li><a href="/pages/agence-de-communication/webdesign/template-e-monsite.html">Webdesign EMS</a></li> </ul> </li> </ul> </div> <div class="margin-left"> <ul> <li> <span class="under-mother margin-bottom">R茅seaux Sociaux</span> </li> <ul class="third-level margin-bottom"> <li><a href="/pages/agence-de-communication/reseaux-sociaux/communication-reseaux-sociaux.html">Gestion des r茅seaux sociaux</a></li> <li><a href="/pages/agence-de-communication/reseaux-sociaux/creation-banniere-video-facebook.html">Banni猫re Facebook anim茅e</a></li> </ul> </ul> <ul> <li> <span class="under-mother">Production audiovisuelle</span> </li> <ul class="third-level"> <li><a href="/pages/agence-de-communication/production-audiovisuelle/photographie.html">Photographies</a></li> <li><a href="/pages/agence-de-communication/production-audiovisuelle/videos.html">Vid茅os</a></li> <li><a href="/pages/agence-de-communication/production-audiovisuelle/motion-design.html">Motion-design</a></li> </ul> </ul> </div> </div> </li>  <li class="mother-container"> <div class="align-menu"> <a href="/pages/webmarketing/" class="mother-category">Webmarketing</a> <i class="ion-ios-arrow-down" aria-hidden="true"></i> </div> <div class="second-level" id="webmarketing-menu"> <div> <ul> <li> <a href="/pages/webmarketing/referencement-naturel/" class="under-mother">R茅f茅rencement naturel</a> </li> <li> <ul class="third-level margin-bottom"> <li><a href="/pages/webmarketing/referencement-naturel/audit-referencement-seo.html">Audit SEO</a></li> <li><a href="/pages/webmarketing/referencement-naturel/etapes-referencement-site-web.html">Etapes du r茅f茅rencement</a></li> <li><a href="/pages/webmarketing/referencement-naturel/charte-qualite-referencement.html">Charte de qualit茅</a></li> <li><a href="/pages/webmarketing/referencement-naturel/redaction-web.html">R茅daction web</a></li> </ul> </li> </ul> <ul> <li> <span class="under-mother">R茅f茅rencement payant</span> </li> <li> <ul class="third-level margin-bottom"> <li><a href="/pages/webmarketing/referencement-payant/creation-campagne-google-adwords-sea.html">Cr茅ation d'une campagne Ads</a></li> <li><a href="/pages/webmarketing/referencement-payant/campagnes-adwords.html">Gestion d鈥檜ne campagne Ads</a></li> </ul> </li> </ul> <ul> <li> <a href="/pages/webmarketing/campagne-e-mailing/" class="under-mother">Campagne emailing</a> </li>  </ul> </div> </div> </li>  <li class="mother-container"> <div class="align-menu"> <a href="/pages/formations-outils-innovants/" class="mother-category">Formations</a> <i class="ion-ios-arrow-down" aria-hidden="true"></i> </div> <div class="second-level" id="formation-menu"> <div> <ul> <li> <span class="under-mother">Cr茅ation de site internet</span> </li> <li> <ul class="third-level margin-bottom"> <li><a href="/pages/formations-outils-innovants/formation-creation-site-internet/">Formations cr茅ation de site internet</a></li> </ul> </li> </ul> <ul> <li> <span class="under-mother">R茅f茅rencement</span> </li> <li> <ul class="third-level margin-bottom"> <li><a href="/pages/formations-outils-innovants/formations-referencement-web/">Formations au r茅f茅rencement SEO et SEA</a></li> </ul> </li> </ul> <ul> <li> <span class="under-mother">R茅seaux sociaux</span> </li> <li> <ul class="third-level margin-bottom"> <li><a href="/pages/formations-outils-innovants/formations-reseaux-sociaux/">Formations aux r茅seaux sociaux</a></li> </ul> </li> </ul> </div> <div class="margin-left"> <ul> <li> <span class="under-mother">Chatbot</span> </li> <li> <ul class="third-level margin-bottom"> <li><a href="/pages/formations-outils-innovants/formation-chatbot/">Formations chatbot</a></li> </ul> </li> </ul> <ul> <li> <span class="under-mother">Gestion de projet</span> </li> <li> <ul class="third-level margin-bottom"> <li><a href="/pages/formations-outils-innovants/formation-gestion-de-projet/">Formations en gestion de projet</a></li> </ul> </li> </ul> <ul> <li> <span class="under-mother">Emailing</span> </li> <li> <ul class="third-level margin-bottom"> <li><a href="/pages/formations-outils-innovants/formations-emailing/">Formations campagnes emailing</a></li> </ul> </li> </ul> </div> </div> </li>  <li class="mother-container"><a href="/blog/" class="mother-category">Blog</a></li>  <li class="mother-container"><a href="/pages/contact.html" class="mother-category">Contact</a></li>  <li class="mother-container"><a href="/pages/combien-coute-un-site-web.html" class="mother-category">Devis en ligne</a></li>  <li class="mother-container"><a href="tel:0971169700" class="mother-category"><i class="fa fa-phone fa-fw" aria-hidden="true"></i>09 71 16 97 00</a></li> </ul> </div> </div> </nav>  <div id="wrapper" class="full-row">  <div id="main"> <div class="view view-pages" id="view-page" data-id-page="523974a9d2643e402010f317" > <div id="rows-602bed5be451d9984aaf369f" class="rows" data-total-pages="1" data-current-page="1"> <div class="row-container rd-1 no-padding second-nav page_1"> <div class="row-content"> <div class="row" data-role="line"> <div data-role="cell" class="column" style="width:100%"> <div id="cell-578cab66db2fd597aac2e9db" class="column-content"> <ul class="nav nav-list" data-addon="pages"> </ul> </div> </div> </div> </div> </div> <div class="row-container rd-2 studio-anim no-margin-b hidden-phone page_1"> <div class="row-content"> <div class="row" data-role="line"> <div data-role="cell" class="column" style="width:100%"> <div id="cell-578cab66db40d597aac23e7f" class="column-content"> <figure class="container-SG"><img class="top-illu" src="/medias/images/top-logo.png" alt="Agence de communication Awelty 脿 Amiens"/> <hr class="dashed-hr" id="d-hr1" /> <hr class="dashed-hr" id="d-hr2" /> <hr class="dashed-hr" id="d-hr3" /> <hr class="blue-hr" id="d-hr4" /> <img class="bottom-illu" src="/medias/images/bottom-logo.png" alt="Agence Awelty : webdesign, graphisme, pao"/> </figure> </div> </div> </div> </div> </div> <div class="row-container rd-3 studio-anim padding-b-2x no-margin page_1"> <div class="row-content"> <div class="row" data-role="line"> <div data-role="cell" class="column empty-column" style="width:15%"> <div id="cell-578cab66db49d597aac2e9d1" class="column-content">   </div> </div> <div data-role="cell" class="column" style="width:70%"> <div id="cell-578cab66db4dd597aac21429" class="column-content"> <h1 class="center-t white-t">Agence de communication à Amiens <br>en Hauts de France</h1> <p class="lead center-t white-t">Agence de communication 脿 Amiens, Awelty décline votre charte graphique sur tous les supports de com.<br> Le travail sur une communication web comme sur une communication papier débute par un travail essentiel sur votre identité graphique.</p> <a class="large-btn sg-button" href="/pages/contact.html">Nous contacter</a> </div> </div> <div data-role="cell" class="column empty-column" style="width:15%"> <div id="cell-578cab66db51d597aac28253" class="column-content">   </div> </div> </div> </div> </div> <div class="row-container rd-4 no-margin page_1" id="id-graph-row"> <div class="row-content"> <div class="row" data-role="line"> <div data-role="cell" class="column flex-col advanced" style="width:100%"> <div id="cell-578cab66db6bd597aac28101" class="column-content"> <h2 class="page-cat" style="text-align: center;">Identité graphique</h2> <h3 class="page-title" style="text-align: center;">Sublimez votre activité</h3> <p class="lead" style="text-align: center;">Afin de véhiculer une <strong>image professionnelle</strong>, votre identité graphique doit être pensée et réalisée pour s'adapter à tous les supports de communication web ou papier ; votre <strong>logo</strong> bien sûr mais aussi toutes les <strong>formes</strong> et <strong>couleurs</strong> que vous utiliserez.</p> <p style="text-align: center;"><a class="link-cat" href="/pages/agence-de-communication/identite-graphique.html">Voir nos offres <i class="fa fa-arrow-circle-right" aria-hidden="true"></i></a></p> </div> </div> </div> </div> </div> <div class="row-container rd-5 no-margin no-padding page_1"> <div class="row-content"> <div class="row" data-role="line"> <div data-role="cell" class="column flex-col advanced" style="width:50%"> <div id="cell-578cab66db73d597aac22a1f" class="column-content"> <h2 class="page-cat">Conception PAO</h2> <h3 class="page-title">Votre communication sur papier</h3> <p class="lead center-t-phone">Nous réalisons vos <strong>supports de communication papier.</strong> Depuis l’écoute et la compréhension de vos besoins, jusqu’à l'impression d'un document finalisé : brochures, papiers à entête, cartes de visite, affiches, flyers, etc.</p> <p class="center-t-phone"><a class="link-cat" href="/pages/agence-de-communication/conception-pao.html">Voir nos offres <i class="fa fa-arrow-circle-right" aria-hidden="true"></i></a></p> </div> </div> <div data-role="cell" class="column" style="width:50%"> <div id="cell-578cab66db78d597aac2c93b" class="column-content"> <div data-widget="image" class="text-center"> <div> <img src="/medias/images/pao-print.jpg" alt="Conception PAO par Awelty" > </div> </div> </div> </div> </div> </div> </div> <div class="row-container rd-6 row-highlighted padding-t-b-2x no-margin page_1"> <div class="row-content"> <div class="row" data-role="line"> <div data-role="cell" class="column flex-col advanced" style="width:50%"> <div id="cell-578cab66db80d597aac2988e" class="column-content"> <div class='stage anim-redac'> <div class='device notebook anim-redac'> <div class='screen anim-redac'> <div class='webdesign anim-redac'> <div class='browser anim-redac'></div> <div class='web-b-content anim-redac'></div> </div> </div> <div class='keyboard anim-redac'> <div class='shadow anim-redac'></div> </div> </div> </div> </div> </div> <div data-role="cell" class="column flex-col advanced" style="width:50%"> <div id="cell-5844b40a5c8ec1f825109884" class="column-content"> <h2 class="page-cat">Webdesign</h2> <h3 class="page-title">Les tendances graphiques 脿 votre image</h3> <p class="lead center-t-phone">Nos webdesigners veillent sur les dernières tendances graphique du web afin de toujours proposer des maquettes à la pointe du graphisme web contemporain.</p> </div> </div> </div> </div> </div> <div class="row-container rd-7 center-h2 hidden page_1"> <div class="row-content"> <h2 class="row-title"> Ils ont choisi l'agence Awelty </h2> <div class="row" data-role="line"> <div data-role="cell" class="column" style="width:33.333333333333%"> <div id="cell-578cab66db88d597aac2cf19" class="column-content"> <div class="container-client"> <a href="/blog/references-sites-web/creation-de-site-entreprise-b-h-f-delaplace.html"> <div class="client-img"> <img src="/medias/images/bhf-delaplace.png" alt="Site BHF Delaplace"> </div> <div class="client-cat"> <span data-category="site-web">Site web</span> </div> <div class="client-content" data-category="site-web"> <h3>BHF DELAPLACE</h3> <p>Site internet 脿 l'image de l'entreprise, lui permettant de mettre en avant son savoir faire. Ce site utilise notre CMS.</p> </div> </a> </div> </div> </div> <div data-role="cell" class="column" style="width:33.333333333333%"> <div id="cell-5844b40a5c99c1f82510c172" class="column-content"> <div class="container-client"> <a href="http://www.philippe-pourchez.com/"> <div class="client-img"> <img src="/medias/images/pourchez.jpg" alt="Philippe Pourchez"> </div> <div class="client-cat"> <span data-category="site-web">Site web</span> </div> <div class="client-content" data-category="site-web"> <h3>Philippe Pourchez</h3> <p>Le cabinet Philippe Pourchez, avocat 脿 Amiens nous a confi茅 la cr茅ation de son site et fait appel 脿 nous dans le cadre d'une prestation de r茅f茅rencemen.</p> </div> </a> </div> </div> </div> <div data-role="cell" class="column" style="width:33.333333333333%"> <div id="cell-5844b40a5c9dc1f82510da21" class="column-content"> <div class="container-client"> <a href="/blog/references-sites-web/nouveau-site-le-petit-poucet.html"> <div class="client-img"> <img src="/medias/images/petit-poucet-200x150.jpg" alt="Site web du Petit Poucet Amiens"> </div> <div class="client-cat"> <span data-category="site-web">Site web</span> </div> <div class="client-content" data-category="site-web"> <h3>Le Petit Poucet</h3> <p>Ce nouveau site refl猫te l'image noble de cette p芒tisserie Ami茅noise avec un nouveau design aux couleurs de l'entreprise.</p> </div> </a> </div> </div> </div> </div> </div> </div> <div class="row-container rd-8 padding-t-b-2x com-call page_1"> <div class="row-content"> <div class="row" data-role="line"> <div data-role="cell" class="column" style="width:100%"> <div id="cell-5844b40a5ca4c1f8251078d1" class="column-content"> <h2 class="page-title center-t white-t">Créer et communiquer sur le web</h2> <p class="lead center-t margin-b white-t">La création et déclinaisons graphiques s'accompagnent d'une strat茅gie webmarketing bien pens茅e.</p> <p class="center-t"><a class="large-btn white-hover dark-grey-bg" href="/pages/webmarketing/">Voir nos offres</a></p> </div> </div> </div> </div> </div> <div class="row-container rd-9 flex-reverse page_1"> <div class="row-content"> <div class="row" data-role="line"> <div data-role="cell" class="column flex-col advanced" style="width:50%"> <div id="cell-5844b40a5cabc1f825109ac3" class="column-content"> <h2 class="page-cat">R茅alisation de vid茅os</h2> <h3 class="page-title">Des vid茅os 脿 votre image pour communiquer</h3> <p class="lead center-t-phone">Awelty propose ses comp茅tences afin de r茅aliser les vid茅os de vos produits, votre soci茅t茅, vos 茅venements...</p> <p class="center-t-phone"><a class="link-cat" href="/pages/agence-de-communication/videos.html">Voir nos offres <i class="fa fa-arrow-circle-right" aria-hidden="true"></i></a></p> </div> </div> <div data-role="cell" class="column" style="width:50%"> <div id="cell-5844b40a5cafc1f825107732" class="column-content"> <div data-widget="image" class="text-center"> <div> <img src="/medias/images/videos-illu.png" alt="Cr茅ation de vid茅os 脿 Amiens" > </div> </div> </div> </div> </div> </div> </div> <div class="row-container rd-10 center-h2 padding-t-b page_1"> <div class="row-content"> <h2 class="row-title"> Ils ont choisi Awelty </h2> <div class="row" data-role="line"> <div data-role="cell" class="column" style="width:25%"> <div id="cell-5863ed81a0abc1f825109673" class="column-content"> <div class="container-client"> <a href="/blog/references-sites-web/nouveau-site-le-petit-poucet.html"> <div class="client-img"> <img src="/medias/images/petitpoucet.jpg" alt="Petit Poucet"> </div> <div class="client-content" data-category="site-web"> <h3>Le Petit Poucet</h3> </div> </a> </div> </div> </div> <div data-role="cell" class="column" style="width:25%"> <div id="cell-5863ed81a0b2c1f8251017d0" class="column-content"> <div class="container-client"> <a href="/blog/references-pao/saison-culturelle-du-val-de-nievre-pour-2016-2017.html"> <div class="client-img"> <img src="/medias/images/affiche-val-de-nievre.jpg" alt="Affiche Val de Nievre"> </div> <div class="client-content" data-category="studio"> <h3>Val de Nievre</h3> </div> </a> </div> </div> </div> <div data-role="cell" class="column" style="width:25%"> <div id="cell-5863ed81a0bbc1f82510c9c5" class="column-content"> <div class="container-client"> <a href="/blog/references-sites-web/creation-site-e-commerce-alfa-jump.html"> <div class="client-img"> <img src="/medias/images/alfajump-1.jpg" alt="Alfa Jump"> </div> <div class="client-content" data-category="site-web"> <h3>Alfa Jump</h3> </div> </a> </div> </div> </div> <div data-role="cell" class="column" style="width:25%"> <div id="cell-5863ed81a0c0c1f825104a2e" class="column-content"> <div class="container-client"> <a href="https://issuu.com/sarl-awelty/docs/residence-vdn-2013"> <div class="client-img"> <img src="/medias/images/gregoirecocjan.jpg" alt="Gregoire Kocjan"> </div> <div class="client-content" data-category="studio"> <h3>Gregoire Kocjan</h3> </div> </a> </div> </div> </div> </div> </div> </div> <div class="row-container rd-11 row-highlighted padding-t-b-2x no-margin page_1"> <div class="row-content"> <div class="row" data-role="line"> <div data-role="cell" class="column" style="width:50%"> <div id="cell-5844b40a5cb7c1f825103fb8" class="column-content"> <div data-widget="image" class="text-left"> <div> <img src="/medias/images/motiondesign.png" alt="Motion Design 脿 Amiens" > </div> </div> </div> </div> <div data-role="cell" class="column flex-col advanced" style="width:50%"> <div id="cell-5844b40a5cbbc1f82510da47" class="column-content"> <h2 class="page-cat">Vid茅os en Motion Design</h2> <h3 class="page-title">Communiquer facilement 脿 votre public</h3> <p class="lead center-t-phone">Awelty vous propose la création de <strong>vidéos en motion design</strong>. Une nouvelle manière d'illustrer votre activité avec une vidéo animée sur la musique de votre choix. Une nouvelle stratégie pour votre marketing s'offre à vous.</p> <p class="center-t-phone"><a class="link-cat" href="/pages/agence-de-communication/motion-design.html">Voir nos offres <i class="fa fa-arrow-circle-right" aria-hidden="true"></i></a></p> </div> </div> </div> </div> </div> <div class="row-container rd-12 page_1" id="photo-row"> <div class="row-content"> <div class="row" data-role="line"> <div data-role="cell" class="column flex-col advanced" style="width:60%"> <div id="cell-5844b40a5cc2c1f82510ceed" class="column-content"> <h2 class="page-cat white-t">Service de Photographie</h2> <h3 class="page-title white-t">La lumi猫re 脿 votre service</h3> <p class="lead center-t-phone white-t">L'Agence Awelty offre une prestation de photographe afin de magnifier vos moments, vos produits ou votre affaire.</p> <p class="center-t-phone"><a class="link-cat white-t" href="/pages/agence-de-communication/photographie.html">Voir nos offres <i class="fa fa-arrow-circle-right" aria-hidden="true"></i></a></p> </div> </div> <div data-role="cell" class="column empty-column" style="width:40%"> <div id="cell-5844b40a5cc6c1f82510cb42" class="column-content">   </div> </div> </div> </div> </div> <div class="row-container rd-13 margin-t-2x padding-t-b-2x page_1"> <div class="row-content"> <div class="row" data-role="line"> <div data-role="cell" class="column flex-col advanced" style="width:50%"> <div id="cell-5844b40a5ccfc1f825107bfe" class="column-content"> <div data-widget="image" class="text-left"> <div> <img src="/medias/images/ems-awelty.gif" alt="Webdesign sur e-monsite" > </div> </div> </div> </div> <div data-role="cell" class="column flex-col advanced" style="width:50%"> <div id="cell-5844b40a5cd3c1f82510d7f6" class="column-content"> <h2 class="page-cat">Webdesign E-monsite</h2> <h3 class="page-title">L'imagination pour seule limite</h3> <p class='lead'>L'Agence web Awelty est un partenaire privilégié du <a href="http://www.e-monsite.com/"><strong>CMS E-monsite</strong></a>. Nous maîtrisons finement la <strong>réalisation de design web</strong> pour cet outil performant de création et de gestion de site Web.</p> <a class="link-cat" href="/pages/agence-de-communication/webdesign-ems.html">Voir nos offres <i class="fa fa-arrow-circle-right" aria-hidden="true"></i></a> </div> </div> </div> </div> </div> <div class="row-container rd-14 hide page_1"> <div class="row-content"> <div class="row" data-role="line"> <div data-role="cell" class="column" style="width:100%"> <div id="cell-5a5e0c7af71ac1f82510bc75" class="column-content"> <style> /*ANIMATION REDAC*/ .anim-redac { margin: 0; padding: 0; box-sizing: border-box; } .anim-redac:before, .anim-redac:after { content: ''; display: block; position: absolute; box-sizing: border-box; } .stage { position: relative; width: 310px; height: 240px; margin: 0 auto; } .device { position: absolute; } .screen { position: relative; margin: 13px auto 0; border-radius: 2px; background: #555; overflow: hidden; } .shadow { position: absolute; z-index: -1; bottom: -4px; left: -4%; width: 108%; height: 8px; border-radius: 100%; background: rgba(0, 0, 0, 0.2); } .notebook { width: 300px; height: 185px; border-radius: 10px 10px 0 0; background: #fafafa; } .notebook:before { top: 5px; left: 50%; width: 4px; height: 4px; margin-left: -2px; border-radius: 50%; background: #aaa; } .notebook .screen { width: 275px; height: 160px; } .notebook .keyboard { position: absolute; top: 100%; margin-left: -25px; width: 350px; height: 8px; border-radius: 5px 5px 25px 25px; background: #eaeaea; } .notebook .keyboard:after { left: 50%; margin-left: -25px; width: 50px; height: 4px; border-radius: 0 0 8px 8px; background: #ccc; } .animation { width: 100%; height: 100%; border-radius: 2px; background: #efefef; transform: scale(0.4, 0.4) translateX(500%); animation: 7s fly-in infinite; overflow: hidden; } .webdesign { width: 100%; height: 100%; border-radius: 2px; background: #f5f5f5; overflow: hidden; } .web-b-content { width: 100%; height: 100%; background: #ff7070; animation: bg-change 4s linear infinite; } @keyframes bg-change { 0% { background: #ff7070; } 25% { background: #ffb970; } 50% { background:#70b0ff; } 75% { background: #bb70ff; } 100% { background: #ff7070; } } @keyframes fly-in { 0% { transform: scale(0.4, 0.4) translateX(500%); } 10% { transform: scale(0.4, 0.4) translateX(0); } 20% { transform: scale(1, 1) translateX(0); } 80% { transform: scale(1, 1) translateX(0); } 90% { transform: scale(0.4, 0.4) translateX(0); } 100% { transform: scale(0.4, 0.4) translateX(-500%); } } .browser { height: 15px; background: #616161; } .browser:before { top: 5px; left: 5px; width: 5px; height: 5px; border-radius: 2px; background: #fff; } .browser:after { top: 5px; right: 5px; height: 5px; width: calc(100% - 20px); background: #fff; } .content { position: relative; width: 80%; height: 4px; margin: 10% 0 0 10%; background: #bcbcbc; box-shadow: 0 8px 0 #bcbcbc, 0 16px 0 #bcbcbc, 0 24px 0 #bcbcbc, 0 32px 0 #bcbcbc, 0 40px 0 #bcbcbc, 0 48px 0 #bcbcbc; animation: 7s pop-in infinite; } .content:after { top: 48px; left: 50%; width: 50%; height: 4px; background: #efefef; } .notebook .content:before { width: 32px; height: 28px; border-right: 4px solid #efefef; background: #5c9eff; } @keyframes pop-in { 0% { transform: translateY(3000%); } 18% { transform: translateY(3000%); } 28% { transform: translateY(0); } 100% { transform: translateY(0); } } /*LIGNE S_G ANIM*/ .studio-anim { background: #292e2f; } .dark-bg { background: #292e2f; } /*CIRCLE*/ .container-SG { height: 400px; width: 100%; } /*KEYFRAMES*/ @keyframes leftAppear { 0% { left: 10%; top: 30%; } 100% { top: 90px; left: 420px; } } @keyframes rightAppear { 0% { left: 40%; top: 15%; } 100% { top: 159px; left: 642px; } } @keyframes opacity { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes width { 0% { width: 0; } 100% { width: 240px; } } @keyframes materia { 0% { background: #E0E0E0; } 50% { border-radius: 4px; } 100% { width: auto; height: auto; background: transparent; border-radius: 0; box-shadow: none; } } /*ILLU*/ .top-illu { position: absolute; left: 10%; top: 30%; width: 531px; opacity: 0; animation: leftAppear 2s ease-out forwards, opacity 2s ease-out forwards; } .bottom-illu { position: absolute; left: 40%; top: 15%; width: 385px; opacity: 0; animation: rightAppear 2s ease-out forwards, opacity 2s ease-out forwards; } /*HR*/ .dashed-hr { border: 0; position: absolute; width: 0; border-top: 1px grey dashed; } #d-hr1 { transform: rotate(90deg); top: 200px; left: 407px; animation: width 1.2s 1s ease-out forwards; } #d-hr2 { transform: rotate(90deg); top: 200px; left: 563px; animation: width 1.2s 1s ease-out forwards; } </style> </div> </div> </div> </div> </div> </div> </div> <script> emsChromeExtension.init('page', '523974a9d2643e402010f317', 'awelty.com'); </script> </div>  </div>   <footer id="footer"> <div id="footer-wrapper"> <div class="container">  <div id="bottom-site"> <div id="rows-6023a27f763a5676ee5e99e9" class="rows" data-total-pages="1" data-current-page="1"> <div class="row-container rd-1 page_1"> <div class="row-content"> <div class="row" data-role="line"> <div data-role="cell" class="column" style="width:100%"> <div id="cell-5dfa4b74a326d4558d133ef0" class="column-content"> <div class="row"> <div class="column column6"> <p class="center-t-phone"><span class="bold white-t">Vous souhaitez avoir plus d'informations sur nos offres ?</span><br /> N'hésitez pas à nous contacter pour recevoir un devis gratuit.</p> <div class="flex-row flex-center-phone"> <p><a class="large-btn blue-gradient-bg" href="/pages/combien-coute-un-site-web.html">Devis en ligne</a></p> <p class="margin-l"><a class="large-btn green-gradient-bg" href="/pages/contact.html">Nous contacter</a></p> </div> </div> <div class="column column6"> <div class="f-end flex-col-phone center-t-phone"><i class="ion-ios-location-outline pin hidden-tablet hidden-phone"></i> <p><img alt="Logo Agence Awelty" src="/medias/files/logo-awelty-white.svg" width="45" style="margin-right:1em;" /></p> <p class="text-right"><a href="https://www.google.fr/maps/place/19+Rue+Lamartine,+80000+Amiens/@49.8922794,2.3028766,17z/data=!3m1!4b1!4m5!3m4!1s0x47e78448144b4561:0x70962f775ddb070c!8m2!3d49.8922794!4d2.3050653">19 Rue Lamartine</a><br /> 80 000 - Amiens<br /> <span class="footer-baseline">Le groupe awelty:</span><br /> <a href="tel:0322808938" title="Appeler le groupe awelty">03.22.80.89.38</a></p> </div> </div> </div> <hr /> <div class="row center-t-phone"> <div class="column column3"> <p class="footer-title">A propos</p> <ul class="list-unstyled list-footer"> <li><a href="/pages/se-rendre-chez-awelty.html">Se rendre à l'agence</a></li> <li><a href="/pages/a-propos.html">Présentation</a></li> <li><a href="/pages/recrutement.html">Recrutement</a></li> <li><a href="/medias/files/agence-awelty-cgv.pdf">CGV Agence awelty</a></li> </ul> </div> <div class="column column3"> <p class="footer-title">Liens utiles</p> <ul class="list-unstyled list-footer"> <li><a href="/pages/contact.html">Nous contacter</a></li> <li><a href="/blog/">Le blog</a></li> <li><a href="/pages/combien-coute-un-site-web.html">Devis en ligne</a></li> </ul> </div> <div class="column column6"> <div class="flex-row flex-center flex-col-phone"> <p class="bold follow-title margin-b-phone">Nous suivre</p> <ul class="list-unstyled flex-row flex-center space-around" id="social-link-footer"> <li><a href="https://www.linkedin.com/company/awelty/"><i aria-hidden="true" class="fa fa-linkedin fa-2x"></i></a></li> <li><a href="https://www.facebook.com/awelty.fr/?fref=ts"><i aria-hidden="true" class="fa fa-facebook fa-2x"></i></a></li> <li><a href="https://twitter.com/awelty_fr?lang=fr"><i aria-hidden="true" class="fa fa-twitter fa-2x"></i></a></li> <li><a href="https://www.instagram.com/awelty_fr/"><i aria-hidden="true" class="fa fa-instagram fa-2x"></i></a></li> <li><a href="https://www.youtube.com/channel/UCyaXmRUgjvtOV1sbwtGP3kg"><i aria-hidden="true" class="fa fa-youtube fa-2x"></i></a></li> </ul> </div> </div> <div class="column column3"> <p class="footer-title">Agence Certifi茅e Google Partner</p> <ul class="list-unstyled list-footer"> <li> <a href="https://www.google.com/partners/agency?id=9945667604" target="_blank"> <img src="https://www.gstatic.com/partners/badge/images/2023/PartnerBadgeClickable.svg"/> </a> </li> </ul> </div> <div class="column column3"> <p class="footer-title">Agence Certifi茅e Meta Business Partner</p> <ul class="list-unstyled list-footer"> <li><a href="https://www.facebook.com/business/partner-directory/search?id=8312149982190389" target="_blank"><img src="/medias/images/meta-business-partner.png" /></a></li> </ul> </div> </div> <hr /> <div class="row"> <div class="column column12"> <div class="flex-row flex-center space-between flex-col-phone"> <p class="footer-baseline center-t-phone">Plus de 17 ans d'expérience dans la communication et la création de site web.</p> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </footer>  <script src="//www.awelty.fr/medias/static/themes/ems_framework/js/jquery.mobile.custom.min.js"></script> <script src="//www.awelty.fr/medias/static/themes/ems_framework/js/jquery.zoom.min.js"></script> <script src="https://www.awelty.fr/themes/custom.js?v=6_1646067808_2263"></script>  <script> $(document).ready(function() { /*Modif Janvier 2018*/ if (window.matchMedia("(max-width: 991px)").matches) { $("li.mother-container i.ion-ios-arrow-down").on('click', function(){ $(this).parent().siblings('.second-level').slideToggle(); }); var changeIcon = $('.navbar-toggle').children("i"); changeIcon.removeClass('fa fa-bars').addClass('ion-navicon'); $('.container').on('click', '#navbar-overlay, .navbar-toggle', function() { if ( $(changeIcon).hasClass('close') ) { $(changeIcon).addClass('ion-navicon').removeClass('ion-android-close').removeClass('close'); } else { $(changeIcon).addClass('ion-android-close').removeClass('ion-navicon').addClass('close'); }; }); }; $(document).scroll(function () { if ($(this).scrollTop() > 10) { $('nav.navbar-top').addClass('shadow-navbar'); } else { $('nav.navbar-top').removeClass('shadow-navbar'); } }); /*EFFET SUR LE LOGO AU SCROLL*/ /*window.onscroll = function(Event) { var scroll = document.body.scrollTop; var scale = scroll * 10 / 2500; var less = 1 - scale; var logo = document.getElementById("logo"); if ( (scroll < 150) && (logo) ) { if ( less > 0 ) { logo.style.transform = "scale(" + less + "," + less +")"; logo.style.opacity = 1; } else { petit.style.opacity = 0; logo.style.transform = "scale(0, 0)"; } } }*/ /*HOVER EFFET (3) DU BLOC PULSE*/ /*PULSE HOVER*/ $( "#pulse-1, #pulse-2" ).hover( function() { $(this).find(".cont-pulse-f").addClass("pulse-up"); $(this).find(".fa-chevron-circle-up").addClass("rotate"); $(this).find('.cont-pulse-f p').addClass('opacity-ok'); }, function() { $(this).find(".cont-pulse-f").removeClass("pulse-up"); $(this).find(".fa-chevron-circle-up").removeClass("rotate"); $(this).find('.cont-pulse-f p').removeClass('opacity-ok'); }); /*CLIENT LIST MOCKUP ANIMATION ON CLICK*/ $('li[role=line_ref]').click(function(e){ if($(this).hasClass('active-li-ref')){ return false;} $('li[role=line_ref]').removeClass('active-li-ref'); $('div[role=line_ref_desc]').hide("slow"); $(this).addClass('active-li-ref'); $('.'+$(this).attr('id').replace('ref-','')+'-content').show("slow"); var cat_type = $(this).attr('data-cat'); if( cat_type == 'web' ){ $('#slider-img-client ul').removeClass('client-up-0').removeClass('client-up-2').removeClass('client-up-3'); $('#slider-img-client ul').addClass('client-up-1'); }else if( cat_type == 'video' ){ $('#slider-img-client ul').removeClass('client-up-1').removeClass('client-up-2').removeClass('client-up-3'); $('#slider-img-client ul').addClass('client-up-0'); }else if( cat_type == 'pao' ){ $('#slider-img-client ul').removeClass('client-up-1').removeClass('client-up-0').removeClass('client-up-3'); $('#slider-img-client ul').addClass('client-up-2'); }else if( cat_type == 'appli' ){ $('#slider-img-client ul').removeClass('client-up-0').removeClass('client-up-2').removeClass('client-up-1'); $('#slider-img-client ul').addClass('client-up-3'); } var num = $(this).attr('id').substr(-1, 1); $('.site-client-img').removeClass('site-client-1').removeClass('site-client-2').removeClass('site-client-3').removeClass('site-client-4'); $('.site-client-img').addClass('site-client-'+num); }); /*SCRIPT CENTER IMAGE*/ $('.media-object').children().addClass("item-img"); var imageHeight, wrapperHeight, overlap, nodes = document.querySelectorAll('.media-object .item-img'); $(window).on("load resize", centerImage); function centerImage() { for (var i=0; i<nodes.length; i++) { container = $(nodes[i]); imageHeight = container.find('img').height(); wrapperHeight = container.height(); overlap = (wrapperHeight - imageHeight) / 2; container.find('img').css('margin-top', overlap); } } for (var i=0; i<nodes.length; i++) { var el = $(nodes[i]); if (el.addEventListener) { el.addEventListener("webkitTransitionEnd", centerImage, false); // Webkit event el.addEventListener("transitionend", centerImage, false); // FF event el.addEventListener("oTransitionEnd", centerImage, false); // Opera event } } }); // End of document ready function //BREVO POUR CAMPAGNE MARKETING window.REQUIRED_CODE_ERROR_MESSAGE = 'Veuillez choisir un code pays'; window.LOCALE = 'fr'; window.EMAIL_INVALID_MESSAGE = window.SMS_INVALID_MESSAGE = "Les informations que vous avez fournies ne sont pas valides. Veuillez v茅rifier le format du champ et r茅essayer."; window.REQUIRED_ERROR_MESSAGE = "Vous devez renseigner ce champ. "; window.GENERIC_INVALID_MESSAGE = "Les informations que vous avez fournies ne sont pas valides. Veuillez v茅rifier le format du champ et r茅essayer."; window.translation = { common: { selectedList: '{quantity} liste s茅lectionn茅e', selectedLists: '{quantity} listes s茅lectionn茅es' } }; var AUTOHIDE = Boolean(0);<script defer src="https://sibforms.com/forms/end-form/build/main.js"></script> </script> </body> </html>

CINXE.COM

Agence de communication 脿 Amiens en Hauts de France