http://ultragramme.com/ Un studio de design graphique pour l'art, la culture et les entreprises. fr SPIP - www.spip.net http://ultragramme.com/Xpo-Gallery http://ultragramme.com/Xpo-Gallery 2015-01-29T15:12:03Z text/html fr Juliette Goiffon identité visuelle site internet culturel art contemporain <p>un site internet pour une galerie parisienne d'art numérique</p> - <a href="http://ultragramme.com/projets-archives" rel="directory">projets archivés</a> / <a href="http://ultragramme.com/identite-visuelle" rel="tag">identité visuelle</a>, <a href="http://ultragramme.com/site-internet" rel="tag">site internet</a>, <a href="http://ultragramme.com/culturel" rel="tag">culturel</a>, <a href="http://ultragramme.com/art-contemporain" rel="tag">art contemporain</a> <img src='http://ultragramme.com/local/cache-vignettes/L106xH150/arton30-ba654.jpg?1787729312' class='spip_logo spip_logo_right' width='106' height='150' alt="" /> <div class='rss_chapo'><p>Site internet pour une galerie parisienne d'art numérique.</p></div> <div class='rss_texte'><p>Plutôt qu'une vitrine, nous avons conçu un outil de communication pour la galerie. Grâce à une interface modulaire inspirée des menus de jeux vidéos, nous avons envisagé la page d'accueil comme une une hybridation entre le tableau de bord et le panneau d'affichage.</p> <div class="test"> <span class='spip_document_138 spip_documents spip_documents_left spip_lien_ok' style='float:left; width:500px;'><img src='http://ultragramme.com/IMG/gif/gif-xpo-web.gif?1422544297' width='500' height='394' title="site xpo gallery" alt="site xpo gallery" /></span> </div> <blockquote class="spip"> <p>Le site de Xpo Gallery a été pensé pour se différencier de ceux des autres galeries d'art contemporain, qui laissent souvent peu de place au texte et à la couleur.</p> </blockquote><div class="test"> <span class='spip_document_139 spip_documents spip_lien_ok'><img src='http://ultragramme.com/local/cache-vignettes/L500xH827/display-0648-1-2015-01-29-fad61.png?1787729312' width='500' height='827' title="site po gallery - ipad et iphone" alt="site po gallery - ipad et iphone" /></span> </div><blockquote class="spip"> <p>En rapport avec le travail des artistes de la galerie, une sélection en directe de tweets défile en continu sur la Tweetboard.</p> </blockquote> <p> <br/> <br/></p> <div class="clearfix"> </div> <div class="test"> <span class='spip_document_140 spip_documents spip_documents_center spip_lien_ok'><img src='http://ultragramme.com/local/cache-vignettes/L500xH369/tweetboard-9f82b.png?1787729312' width='500' height='369' title="tweetboard - site xpo gallery" alt="tweetboard - site xpo gallery" /></span> </div> <div class="clearfix"> </div></div> http://ultragramme.com/L-Ange-de-fer http://ultragramme.com/L-Ange-de-fer 2015-01-29T14:20:15Z text/html fr Juliette Goiffon identité visuelle application média entreprise <p>création d'une application iPad pour une bande dessinée interactive</p> - <a href="http://ultragramme.com/projets-archives" rel="directory">projets archivés</a> / <a href="http://ultragramme.com/identite-visuelle" rel="tag">identité visuelle</a>, <a href="http://ultragramme.com/application" rel="tag">application</a>, <a href="http://ultragramme.com/media" rel="tag">média</a>, <a href="http://ultragramme.com/entreprise" rel="tag">entreprise</a> <img src='http://ultragramme.com/local/cache-vignettes/L106xH150/arton29-6c278.jpg?1787729312' class='spip_logo spip_logo_right' width='106' height='150' alt="" /> <div class='rss_chapo'><p>Univers graphique, identité visuelle et création d'une application iPad pour une bande dessinée interactive sur la vie de Charles Nungesser.</p></div> <div class='rss_texte'><div class="test"> <span class='spip_document_134 spip_documents spip_documents_left spip_lien_ok' style='float:left; width:500px;'><img src='http://ultragramme.com/local/cache-vignettes/L500xH435/ipad-2-portrait-24ad9.png?1787729313' width='500' height='435' title="application Ipad - ange de fer" alt="application Ipad - ange de fer" /></span> </div> <blockquote class="spip"> <p>Dans une esthétique radicale et contemporaine, cette application renvoie à l'histoire et à l'époque de l'aviateur Charles Nungesser et la réactualise.</p> </blockquote><div class="test"> <span class='spip_document_135 spip_documents spip_lien_ok'><img src='http://ultragramme.com/local/cache-vignettes/L500xH684/ipad-6-a3205.png?1787729313' width='500' height='684' title="application Ipad - ange de fer" alt="application Ipad - ange de fer" /></span> </div><div class="test"> <span class='spip_document_136 spip_documents spip_lien_ok'><img src='http://ultragramme.com/local/cache-vignettes/L500xH684/ipad-4-fc468.png?1787729313' width='500' height='684' title="application Ipad - ange de fer" alt="application Ipad - ange de fer" /></span> </div><div class="test"> <span class='spip_document_137 spip_documents spip_lien_ok'><img src='http://ultragramme.com/local/cache-vignettes/L500xH684/ipad-5-45e3a.png?1787729313' width='500' height='684' title="application Ipad - ange de fer" alt="application Ipad - ange de fer" /></span> </div> <blockquote class="spip"> <p>L'usage prédominant du noir et blanc permet l'intégration et la mise en valeur de pages de bandes dessinées et de dessins au traits.</p> </blockquote></div> http://ultragramme.com/Kamerensemble http://ultragramme.com/Kamerensemble 2015-01-29T13:53:39Z text/html fr Juliette Goiffon logotype papeterie musique <p>une identité visuelle pour un orchestre philharmonique</p> - <a href="http://ultragramme.com/projets-archives" rel="directory">projets archivés</a> / <a href="http://ultragramme.com/logotype" rel="tag">logotype</a>, <a href="http://ultragramme.com/papeterie" rel="tag">papeterie</a>, <a href="http://ultragramme.com/musique" rel="tag">musique</a> <img src='http://ultragramme.com/local/cache-vignettes/L106xH150/arton28-5e283.jpg?1787729313' class='spip_logo spip_logo_right' width='106' height='150' alt="" /> <div class='rss_chapo'><p>Une identité visuelle pour un orchestre philharmonique <br class='autobr' /> franco-allemand.</p></div> <div class='rss_texte'><div class="test"> <span class='spip_document_133 spip_documents spip_documents_left spip_lien_ok' style='float:left; width:500px;'><img src='http://ultragramme.com/local/cache-vignettes/L500xH638/papeterie-c4684.png?1787729313' width='500' height='638' alt="" /></span> </div> <p>Le logotype du Kamerensemble est un jeu sur la binationalité de l'orchestre. Il peut se lire ligne par ligne (dans un mélange des deux langues), ou bien par colonne (en français d'un côté et en allemand de l'autre). Symboliquement, les deux parties du logo se rassemblent autour d'une frontière en pointillés, qui évoque également la baguette du chef d'orchestre.</p></div> http://ultragramme.com/Fenetres-sur-Bellecour http://ultragramme.com/Fenetres-sur-Bellecour 2015-01-22T11:30:46Z text/html fr Juliette Goiffon logotype identité visuelle papeterie <p>une identité visuelle et un site internet pour un appart-hôtel de luxe</p> - <a href="http://ultragramme.com/projets-archives" rel="directory">projets archivés</a> / <a href="http://ultragramme.com/logotype" rel="tag">logotype</a>, <a href="http://ultragramme.com/identite-visuelle" rel="tag">identité visuelle</a>, <a href="http://ultragramme.com/papeterie" rel="tag">papeterie</a> <img src='http://ultragramme.com/local/cache-vignettes/L106xH150/arton25-b25d4.jpg?1787729313' class='spip_logo spip_logo_right' width='106' height='150' alt="" /> <div class='rss_chapo'><p>Une identité visuelle et un site internet pour un appart-hôtel de luxe à Lyon.</p></div> <div class='rss_texte'><div class="test"> <span class='spip_document_120 spip_documents spip_lien_ok'><img src='http://ultragramme.com/local/cache-vignettes/L500xH333/papeterie-fenetres-dfe7e.jpg?1787729313' width='500' height='333' title="papeterie Fenêtres sur Bellecour" alt="papeterie Fenêtres sur Bellecour" /></span> </div> <p><br/> <br/></p> <div class="clearfix"> </div> <div class="test"> <span class='spip_document_113 spip_documents spip_lien_ok'><img src='http://ultragramme.com/IMG/gif/anim-vernis.gif?1421926549' width='500' height='333' title="carton fenêtre sur Bellecour" alt="carton fenêtre sur Bellecour" /></span> </div> <div class="test"> <span class='spip_document_114 spip_documents spip_lien_ok'><img src='http://ultragramme.com/local/cache-vignettes/L500xH333/carton-2-c39b3.jpg?1787729314' width='500' height='333' title="cartons Fenêtres sur Bellecour" alt="cartons Fenêtres sur Bellecour" /></span> </div> <p><br/></p> <div class="clearfix"> </div> <div class="test"> <span class='spip_document_118 spip_documents spip_documents_center spip_lien_ok'><img src='http://ultragramme.com/IMG/gif/gif-fenetre-2.gif?1421929536' width='500' height='383' title="site internet Fenêtres sur Bellecour" alt="site internet Fenêtres sur Bellecour" /></span> </div></div> http://ultragramme.com/Les-editions-extraordinaires http://ultragramme.com/Les-editions-extraordinaires 2015-01-22T09:39:29Z text/html fr Juliette Goiffon logotype identité visuelle site internet direction artistique culturel édition <p>direction artistique d'une maison d'édition</p> - <a href="http://ultragramme.com/projets-archives" rel="directory">projets archivés</a> / <a href="http://ultragramme.com/logotype" rel="tag">logotype</a>, <a href="http://ultragramme.com/identite-visuelle" rel="tag">identité visuelle</a>, <a href="http://ultragramme.com/site-internet" rel="tag">site internet</a>, <a href="http://ultragramme.com/direction-artistique" rel="tag">direction artistique</a>, <a href="http://ultragramme.com/culturel" rel="tag">culturel</a>, <a href="http://ultragramme.com/edition" rel="tag">édition</a> <img src='http://ultragramme.com/local/cache-vignettes/L106xH150/arton24-b0866.jpg?1787729315' class='spip_logo spip_logo_right' width='106' height='150' alt="" /> <div class='rss_chapo'><p>Direction artistique, identité visuelle et site internet pour une maison d'édition extraordinaire. Un système reposant sur la confusion de tous les plans.</p></div> <div class='rss_texte'><div class="test"> <span class='spip_document_106 spip_documents spip_documents_left spip_lien_ok' style='float:left; width:500px;'><img src='http://ultragramme.com/local/cache-vignettes/L500xH692/editions-extra-ordi-18df5.png?1787729315' width='500' height='692' alt="" /></span> </div> <div class="test"> <span class='spip_document_107 spip_documents spip_documents_left spip_lien_ok' style='float:left; width:500px;'><img src='http://ultragramme.com/local/cache-vignettes/L500xH376/editions-extra-ordi2-7d85d.png?1787729315' width='500' height='376' alt="" /></span> </div> <p>Les <i>Éditions extraordinaires</i> ont été créées en 2011, dans une volonté d'expérimenter librement, et de privilégier la qualité et la spécificité à la production de masse. Ils produisent des livres en petites et très petites séries sous différentes formes (papier, écran, livres-objets…).</p> <p>En résonance aves les problématiques de cette maison d'édition, nous avons pensé une identité à la rencontre du papier et de l'écran. Brouillant librement les frontières, le site internet fait directement référence aux mises en page de journaux, tout en jouant avec des contenus tirés d'internet, comme des messages d'erreur ou de spams. <br class='autobr' /> Dans ce même esprit d'hybridation, les cartes de visites, réalisées en dorure à chaud, sont marquées de divers messages en provenance d'internet tels que : « erreur 404 » , « page not found » et « chargement en cours ».<br class='autobr' /> <br/></p> <div class="test"> <span class='spip_document_111 spip_documents spip_documents_center spip_lien_ok'><img src='http://ultragramme.com/local/cache-vignettes/L500xH332/cartes-2-2c0a3.jpg?1787729315' width='500' height='332' alt="" /></span> </div><blockquote class="spip"> <p>Jouant de la confusion des supports et de la fusion du sensible et du numérique avec humour, cette identité souligne la singularité de cette maison d'édition hors normes.</p> </blockquote><div class="test"> <span class='spip_document_110 spip_documents spip_documents_center spip_lien_ok'><img src='http://ultragramme.com/local/cache-vignettes/L300xH300/tampon2-cd312.png?1787729315' width='300' height='300' alt="" /></span> </div><div class="clearfix"> </div></div>