Linux vacca.o2switch.net 4.18.0-553.123.2.lve.el8.x86_64 #1 SMP Thu May 7 23:17:13 UTC 2026 x86_64
/
home
/
tosa8115
/
studio-brik.com
/
/home/tosa8115/studio-brik.com/export-press.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Studio Brik</title> <link rel="shortcut icon" type="image/x-icon" href="assets/images/favicon.ico"> <link rel="stylesheet" type="text/css" href="assets/css/bundle.css"> <!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-148188386-1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'UA-148188386-1'); </script> </head> <body> <div class="wrapper"> <div class="wrapper-inner wrapper-inner-project wrapper-inner--left"> <div class="container-inner"> <ul class="lines" style="opacity: 0.2"> <li></li> <li></li> <li></li> <li></li> </ul><!-- /.lines --> <header class="header"> <div class="overlay visible-mobile"></div><!-- /.overlay --> <div class="shell"> <a href="index.html" class="logo logo--white logo-white-mobile js-link" data-target="#projects" data-class-in="fadeIn" data-class-out="fadeOut"></a> <a href="#" class="btn-burger"> <span></span> <span></span> <span></span> </a> <nav class="nav"> <ul> <li> <a href="index.html" class="js-attract-hover js-link" data-target="#projects" data-class-in="fadeIn" data-class-out="fadeOut">Projets</a> </li> <li> <a href="index.html" class="js-attract-hover js-link" data-target="#productions" data-class-in="fadeIn" data-class-out="fadeOut">Productions</a> </li> <li> <a href="index.html" class="js-attract-hover js-link" data-target="#savoirs" data-class-in="fadeIn" data-class-out="fadeOut">Savoirs faire</a> </li> <li> <a href="index.html" class="js-attract-hover js-link" data-target="#studio" data-class-in="fadeIn" data-class-out="fadeOut">Le studio</a> </li> <li> <a href="index.html" class="js-attract-hover js-link" data-target="#contact" data-class-in="fadeIn" data-class-out="fadeOut">Contact</a> </li> </ul> </nav><!-- /.nav --> </div><!-- /.shell --> </header><!-- /.header --> <section class="section section--first-alt section-animate"> <div class="section__bg" style="background-image: linear-gradient(-45deg, #ddd7c8 0%, #c3b28e 100%);"></div> <!-- /.section__bg --> <div class="shell"> <header class="section__head section__head--white"> <h2>Export Press</h2> <h1> Création d'un site <br> marchand pour <br> magazine de luxe </h1> <span class="label-alt"> <i class="ico-dot"></i> Stratégie I Création & Design <br> Développement I Contenus </span> <img src="assets/images/temp/logo-presstalis.png" alt="" width="174" height="95" class="section__logo"> </header><!-- /.section__head --> <img src="assets/images/temp/img01.png" alt="" class="section__image-size1 hidden-desktop" width="1567" height="1121"> <img src="assets/images/temp/img01t.png" alt="" class="section__image-size1 visible-desktop hidden-mobile" width="1227" height="901"> </div><!-- /.shell --> </section><!-- /.section --> <section class="section section--size3 section-animate"> <div class="shell"> <div class="articles-alt"> <div class="article-alt scrollme"> <div class="article__content animateme" data-when="enter" data-from="0.8" data-to="0" data-translatey="100"> <h3> Le cbesoin : distribuer à l'international <br> sur les canaux digitaux. </h3> <!-- <img src="assets/images/temp/img01m.png" alt="" width="589" height="643" class="article__content-image1 visible-mobile" /> --> <img src="assets/images/temp/img01m1.png" alt="" width="602" height="657" class="article__content-image1 visible-mobile"> <p> Export Press distribue plus de <strong>700 magazines de luxe</strong> dans <strong>80 pays du monde</strong> entier en <br>partenariat avec 100 distributeurs. </p> <p> Export Press ressentait le besoin de se développer en augmentant sa présence sur les <br> canaux digitaux ainsi qu'en créant une vitrine marchande. <br> Nous les accompagnons dans leur stratégie. </p> </div><!-- /.article__content --> <div class="article__image-size1"> <img src="assets/images/temp/img021.png" class="animateme" data-translatey="100" alt=""> <img src="assets/images/temp/img022.jpg" class="animateme" data-translatey="100" alt=""> <!-- <img src="assets/images/temp/img02.png" alt="" width="2796" height="1259" class="hidden-desktop" /> <img src="assets/images/temp/img02t.png" alt="" width="2160" height="854" class="visible-desktop hidden-mobile" /> <img src="assets/images/temp/img02m.png" alt="" width="1095" height="566" class="visible-mobile" /> --> </div><!-- /.article__image --> </div><!-- /.article --> <div class="article-alt article-alt--primary scrollme"> <div class="article__content animateme" data-when="enter" data-from="0.8" data-to="0" data-translatey="100"> <h3> Nous avons aidé Export Press à se repositionner <br> sur le créneau porteur des belles éditions <a href="#" class="btn-square btn-square--border visible-mobile"> <i class="ico-plus"></i> </a> </h3> <p class="article-text"> Aujourd’hui les éditions indépendantes, haut de gamme, aux contenus originaux, connaissent un véritable succès. Le papier triomphe dans ses domaines d’excellence et connait un retour face au numérique. Un marché de niche porteur se développe. </p> <p class="article-text"> Export press devait se repositionner et travailler son image pour s’y confronter. C’est chose faite. Nous avons opéré une refonte de l’identité et du design du site web, qui se devait d’être épuré, et s’effacer derrière les éditions présentées. </p> </div><!-- /.article__content --> <div class="article__image-size2"> <img src="assets/images/temp/img03.png" alt="" width="436" height="655" class="hidden-mobile"> <img src="assets/images/temp/img41.png" alt="" class="hidden-mobile animateme" data-translatey="100"> <img src="assets/images/temp/img42.png" alt="" class="hidden-mobile animateme" data-translatey="100"> <!-- <img src="assets/images/temp/img03m.png" alt="" width="773" height="888" class="visible-mobile" /> --> <img src="assets/images/temp/img03m1.png" alt="" width="784" height="898" class="visible-mobile"> </div><!-- /.article__image --> </div><!-- /.article --> <div class="article-alt article-alt--secondary scrollme"> <div class="article__content animateme" data-when="enter" data-from="0.8" data-to="0" data-translatey="100"> <h3> Nous avons construit un site marchand simple <br> et accessible <a href="#" class="btn-square btn-square--border visible-mobile"> <i class="ico-plus"></i> </a> </h3> <p class="article-text"> Nous avons apporté un soin tout particulier à la simplicité d’utilisation. <br> Inscription facilitée, ergonomie pensée mobile, tunnel d’achat fluide : nous voulions <br> concentrer les utilisateurs sur le contenu et réduire autant que possible les <br> distractions. Nous voulions que le site devienne un compagnon de travail des <br> clients professionnels d’Export Press. </p> </div><!-- /.article__content --> <div class="article__image-size3"> <img src="assets/images/temp/img5.png" alt=""> <img src="assets/images/temp/img6.png" alt="" class="hidden-mobile"> <img src="assets/images/temp/img7.png" alt="" class="hidden-mobile"> <img src="assets/images/temp/mob1.png" alt="" class="hidden-mobile animateme" data-translatey="100"> <img src="assets/images/temp/mob2.png" alt="" class="hidden-mobile animateme" data-translatey="100"> <img src="assets/images/temp/mob3.png" alt="" class="hidden-mobile animateme" data-translatey="100"> <!-- <img src="assets/images/temp/img8m.png" alt="" class="visible-mobile" /> --> <img src="assets/images/temp/img8m1.png" alt="" class="visible-mobile" width="384" height="370"> </div><!-- /.article__image --> <blockquote class="blockquote"> <i class="ico-quote-top">“</i>Désormais une boutique, un restaurant, un café, un espace de coworking, une entreprise souhaitant soigner ses employés ou ses clients sont autant de points de diffusion. <i class="ico-quote-bottom">”</i> </blockquote><!-- /.blockquote --> </div><!-- /.article --> <div class="article-alt article-alt--teritary scrollme"> <div class="article__image-size4"> <img src="assets/images/temp/img9.jpg" alt=""> <!-- <img src="assets/images/temp/mobile91.png" alt="" width="479" height="765" class="visible-mobile" /> --> <img src="assets/images/temp/mobile911.png" alt="" width="476" height="762" class="visible-mobile"> </div><!-- /.article__image --> <div class="article__content animateme hidden-mobile" data-when="enter" data-from="0.8" data-to="0" data-translatey="100"> <h3> Nous sommes partis des méthodes et besoins d’Export Press pour construire un back-office sur mesure. <a href="#" class="btn-square btn-square--border visible-mobile"> <i class="ico-plus"></i> </a> </h3> <p class="article-text"> Valider des comptes pro, attribuer des remises, gérer des droits différenciés en fonction des services, obtenir les statistiques… Nous concevons nos propres systèmes de gestion des contenus pour ne fournir au client que l’essentiel dans une démarche de sur-mesure et de parfaite adaptation à leur environnement interne. </p> <div class="checkboxes hidden-desktop"> <ul class="list-checkboxes"> <li> <div class="checkbox"> <input type="checkbox" id="ch1" checked=""> <label for="ch1">Professional account</label> </div><!-- /.checkbox --> </li> <li> <div class="checkbox"> <input type="checkbox" id="ch2"> <label for="ch2">Individual account</label> </div><!-- /.checkbox --> </li> </ul><!-- /.list-checkboxes --> <ul class="list-checkboxes list-checkboxes--size3"> <li> <div class="checkbox"> <input type="checkbox" id="ch3" checked=""> <label for="ch3">Publisher</label> </div><!-- /.checkbox --> </li> <li> <div class="checkbox"> <input type="checkbox" id="ch4"> <label for="ch4">Distributor</label> </div><!-- /.checkbox --> </li> <li> <div class="checkbox"> <input type="checkbox" id="ch5"> <label for="ch5">Others</label> </div><!-- /.checkbox --> </li> </ul><!-- /.list-checkboxes --> </div><!-- /.checkboxes --> </div><!-- /.article__content --> </div><!-- /.article --> <div class="article-alt article-alt--quaternary scrollme"> <div class="article__content animateme" data-when="enter" data-from="0.8" data-to="0" data-translatey="100"> <h3> Un travail de fond qui s'inscrit dans le temps <a href="#" class="btn-square btn-square--border visible-mobile"> <i class="ico-plus"></i> </a> </h3> <p class="article-text"> Avec le lancement d’un site marchand, la question se pose : comment créer du trafic, <br> comment attirer des utilisateurs, comment les transformer en client ? </p> <p class="article-text"> L’une de nos réponses est de <strong>renforcer la marque</strong> en faisant d’ExportPress un <strong>producteur et agrégateurs de contenus</strong>. Le site est prévu pour accueillir articles et vidéos autour des thématiques de l’art, du design, de la mode, de l’architecture, de la gastronomie, etc… </p> <p class="article-text"> Nous proposons de renforcer le lien avec les éditeurs qui trouvent ici un nouvel espace de mise en avant. Et de favoriser l’émergence d’une communauté de professionnels, de créatifs, d’aficionados des belles éditions trouvant sur le site une référence de l’actualité des éditions luxe. </p> </div><!-- /.article__content --> <div class="article__image-size5"> <img src="assets/images/temp/img10.png" alt="" class="hidden-mobile"> <img src="assets/images/temp/img10m.png" alt="" class="visible-mobile"> </div><!-- /.article__image --> </div><!-- /.article --> <div class="article-alt article-alt--senary"> <div class="article__content"> <h3>Compétences mises en œuvre sur ce projet :</h3> </div><!-- /.article__content --> <div class="features"> <div class="feature feature--primary"> <h6> Stratégie <a href="#" class="btn-square btn-square--border visible-mobile"> <i class="ico-plus"></i> </a> </h6> <ul class="dropdown-menu"> <li> <span>Stratégie digitale</span> <i class="ico-dot ico-dot--gray"></i> </li> <li> <span>Stratégie de contenus</span> <i class="ico-dot ico-dot--gray"></i> </li> <li> <span>Brand Experience</span> <i class="ico-dot ico-dot--gray"></i> </li> <li> <span>Architecture de l’information</span> <i class="ico-dot ico-dot--gray"></i> </li> <li class="feature-disabled"> <span>Campagnes médias digitaux</span> <i class="ico-dot ico-dot--gray"></i> </li> </ul> </div><!-- /.feature --> <div class="feature feature--primary"> <h6> Création & Design <a href="#" class="btn-square btn-square--border visible-mobile"> <i class="ico-plus"></i> </a> </h6> <ul class="dropdown-menu"> <li> <span>Concepts & idées</span> <i class="ico-dot ico-dot--gray"></i> </li> <li class="feature-disabled"> <span>Concepts produits </span> <i class="ico-dot ico-dot--gray"></i> </li> <li> <span>Direction artistique </span> <i class="ico-dot ico-dot--gray"></i> </li> <li> <span>Branding & Identité </span> <i class="ico-dot ico-dot--gray"></i> </li> <li> <span>Web & Mobile UI </span> <i class="ico-dot ico-dot--gray"></i> </li> <li class="feature-disabled"> <span>Design d’applications </span> <i class="ico-dot ico-dot--gray"></i> </li> <li> <span>Design d’interactions</span> <i class="ico-dot ico-dot--gray"></i> </li> </ul> </div><!-- /.feature --> <div class="feature feature--primary"> <h6> Développement <a href="#" class="btn-square btn-square--border visible-mobile"> <i class="ico-plus"></i> </a> </h6> <ul class="dropdown-menu"> <li> <span>Front & Back End </span> <i class="ico-dot ico-dot--gray"></i> </li> <li class="feature-disabled"> <span>Applications mobiles natives</span> <i class="ico-dot ico-dot--gray"></i> </li> <li> <span>Applications Web Progressive</span> <i class="ico-dot ico-dot--gray"></i> </li> <li class="feature-disabled"> <span>Gamification </span> <i class="ico-dot ico-dot--gray"></i> </li> <li> <span>CMS / CRM</span> <i class="ico-dot ico-dot--gray"></i> </li> <li class="feature-disabled"> <span>Recueil & analyse de données</span> <i class="ico-dot ico-dot--gray"></i> </li> </ul> </div><!-- /.feature --> <div class="feature feature--primary"> <h6> Contenus <a href="#" class="btn-square btn-square--border visible-mobile"> <i class="ico-plus"></i> </a> </h6> <ul class="dropdown-menu"> <li class="feature-disabled"> <span>Production photo & video </span> <i class="ico-dot ico-dot--gray"></i> </li> <li> <span>Rédaction</span> <i class="ico-dot ico-dot--gray"></i> </li> <li class="feature-disabled"> <span>Animation</span> <i class="ico-dot ico-dot--gray"></i> </li> <li class="feature-disabled"> <span>Illustration</span> <i class="ico-dot ico-dot--gray"></i> </li> </ul> </div><!-- /.feature --> <div class="feature feature--primary"> <h6> Tests <a href="#" class="btn-square btn-square--border visible-mobile"> <i class="ico-plus"></i> </a> </h6> <ul class="dropdown-menu"> <li> <span>Tests d’utilisabilité</span> <i class="ico-dot ico-dot--gray"></i> </li> <li> <span>Tests de performances</span> <i class="ico-dot ico-dot--gray"></i> </li> <li> <span>Tests des fonctionnalités</span> <i class="ico-dot ico-dot--gray"></i> </li> <li> <span>Tests de sécurité</span> <i class="ico-dot ico-dot--gray"></i> </li> </ul> </div><!-- /.feature --> </div><!-- /.features --> </div><!-- /.article --> </div><!-- /.articles --> </div><!-- /.shell --> </section><!-- /.section --> <footer class="footer footer--alt"> <div class="shell"> <div class="footer__inner"> <div class="footer__content"> <a href="index.html" class="logo logo--small"></a> <ul> <li> <a href="tel:330184204456">+33 (0) 1 84 20 44 56</a> </li> <li> <a href="mailto:contact@studio-brik.com">contact@studio-brik.com</a> </li> </ul> <div class="socials"> <ul> <li> <!-- <a href="#" class="js-popup" data-target="#popup1"> --> <a href="https://goo.gl/maps/6SjEKhnkwKWh5Ltb7" target="_blank"> <i class="ico-location"></i> </a> </li> <li> <a href="https://www.linkedin.com/company/studio-brik" target="_blank"> <i class="ico-linkedin"></i> </a> </li> <li> <a href="https://www.instagram.com/studiobrik/" target="_blank"> <i class="ico-insta"></i> </a> </li> </ul> </div><!-- /.socials --> </div><!-- /.footer__content --> </div><!-- /.footer__inner --> </div><!-- /.shell --> </footer><!-- /.footer --> <div class="popup" id="popup1"> <div class="popup__inner"> <a href="#" class="popup__btn js-popup" data-target="#popup1"> <i class="ico-x"></i> </a> <p> Nous vous remercions pour cette prise de contact. Le temps pour nous de traiter votre demande. </p> </div><!-- /.popup__inner --> </div><!-- /.popup --> <div class="widget-load"> <i class="logo-white widget__logo"></i> </div><!-- /.widget-load --> </div><!-- /.container-inner --> </div><!-- /.wrapper-inner --> </div><!-- /.wrapper --> <script src="assets/vendor/jquery-1.11.3.min.js"></script> <script src="assets/vendor/jquery-scrollLock.min.js"></script> <!-- <script src="assets/vendor/jquery.scrollme.min.js"></script> --> <script src="assets/vendor/attractHover.js"></script> <script src="assets/js/bundle.js"></script> </body> </html>