https://ex.lesmoutonssauvages.com/ fr SPIP - www.spip.net https://ex.lesmoutonssauvages.com/?Nono-le-robot https://ex.lesmoutonssauvages.com/?Nono-le-robot 2017-08-29T15:30:48Z text/html fr Charles Stephan <p>Design et développement d'un bot.<br class='autobr' /> Node - ES6 - express.js !</p> - <a href="https://ex.lesmoutonssauvages.com/?-Lab-R-D-" rel="directory">Lab/R&D</a> <img src='https://ex.lesmoutonssauvages.com/local/cache-vignettes/L131xH150/arton25-e358a.png?1780681258' class='spip_logo spip_logo_right spip_logo_survol' width='131' height='150' alt="" data-src-hover="IMG/logo/artoff25.png?1504096238" /> <div class='rss_texte'><div class='spip_document_109 spip_document spip_documents spip_document_image spip_documents_center spip_document_center'> <figure class="spip_doc_inner"> <a href='https://ex.lesmoutonssauvages.com/IMG/png/capture_d_e_cran_2017-08-30_a_14.38.04.png' class="spip_doc_lien mediabox" type="image/png"> <img src='https://ex.lesmoutonssauvages.com/local/cache-vignettes/L500xH347/capture_d_e_cran_2017-08-30_a_14.38.04-93922.png?1780681258' width='500' height='347' alt='' /></a> </figure> </div><div class='spip_document_110 spip_document spip_documents spip_document_image spip_documents_center spip_document_center'> <figure class="spip_doc_inner"> <a href='https://ex.lesmoutonssauvages.com/IMG/png/capture_d_e_cran_2017-08-30_a_14.36.49.png' class="spip_doc_lien mediabox" type="image/png"> <img src='https://ex.lesmoutonssauvages.com/local/cache-vignettes/L500xH346/capture_d_e_cran_2017-08-30_a_14.36.49-9b8f7.png?1780681258' width='500' height='346' alt='' /></a> </figure> </div><div class='spip_document_111 spip_document spip_documents spip_document_image spip_documents_center spip_document_center'> <figure class="spip_doc_inner"> <a href='https://ex.lesmoutonssauvages.com/IMG/png/nonomiseensituation.png' class="spip_doc_lien mediabox" type="image/png"> <img src='https://ex.lesmoutonssauvages.com/local/cache-vignettes/L500xH906/nonomiseensituation-43d6e.png?1780681259' width='500' height='906' alt='' /></a> </figure> </div><div class='spip_document_112 spip_document spip_documents spip_document_image spip_documents_center spip_document_center'> <figure class="spip_doc_inner"> <a href='https://ex.lesmoutonssauvages.com/IMG/png/capture_d_e_cran_2017-08-30_a_14.37.20.png' class="spip_doc_lien mediabox" type="image/png"> <img src='https://ex.lesmoutonssauvages.com/local/cache-vignettes/L500xH343/capture_d_e_cran_2017-08-30_a_14.37.20-946d1.png?1780681259' width='500' height='343' alt='' /></a> </figure> </div></div> <div class="hyperlien">Voir en ligne : <a href="http://nono.lesmoutonssauvages.com" class="spip_out">Envie de le tester ?</a></div> https://ex.lesmoutonssauvages.com/?Carte-de-Voeux-Interactive https://ex.lesmoutonssauvages.com/?Carte-de-Voeux-Interactive 2017-03-10T16:02:08Z text/html fr Charles Stephan <p>Pour fêter l'année 2017 en beauté, nous avons décidé de créer une carte de voeux interactive pleine d'honnêteté et de malice...</p> - <a href="https://ex.lesmoutonssauvages.com/?-Lab-R-D-" rel="directory">Lab/R&D</a> <img src='https://ex.lesmoutonssauvages.com/local/cache-vignettes/L130xH150/arton19-24183.jpg?1780681259' class='spip_logo spip_logo_right spip_logo_survol' width='130' height='150' alt="" data-src-hover="IMG/logo/artoff19.png?1503934769" /> <div class='rss_texte'><h2>Design du site</h2> <h3 class="spip"><span>Le retour des années 90<span class="barre"></span></span></h3> <p>L'inspiration du design est venue de la série des années 90 "Parker Lewis ne perd jamais". Nous avons décidé d'aborder cette époque graphiquement très riche.</p> <h3 class="spip"><span>Synchronisation des montres<span class="barre"></span></span></h3><div class='spip_document_43 spip_document spip_documents spip_document_image spip_documents_center spip_document_center'> <figure class="spip_doc_inner"> <a href='https://ex.lesmoutonssauvages.com/IMG/png/onvaetrehonnete.png' class="spip_doc_lien mediabox" type="image/png"> <img src='https://ex.lesmoutonssauvages.com/local/cache-vignettes/L500xH275/onvaetrehonnete-380bb.png?1780681260' width='500' height='275' alt='' /></a> </figure> </div><div class="displayer"> <span class="cale"></span> <span class="cale"></span> <span><img src='https://ex.lesmoutonssauvages.com/local/cache-vignettes/L500xH281/32a90842e5f615a64c1105e0d9a9ef-856ad.png?1780681260' width='500' height='281' alt='' /></span> <span><img src='https://ex.lesmoutonssauvages.com/local/cache-vignettes/L500xH281/16c4c0cd7da1b0ff631008575d9ac1-0c06a.png?1780681260' width='500' height='281' alt='' /></span> <span><img src='https://ex.lesmoutonssauvages.com/local/cache-vignettes/L500xH281/785ac46b13d7efd8280d321f002616-1ed7a.jpg?1780681260' width='500' height='281' alt='' /></span> <span><img src='https://ex.lesmoutonssauvages.com/local/cache-vignettes/L500xH281/400cf179912e58250df10f99caeeaf-0691d.png?1780681260' width='500' height='281' alt='' /></span> </div><h3 class="spip"><span> Les mini-jeux<span class="barre"></span></span></h3><div class='spip_document_45 spip_document spip_documents spip_document_image spip_documents_center spip_document_center'> <figure class="spip_doc_inner"> <a href='https://ex.lesmoutonssauvages.com/IMG/gif/mouillettes.gif' class="spip_doc_lien mediabox" type="image/gif"> <img src='https://ex.lesmoutonssauvages.com/local/cache-vignettes/L500xH293/mouillettes-018fc.png?1780681260' width='500' height='293' alt='' /></a> </figure> </div><h2> Le LOL </h2> <h3 class="spip"><span>Les blagues sonores<span class="barre"></span></span></h3><div class="fullVideo r169"> <iframe src="" frameborder="0" allowTransparency="true" allowfullscreen data-src="https://www.youtube.com/embed/ DXc7H6wbZN4?autoplay=1"></iframe> <button style="background-image:url(IMG/png/2xplusderire.png)"> <span> <svg x="0px" y="0px" viewBox="0 0 100 100" xml:space="preserve"> <path d="M82.1,74.8L69.2,63.4c-0.3-0.3-0.7-0.3-1.1-0.2c-0.4,0.2-0.6,0.5-0.6,0.9l0,22.4c0,0.4,0.2,0.7,0.6,0.9 c0.1,0.1,0.3,0.1,0.4,0.1c0.2,0,0.5-0.1,0.6-0.2l12.9-11c0.2-0.2,0.3-0.5,0.4-0.8C82.5,75.3,82.3,75,82.1,74.8z"/> </svg> </span> </button> </div></div> <div class="hyperlien">Voir en ligne : <a href="http://www.en2017.net/" class="spip_out">Découvrez ^la carte de voeux</a></div> https://ex.lesmoutonssauvages.com/?Dossier-de-presse-2017 https://ex.lesmoutonssauvages.com/?Dossier-de-presse-2017 2016-12-30T11:11:00Z text/html fr Charles Stephan <p>Nous avons élaboré et produit le dossier de presse digital présentant l'année 2017 - 25 ans de DisneyLand Paris. En collaboration avec l'agence French Cancans</p> - <a href="https://ex.lesmoutonssauvages.com/?-Digital-" rel="directory">Digital</a> <img src='https://ex.lesmoutonssauvages.com/local/cache-vignettes/L150xH136/arton28-fe161.png?1780681261' class='spip_logo spip_logo_right spip_logo_survol' width='150' height='136' alt="" data-src-hover="IMG/logo/artoff28.png?1504103744" /> <div class='rss_texte'><h3 class="spip"><span>Digitalisation des contenus<span class="barre"></span></span></h3><div class='spip_document_101 spip_document spip_documents spip_document_image spip_documents_center spip_document_center'> <figure class="spip_doc_inner"> <a href='https://ex.lesmoutonssauvages.com/IMG/png/1disneyland.png' class="spip_doc_lien mediabox" type="image/png"> <img src='https://ex.lesmoutonssauvages.com/local/cache-vignettes/L500xH299/1disneyland-057f8.png?1780681261' width='500' height='299' alt='' /></a> </figure> </div> <div class='spip_document_102 spip_document spip_documents spip_document_image spip_documents_center spip_document_center'> <figure class="spip_doc_inner"> <a href='https://ex.lesmoutonssauvages.com/IMG/png/2disneyland.png' class="spip_doc_lien mediabox" type="image/png"> <img src='https://ex.lesmoutonssauvages.com/local/cache-vignettes/L500xH299/2disneyland-82b3f.png?1780681261' width='500' height='299' alt='' /></a> </figure> </div> <div class='spip_document_106 spip_document spip_documents spip_document_image spip_documents_center spip_document_center'> <figure class="spip_doc_inner"> <a href='https://ex.lesmoutonssauvages.com/IMG/png/5disneyland.png' class="spip_doc_lien mediabox" type="image/png"> <img src='https://ex.lesmoutonssauvages.com/local/cache-vignettes/L500xH299/5disneyland-c4e75.png?1780681261' width='500' height='299' alt='' /></a> </figure> </div></div> <div class="hyperlien">Voir en ligne : <a href="https://news.disneylandparis.com/dp-25ans" class="spip_out">Il ^faut le vivre</a></div> https://ex.lesmoutonssauvages.com/?Hippie-or-not-Hippie https://ex.lesmoutonssauvages.com/?Hippie-or-not-Hippie 2015-10-14T08:49:00Z text/html fr Charles Stephan <p>M6 mobile by Orange et leur agence Social Media <a href="http://www.playapp.net" target="blank">Playapp</a> ont fait appel aux Moutons Sauvages pour émettre une réponse sociale à leur campagne TV : "les hippies".<br class='autobr' /> Afin de developper une communauté hippie, du concept à la production, nous avons créé une vidéo interactive contenant bout à bout 24 minutes de production.</p> - <a href="https://ex.lesmoutonssauvages.com/?-Production-" rel="directory">Production</a> <img src='https://ex.lesmoutonssauvages.com/local/cache-vignettes/L150xH140/arton8-26d11.jpg?1780757745' class='spip_logo spip_logo_right spip_logo_survol' width='150' height='140' alt="" data-src-hover="IMG/logo/artoff8.jpg?1503935121" /> <div class='rss_texte'><h2>Teaser </h2> <h3 class="spip"><span>Le jeu de l'absurdité<span class="barre"></span></span></h3> <p>Pour susciter l'intérêt des fans d'M6 mobile et afin de sublimer le talent des deux acteurs - Romain Isselée et Adrien Schmück - la mise en scène du teaser de l'opération fût simple et laissa part à l'improvisation des deux comédiens.</p> <div class="fullVideo r169"> <iframe src="" frameborder="0" allowTransparency="true" allowfullscreen data-src="https://www.youtube.com/embed/ 3aiH9-rQHts?autoplay=1"></iframe> <button style="background-image:url(IMG/gif/m6mobile_28octobre_teaser.gif)"> <span> <svg x="0px" y="0px" viewBox="0 0 100 100" xml:space="preserve"> <path d="M82.1,74.8L69.2,63.4c-0.3-0.3-0.7-0.3-1.1-0.2c-0.4,0.2-0.6,0.5-0.6,0.9l0,22.4c0,0.4,0.2,0.7,0.6,0.9 c0.1,0.1,0.3,0.1,0.4,0.1c0.2,0,0.5-0.1,0.6-0.2l12.9-11c0.2-0.2,0.3-0.5,0.4-0.8C82.5,75.3,82.3,75,82.1,74.8z"/> </svg> </span> </button> </div><h2> La vidéo interactive</h2> <h3 class="spip"><span>De joyeux Babos - Du scénario à la réalisation<span class="barre"></span></span></h3> <p>Notre mission sur cette campagne était tout d'abord d'écrire différents types de scénario relatant la vie d'une communauté hippie et de ses bons plans M6 Mobile. <br class='manualbr' />Une fois le scénario validé nous avons pu passer à l'étape de production des séquences. L'intégralité du processus de production a été assurée par les Moutons Sauvages qui se sont absolument régalés sur ce travail.</p> <p>L'interactivité de ces vidéos est amenée principalement par le jeu d'acteur face à la caméra qui sollicite constamment l'internaute. Tout comme cette chanson que "Rivière enchantée" offre aux internautes.</p> <div class="fullVideo r169"> <iframe src="" frameborder="0" allowTransparency="true" allowfullscreen data-src="https://www.youtube.com/embed/ V0BfWoVlKDU?autoplay=1"></iframe> <button style="background-image:url(IMG/gif/m6mobilechanson.gif)"> <span> <svg x="0px" y="0px" viewBox="0 0 100 100" xml:space="preserve"> <path d="M82.1,74.8L69.2,63.4c-0.3-0.3-0.7-0.3-1.1-0.2c-0.4,0.2-0.6,0.5-0.6,0.9l0,22.4c0,0.4,0.2,0.7,0.6,0.9 c0.1,0.1,0.3,0.1,0.4,0.1c0.2,0,0.5-0.1,0.6-0.2l12.9-11c0.2-0.2,0.3-0.5,0.4-0.8C82.5,75.3,82.3,75,82.1,74.8z"/> </svg> </span> </button> </div><h3 class="spip"><span>Des temps de latence aux réponses fausses<span class="barre"></span></span></h3> <p>Grand classique du moment, le film interactif à quelques contraintes qui lui sont propres. Que fait l'interface si l'utilisateur se trompe, ne se manifeste plus ou se trompe de réponse ? Pour faire vivre la meilleure expérience possible à l'internaute, nous avons réalisé une vingtaine de petites vidéos sur le ton de l'humour pour amuser l'utilisateur du site.</p> <div class="displayer"> <span class="cale"></span> <span class="cale"></span> <span class="cale"></span> <span class="cale"></span> <span><img src='https://ex.lesmoutonssauvages.com/local/cache-vignettes/L500xH281/6907bbe5acf0fd3069df0a8142c273-8ab96.jpg?1780757746' width='500' height='281' alt='13482941 10153778048139001 2069603315310071833 o' /></span> <span><img src='https://ex.lesmoutonssauvages.com/local/cache-vignettes/L500xH281/2ab39cc04a85f7ea9d26b6f2956b8b-e6b8c.jpg?1780757745' width='500' height='281' alt='13475047 10153778053814001 6745570171811823138 o' /></span> <span><img src='https://ex.lesmoutonssauvages.com/local/cache-vignettes/L500xH281/bfc5beb8aac0b1369ade9f93c16ae3-4f291.jpg?1780757745' width='500' height='281' alt='13483155 10153778055499001 2953976055366180449 o' /></span> </div><h3 class="spip"><span>Tourner avec des animaux<span class="barre"></span></span></h3> <p>C'est la première fois pour nous que nous tournions avec des animaux. L'expérience fût épique pour nous comme pour les acteurs.</p> <div class="displayer"> <span class="cale"></span> <span class="cale"></span> <span class="cale"></span> <span class="cale"></span> <span><img src='https://ex.lesmoutonssauvages.com/local/cache-vignettes/L500xH281/6067917204d7b07df412762010739b-1edd5.jpg?1780757746' width='500' height='281' alt='13490631 10153778053164001 6751932925497270460 o' /></span> <span><img src='https://ex.lesmoutonssauvages.com/local/cache-vignettes/L420xH236/c66b7b3a6911cd63cf1b003618be49-65fcd.png?1780757746' width='420' height='236' alt='13490639 10153778049059001 3669184741282392629 o' /></span> </div> <p><strong>Réalisation / écriture : </strong> Charles Stephan<br class='autobr' /> <strong>Direction Artistique : </strong> Daphné Heissat<br class='autobr' /> <strong>Production : </strong> Hermès Garanger et Jean Delassus<br class='autobr' /> <strong>Chef Opérateur : </strong> Rodolphe Séraphine<br class='autobr' /> <strong>Régie :</strong> Pierre-Henri Fouchier<br class='autobr' /> <strong>Post-Production :</strong> Philippe Champalle</p> <p><strong>Avec :</strong> Romain Isselé, Adrien Schmück, Gaëlle Bourgeois et Dorin Duca.</p></div> <div class="hyperlien">Voir en ligne : <a href="http://hippie.m6mobile.fr/" class="spip_out">Découvrez la vidéo interactive</a></div> https://ex.lesmoutonssauvages.com/?Outil-d-aide-a-la-vente https://ex.lesmoutonssauvages.com/?Outil-d-aide-a-la-vente 2015-09-30T13:40:00Z text/html fr Charles Stephan <p>Accompagnement & Création d'un outil d'aide à la vente pour la marque de vêtements Faith Connexion.<br class='autobr' /> Nous fûmes aussi chargés de la réalisation du POC</p> - <a href="https://ex.lesmoutonssauvages.com/?-Lab-R-D-" rel="directory">Lab/R&D</a> <img src='https://ex.lesmoutonssauvages.com/local/cache-vignettes/L100xH150/arton32-559ac.jpg?1780757746' class='spip_logo spip_logo_right spip_logo_survol' width='100' height='150' alt="" data-src-hover="IMG/logo/artoff32.jpg?1504100423" /> <div class='rss_texte'><h2>Conception</h2> <div class='spip_document_115 spip_document spip_documents spip_document_image spip_documents_center spip_document_center'> <figure class="spip_doc_inner"> <a href='https://ex.lesmoutonssauvages.com/IMG/jpg/ergo1.jpg' class="spip_doc_lien mediabox" type="image/jpeg"> <img src='https://ex.lesmoutonssauvages.com/local/cache-vignettes/L500xH377/ergo1-2833f.jpg?1780757746' width='500' height='377' alt='' /></a> </figure> </div> <div class='spip_document_116 spip_document spip_documents spip_document_image spip_documents_center spip_document_center'> <figure class="spip_doc_inner"> <a href='https://ex.lesmoutonssauvages.com/IMG/jpg/ergo2.jpg' class="spip_doc_lien mediabox" type="image/jpeg"> <img src='https://ex.lesmoutonssauvages.com/local/cache-vignettes/L500xH377/ergo2-8749d.jpg?1780757746' width='500' height='377' alt='' /></a> </figure> </div> <div class='spip_document_117 spip_document spip_documents spip_document_image spip_documents_center spip_document_center'> <figure class="spip_doc_inner"> <a href='https://ex.lesmoutonssauvages.com/IMG/jpg/ergo3.jpg' class="spip_doc_lien mediabox" type="image/jpeg"> <img src='https://ex.lesmoutonssauvages.com/local/cache-vignettes/L500xH377/ergo3-736dd.jpg?1780757746' width='500' height='377' alt='' /></a> </figure> </div> <div class='spip_document_118 spip_document spip_documents spip_document_image spip_documents_center spip_document_center'> <figure class="spip_doc_inner"> <a href='https://ex.lesmoutonssauvages.com/IMG/jpg/ergo4.jpg' class="spip_doc_lien mediabox" type="image/jpeg"> <img src='https://ex.lesmoutonssauvages.com/local/cache-vignettes/L500xH377/ergo4-1d29a.jpg?1780757746' width='500' height='377' alt='' /></a> </figure> </div> <h2>Prototypage</h2> <div style="text-align:center;"><iframe width="396" height="858" src="//invis.io/PK3PM9D2J" frameborder="0" allowfullscreen></iframe></div></div> <div class="hyperlien">Voir en ligne : <a href="https://www.faithconnexion.com/" class="spip_out">Faith Connexion</a></div> https://ex.lesmoutonssauvages.com/?Animation-interactive https://ex.lesmoutonssauvages.com/?Animation-interactive 2015-09-15T11:08:00Z text/html fr Charles Stephan <p>L'agence <a href="http://www.epicea.com" class="spip_out" rel="external">Epicea</a> se renouvelle et développe un nouveau pôle : le digital. L'équipe de créativité de cette agence nous a sollicité pour réaliser, en collaboration, la création d'un stopmotion dont l'utilisateur contrôle la lecture...</p> - <a href="https://ex.lesmoutonssauvages.com/?-Lab-R-D-" rel="directory">Lab/R&D</a> <img src='https://ex.lesmoutonssauvages.com/local/cache-vignettes/L150xH146/arton21-a33b7.jpg?1780757746' class='spip_logo spip_logo_right spip_logo_survol' width='150' height='146' alt="" data-src-hover="IMG/logo/artoff21.jpg?1504017192" /> <div class='rss_texte'><h2>Quatre valeurs à illustrer <br> un moteur de rendu 2d à créer</h2><div class='spip_document_57 spip_document spip_documents spip_document_image spip_documents_center spip_document_center'> <figure class="spip_doc_inner"> <a href='https://ex.lesmoutonssauvages.com/IMG/jpg/epice_1.jpg' class="spip_doc_lien mediabox" type="image/jpeg"> <img src='https://ex.lesmoutonssauvages.com/local/cache-vignettes/L500xH333/epice_1-9d3d9.jpg?1780757746' width='500' height='333' alt='' /></a> </figure> </div><h3 class="spip"><span>Le dessin<span class="barre"></span></span></h3> <p>Un petit coup de flash pour poser les volumes (oui on aurait pu tout faire en 3d) beaucoup de coup de cutter...</p> <div class="fullVideo r169"> <iframe src="" frameborder="0" allowTransparency="true" allowfullscreen data-src="https://www.youtube.com/embed/ LT49Q2YGdh8?autoplay=1"></iframe> <button style="background-image:url(IMG/png/stopmotionepicea.png)"> <span> <svg x="0px" y="0px" viewBox="0 0 100 100" xml:space="preserve"> <path d="M82.1,74.8L69.2,63.4c-0.3-0.3-0.7-0.3-1.1-0.2c-0.4,0.2-0.6,0.5-0.6,0.9l0,22.4c0,0.4,0.2,0.7,0.6,0.9 c0.1,0.1,0.3,0.1,0.4,0.1c0.2,0,0.5-0.1,0.6-0.2l12.9-11c0.2-0.2,0.3-0.5,0.4-0.8C82.5,75.3,82.3,75,82.1,74.8z"/> </svg> </span> </button> </div><h3 class="spip"><span>Le moteur de rendu<span class="barre"></span></span></h3> <p>Aucun outil existant ne nous allait aussi nous avons décidé de développer un moteur nous même. Full javascript.</p> <div class="displayer"> <span class="cale"></span> <span class="cale"></span> <span class="cale"></span> <span><img src='https://ex.lesmoutonssauvages.com/local/cache-vignettes/L500xH281/38248e5140baaebaf3485ec94cb06c-7ffef.png?1780757746' width='500' height='281' alt='' /></span> <span><img src='https://ex.lesmoutonssauvages.com/local/cache-vignettes/L500xH281/b53ee14445831b4af967544b73dbe1-ff793.jpg?1780757746' width='500' height='281' alt='' /></span> <span><img src='https://ex.lesmoutonssauvages.com/local/cache-vignettes/L500xH281/e43fadd8544627eee687bee5f5729d-02b45.jpg?1780757746' width='500' height='281' alt='' /></span> </div> <p>C'est en scrollant que nous contrôlons le framing des séquences.<br class='autobr' /> Un mélange de vidéo interactive et d'un bon vieux One page.</p></div> <div class="hyperlien">Voir en ligne : <a href="http://www.epicea.com/Presentation" class="spip_out">Mais découvrez ^la plutôt</a></div> https://ex.lesmoutonssauvages.com/?Creation-du-site-internet-de-l-agence-EPICEA https://ex.lesmoutonssauvages.com/?Creation-du-site-internet-de-l-agence-EPICEA 2015-08-29T10:31:00Z text/html fr Charles Stephan <p>L'agence Epicea souhaitait dans le prolongement de son re-positionnement stratégique, revoir entièrement son site internet.</p> - <a href="https://ex.lesmoutonssauvages.com/?-Digital-" rel="directory">Digital</a> <img src='https://ex.lesmoutonssauvages.com/local/cache-vignettes/L150xH150/arton23-95463.jpg?1780757747' class='spip_logo spip_logo_right spip_logo_survol' width='150' height='150' alt="" data-src-hover="IMG/logo/artoff23.jpg?1504019836" /> <div class='rss_texte'><h2>Le site</h2> <h3 class="spip"><span> Un bon vieux one page<span class="barre"></span></span></h3> <div class='spip_document_73 spip_document spip_documents spip_document_image spip_documents_center spip_document_center'> <figure class="spip_doc_inner"> <a href='https://ex.lesmoutonssauvages.com/IMG/jpg/first.jpg' class="spip_doc_lien mediabox" type="image/jpeg"> <img src='https://ex.lesmoutonssauvages.com/local/cache-vignettes/L500xH1318/first-bab77.jpg?1780757747' width='500' height='1318' alt='' /></a> </figure> </div> <h3 class="spip"><span> Page projet<span class="barre"></span></span></h3> <div class='spip_document_75 spip_document spip_documents spip_document_image spip_documents_center spip_document_center'> <figure class="spip_doc_inner"> <a href='https://ex.lesmoutonssauvages.com/IMG/png/capture_d_e_cran_2017-08-29_a_16.51.43.png' class="spip_doc_lien mediabox" type="image/png"> <img src='https://ex.lesmoutonssauvages.com/local/cache-vignettes/L500xH431/capture_d_e_cran_2017-08-29_a_16.51.43-007fd.png?1780757747' width='500' height='431' alt='' /></a> </figure> </div><h2>Blog & newsletter + moteur de routage</h2> <h3 class="spip"><span> Le tout librement administrable<span class="barre"></span></span></h3> <div class='spip_document_74 spip_document spip_documents spip_document_image spip_documents_center spip_document_center'> <figure class="spip_doc_inner"> <a href='https://ex.lesmoutonssauvages.com/IMG/jpg/blog.jpg' class="spip_doc_lien mediabox" type="image/jpeg"> <img src='https://ex.lesmoutonssauvages.com/local/cache-vignettes/L500xH670/blog-35356.jpg?1780757747' width='500' height='670' alt='' /></a> </figure> </div><h3 class="spip"><span> La newsletter RWD & tout aussi administrable<span class="barre"></span></span></h3> <div class='spip_document_76 spip_document spip_documents spip_document_image spip_documents_center spip_document_center'> <figure class="spip_doc_inner"> <a href='https://ex.lesmoutonssauvages.com/IMG/jpg/epiceablognsl.jpg' class="spip_doc_lien mediabox" type="image/jpeg"> <img src='https://ex.lesmoutonssauvages.com/local/cache-vignettes/L500xH1147/epiceablognsl-bb3f8.jpg?1780757747' width='500' height='1147' alt='' /></a> </figure> </div></div> <div class="hyperlien">Voir en ligne : <a href="http://www.epicea.com" class="spip_out">Voir de ^vos propres yeux</a></div> https://ex.lesmoutonssauvages.com/?UX-Logotype https://ex.lesmoutonssauvages.com/?UX-Logotype 2014-03-29T15:06:00Z text/html fr Charles Stephan <p>Shareways est une startup qui a pour but de mettre en relation les utilisateurs pour leur faire partager ensemble des trajets : vélos, taxis, marche à pieds etc.</p> - <a href="https://ex.lesmoutonssauvages.com/?-Identite-" rel="directory">Identité</a> <img src='https://ex.lesmoutonssauvages.com/local/cache-vignettes/L150xH100/arton24-3c9bf.jpg?1780757747' class='spip_logo spip_logo_right spip_logo_survol' width='150' height='100' alt="" data-src-hover="IMG/logo/artoff24.jpg?1504016017" /> <div class='rss_texte'><h3 class="spip"><span>UX & mockup<span class="barre"></span></span></h3><div class='spip_document_72 spip_document spip_documents spip_document_image spip_documents_center spip_document_center'> <figure class="spip_doc_inner"> <a href='https://ex.lesmoutonssauvages.com/IMG/png/shareways.png' class="spip_doc_lien mediabox" type="image/png"> <img src='https://ex.lesmoutonssauvages.com/local/cache-vignettes/L500xH377/shareways-6584c.png?1780757747' width='500' height='377' alt='' /></a> </figure> </div><h3 class="spip"><span>Finalisation de l'identité<span class="barre"></span></span></h3><div class='spip_document_71 spip_document spip_documents spip_document_image spip_documents_center spip_document_center'> <figure class="spip_doc_inner"> <a href='https://ex.lesmoutonssauvages.com/IMG/jpg/shareways_pro_log.jpg' class="spip_doc_lien mediabox" type="image/jpeg"> <img src='https://ex.lesmoutonssauvages.com/local/cache-vignettes/L500xH515/shareways_pro_log-2dd4f.jpg?1780757747' width='500' height='515' alt='' /></a> </figure> </div></div> https://ex.lesmoutonssauvages.com/?Creation-et-A-B-Testing https://ex.lesmoutonssauvages.com/?Creation-et-A-B-Testing 2013-08-29T15:41:00Z text/html fr Charles Stephan <p>Bet advisor est une plateforme d'aide au betting.<br class='autobr' /> Les meilleurs tipsters vendent leurs conseils. Offrant aux utilisateurs les meilleurs conseils en paris sportifs.<br class='autobr' /> Ce qui permis à la marque de developper un logiciel !</p> - <a href="https://ex.lesmoutonssauvages.com/?-Digital-" rel="directory">Digital</a> <img src='https://ex.lesmoutonssauvages.com/local/cache-vignettes/L150xH84/arton26-6d3a0.jpg?1780757747' class='spip_logo spip_logo_right spip_logo_survol' width='150' height='84' alt="" data-src-hover="IMG/logo/artoff26.jpg?1504090904" /> <div class='rss_texte'><h2>Le site</h2> <div class='spip_document_77 spip_document spip_documents spip_document_image spip_documents_center spip_document_center'> <figure class="spip_doc_inner"> <a href='https://ex.lesmoutonssauvages.com/IMG/jpg/bet_v2_c.jpg' class="spip_doc_lien mediabox" type="image/jpeg"> <img src='https://ex.lesmoutonssauvages.com/local/cache-vignettes/L500xH845/bet_v2_c-f7077.jpg?1780757748' width='500' height='845' alt='' /></a> </figure> </div> <h2>Le logiciel de bureau</h2> <div class='spip_document_84 spip_document spip_documents spip_document_image spip_documents_center spip_document_center'> <figure class="spip_doc_inner"> <a href='https://ex.lesmoutonssauvages.com/IMG/jpg/1_startup_image.jpg' class="spip_doc_lien mediabox" type="image/jpeg"> <img src='https://ex.lesmoutonssauvages.com/local/cache-vignettes/L500xH370/1_startup_image-d4cb2.jpg?1780757748' width='500' height='370' alt='' /></a> </figure> </div> <div class='spip_document_78 spip_document spip_documents spip_document_image spip_documents_center spip_document_center'> <figure class="spip_doc_inner"> <a href='https://ex.lesmoutonssauvages.com/IMG/jpg/2_login.jpg' class="spip_doc_lien mediabox" type="image/jpeg"> <img src='https://ex.lesmoutonssauvages.com/local/cache-vignettes/L500xH370/2_login-1ddd1.jpg?1780757748' width='500' height='370' alt='' /></a> </figure> </div> <div class='spip_document_79 spip_document spip_documents spip_document_image spip_documents_center spip_document_center'> <figure class="spip_doc_inner"> <a href='https://ex.lesmoutonssauvages.com/IMG/jpg/3_loading.jpg' class="spip_doc_lien mediabox" type="image/jpeg"> <img src='https://ex.lesmoutonssauvages.com/local/cache-vignettes/L500xH370/3_loading-db650.jpg?1780757748' width='500' height='370' alt='' /></a> </figure> </div> <div class='spip_document_80 spip_document spip_documents spip_document_image spip_documents_center spip_document_center'> <figure class="spip_doc_inner"> <a href='https://ex.lesmoutonssauvages.com/IMG/jpg/4_list_bet.jpg' class="spip_doc_lien mediabox" type="image/jpeg"> <img src='https://ex.lesmoutonssauvages.com/local/cache-vignettes/L500xH370/4_list_bet-9e53c.jpg?1780757748' width='500' height='370' alt='' /></a> </figure> </div> <div class='spip_document_81 spip_document spip_documents spip_document_image spip_documents_center spip_document_center'> <figure class="spip_doc_inner"> <a href='https://ex.lesmoutonssauvages.com/IMG/jpg/5_generals_settings.jpg' class="spip_doc_lien mediabox" type="image/jpeg"> <img src='https://ex.lesmoutonssauvages.com/local/cache-vignettes/L500xH370/5_generals_settings-ba520.jpg?1780757748' width='500' height='370' alt='' /></a> </figure> </div> <div class='spip_document_82 spip_document spip_documents spip_document_image spip_documents_center spip_document_center'> <figure class="spip_doc_inner"> <a href='https://ex.lesmoutonssauvages.com/IMG/jpg/6_bookmakers_manager.jpg' class="spip_doc_lien mediabox" type="image/jpeg"> <img src='https://ex.lesmoutonssauvages.com/local/cache-vignettes/L500xH370/6_bookmakers_manager-9a28f.jpg?1780757748' width='500' height='370' alt='' /></a> </figure> </div> <div class='spip_document_83 spip_document spip_documents spip_document_image spip_documents_center spip_document_center'> <figure class="spip_doc_inner"> <a href='https://ex.lesmoutonssauvages.com/IMG/jpg/7_bookmakers_connecter.jpg' class="spip_doc_lien mediabox" type="image/jpeg"> <img src='https://ex.lesmoutonssauvages.com/local/cache-vignettes/L500xH370/7_bookmakers_connecter-a7ae9.jpg?1780757748' width='500' height='370' alt='' /></a> </figure> </div></div> <div class="hyperlien">Voir en ligne : <a href="https://www.betadvisor.com" class="spip_out">Visiter ^le Site</a></div> https://ex.lesmoutonssauvages.com/?Site-et-Portfolio https://ex.lesmoutonssauvages.com/?Site-et-Portfolio 2013-08-28T15:55:00Z text/html fr Charles Stephan <p>Cette société de production, l'une des plus réputées, a fait appel aux Moutons Sauvages pour leur proposer un portfolio digital.</p> - <a href="https://ex.lesmoutonssauvages.com/?-Digital-" rel="directory">Digital</a> <img src='https://ex.lesmoutonssauvages.com/local/cache-vignettes/L150xH138/arton22-a7d10.png?1780757748' class='spip_logo spip_logo_right spip_logo_survol' width='150' height='138' alt="" data-src-hover="IMG/logo/artoff22.png?1504096737" /> <div class='rss_texte'><h2>Création d'une identité digitale</h2> <h3 class="spip"><span> Designons la consommation<span class="barre"></span></span></h3> <p>Qu'est ce qu'un book et comment le consomme-t-on ?<br class='autobr' /> Un book se distribue et se montre.<br class='manualbr' />C'est de cette idée qu'est parti tout le processus de création.</p> <h3 class="spip"><span>Distribuer : Mobile first<span class="barre"></span></span></h3> <p>Mobile first certes, évidemment même, le site est donc accessible sur toutes les plateformes et les formats.</p> <docxx> <h3 class="spip"><span>Montrer : le display en webapp<span class="barre"></span></span></h3> <p>Grâce à quelques options on peut rendre un site "webAppCapable"</p> <p>>visuel</p> <p>Les équipes de Cube peuvent en réunion se servir de leur site comme une application qui fait défiler leurs derniers travaux - source de dialogue et d'acquisition - et / ou présenter un certain travail.</p> <h3 class="spip"><span>Libre<span class="barre"></span></span></h3> <p>Tous les sites créés pour nos soins sont administrables sans notre intervention.</p></div> <div class="hyperlien">Voir en ligne : <a href="https://www.cube-creative.fr" class="spip_out">Visiter ^le site</a></div>