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/easy-space.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"> <div class="container-inner"> <ul class="lines" style="opacity: 0.2"> <li></li> <li></li> <li></li> <li></li> </ul><!-- /.lines --> <header class="header header--white"> <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 section__bg--size1" style="background-image: linear-gradient(135deg, #ff5e1f 0%, #ff9166 100%);"></div> <!-- /.section__bg --> <div class="shell"> <header class="section__head section__head--white section__head--alt"> <h2>EasySpace</h2> <h1> Création et édition d'une <br> application de gestion <br> d’espaces de self-stockage </h1> <span class="label-alt"> <i class="ico-dot"></i> Stratégie I Création & Design <br> Développement </span> </header><!-- /.section__head --> </div><!-- /.shell --> </section><!-- /.section --> <section class="section section--size5 section-animate"> <div class="shell"> <div class="articles-alt"> <div class="article-alt article-alt--septenary-def scrollme"> <div class="article__image-size12 hidden-mobile"> <img src="assets/images/temp/img0011.png" class="animateme" data-translatey="100" alt=""> <img src="assets/images/temp/img0012.png" class="animateme" data-translatey="100" alt=""> <!-- <img src="assets/images/temp/img001.png" alt="" width="1395" height="1032" class="hidden-desktop" /> <img src="assets/images/temp/img001m.png" alt="" width="1638" height="862" class="visible-desktop" /> --> </div><!-- /.article__image --> <div class="article__content animateme" data-when="enter" data-from="0.8" data-to="0" data-translatey="100"> <img src="assets/images/temp/easyspace.png" alt="" width="397" height="115" class="article__logo hidden-mobile"> <p> Avec près de 650 sites en France aujourd'hui, le marché du self stockage a connu un véritable succès au cours des dernières années. Et sa croissance est appelée à se poursuivre. C’est dans ce contexte que nous avons lancé Easy Space©, logiciel de gestion métier dédié à ce secteur. </p> <img src="assets/images/temp/easyspace.png" alt="" width="278" height="81" class="article__logo visible-mobile"> </div><!-- /.article__content --> </div><!-- /.article --> <div class="article-alt article-alt--primary-def scrollme"> <div class="article__content animateme" data-when="enter" data-from="0.8" data-to="0" data-translatey="100"> <h3> Nous sommes intervenus en co-éditeurs <a href="#" class="btn-square btn-square--border visible-mobile"> <i class="ico-plus"></i> </a> </h3> <p class="article-text">Ce logiciel est le fruit d’un partenariat, réunissant notre savoir-faire en matière de création de produits numériques et la connaissance concrète du métier apporté par MC Software. Nous avons pu tester et construire le logiciel en temps réel en nous appuyant sur à un panel d’utilisateurs professionnels en situation de travail.</p> </div><!-- /.article__content --> <div class="article__image-size13 hidden-mobile"> <img src="assets/images/temp/img002.jpg" alt="" width="596" height="492"> </div><!-- /.article__image --> </div><!-- /.article --> <div class="article-alt article-alt--secondary-def scrollme"> <div class="article__image-size14"> <img src="assets/images/temp/img00311.png" alt="" width="736" height="766" class="hidden-mobile"> <img src="assets/images/temp/img00321.png" alt="" width="2222" height="1426" class="hidden-mobile"> <img src="assets/images/temp/img0033.jpg" alt="" width="1154" height="1138"> <!-- <img src="assets/images/temp/img0031m.png" alt="" width="324" height="608" class="visible-mobile" /> --> <img src="assets/images/temp/img0031m1.png" alt="" width="340" height="624" class="visible-mobile"> </div><!-- /.article__image --> <div class="article__content animateme" data-when="enter" data-from="0.8" data-to="0" data-translatey="100"> <h3> EasySpace cumule les avantages d’un logiciel en mode Saas et ceux d’un logiciel dédié : nous sommes toujours présents pour adapter l’outil, sur-mesure, au gré du besoin de nos clients. </h3> <!-- <img src="assets/images/temp/img0032.png" alt="" width="1475" height="969" class="visible-mobile article__content-image" /> --> <img src="assets/images/temp/img003211.png" alt="" width="1549" height="997" class="visible-mobile article__content-image"> </div><!-- /.article__content --> </div><!-- /.article --> <div class="article-alt article-alt--teritary-def scrollme"> <div class="article__content animateme" data-when="enter" data-from="0.8" data-to="0" data-translatey="100"> <h2> Tout le quotidien <br> de l’utilisateur <br> à portée d’interface </h2> <!-- <img src="assets/images/temp/img004m.png" alt="" width="1082" height="1480" class="article__content-image visible-mobile" /> --> <img src="assets/images/temp/img004m1.png" alt="" width="1100" height="1498" class="article__content-image visible-mobile"> <div class="widget"> <h4>Principales fonctionnalités</h4> <ul class="list-dots"> <li> <i class="ico-dot ico-dot--gray"></i> Gestion des clients & prospects </li> <li> <i class="ico-dot ico-dot--gray"></i> Gestion des devis </li> <li> <i class="ico-dot ico-dot--gray"></i> Gestion des réservations </li> <li> <i class="ico-dot ico-dot--gray"></i> Gestion des contrats et factures </li> <li> <i class="ico-dot ico-dot--gray"></i> Facturation automatique </li> <li> <i class="ico-dot ico-dot--gray"></i> Interface bancaire </li> <li> <i class="ico-dot ico-dot--gray"></i> Gestion des impayés et relances </li> <li> <i class="ico-dot ico-dot--gray"></i> Gestion de la boutique et des stocks </li> <li> <i class="ico-dot ico-dot--gray"></i> Agenda </li> <li> <i class="ico-dot ico-dot--gray"></i> Planification des tâches </li> <li> <i class="ico-dot ico-dot--gray"></i> Tableau de bord et alertes </li> </ul><!-- /.list-dots --> </div><!-- /.widget --> </div><!-- /.article__content --> <div class="article__image-size15 hidden-mobile"> <img src="assets/images/temp/img004.jpg" alt="" width="720" height="678"> </div><!-- /.article__image --> </div><!-- /.article --> <div class="article-alt article-alt--quaternary-def scrollme"> <div class="article__image-size16"> <img src="assets/images/temp/img0051.png" alt="" width="1443" height="1000" class="hidden-mobile"> <img src="assets/images/temp/img0052.png" alt="" width="481" height="401" class="hidden-mobile"> <!-- <img src="assets/images/temp/img0053.png" alt="" width="667" height="401" /> --> <img src="assets/images/temp/img00531.png" alt="" width="677" height="412"> <img src="assets/images/temp/img0054.png" alt="" width="807" height="401" class="hidden-mobile"> </div><!-- /.article__image --> <div class="article__content animateme" data-when="enter" data-from="0.8" data-to="0" data-translatey="100"> <h3> EasySpace est déjà implanté<br> au sein de plusieurs groupes de self-storage<br> et facilite déjà la gestion d’une soixantaine de centres </h3> <ul class="list-brands list-brands--primary"> <li> <a href="#"> <img src="assets/images/temp/locakase.png" alt="" width="218" height="42"> </a> </li> <li> <a href="#"> <img src="assets/images/temp/stock-it.png" alt="" width="115" height="95"> </a> </li> <li> <a href="#"> <img src="assets/images/temp/abribox.png" alt="" width="192" height="50"> </a> </li> </ul><!-- /.list-brands --> </div><!-- /.article__content --> </div><!-- /.article --> <div class="article-alt article-alt--septenary-default"> <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 class="feature-disabled"> <span>Stratégie de contenus</span> <i class="ico-dot ico-dot--gray"></i> </li> <li class="feature-disabled"> <span>Brand Experience</span> <i class="ico-dot ico-dot--gray"></i> </li> <li class="feature-disabled"> <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 class="feature-disabled"> <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 class="feature-disabled"> <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 class="feature-disabled"> <span>CMS / CRM</span> <i class="ico-dot ico-dot--gray"></i> </li> <li> <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 class="feature-disabled"> <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>