http://cbgraphik.info/ Mes différents travaux en Illustration, Webdesign, Motion design fr SPIP - www.spip.net http://cbgraphik.info/Sport24-com http://cbgraphik.info/Sport24-com 2011-10-20T16:32:13Z text/html fr Christophe Bernard Client : Sport24.com Réalisation : Direction Artistique et créations de la maquette et ergonomie du site de Sport24 sous la direction de Richard Soundirarassou (Directeur de Création du Studio Digital du Figaro.fr) Description : Site de sport "pureplayer" appartenant au groupe Figaro. - <a href="http://cbgraphik.info/Travaux" rel="directory">Travaux</a> <div class='rss_texte'><p><strong>Client :</strong> <a href='http://www.sport24.com/' class='spip_out'>Sport24.com</a> <strong>Réalisation :</strong> Direction Artistique et créations de la maquette et ergonomie du site de Sport24 sous la direction de Richard Soundirarassou (Directeur de Création du Studio Digital du Figaro.fr) <strong>Description :</strong> Site de sport "pureplayer" appartenant au groupe Figaro.</p> <p><!-- htmlA --><span class='spip_document_110 spip_documents spip_documents_center' ><img src='http://cbgraphik.info/local/cache-vignettes/L500xH444/sport24-accueil-2-97ad9.jpg' width='500' height='444' title="accueil" alt="accueil" style='height:444px;width:500px;' /></span><!-- htmlB --> <!-- htmlA --><span class='spip_document_111 spip_documents spip_documents_center' ><img src='http://cbgraphik.info/local/cache-vignettes/L500xH444/sport24-article-9d0e7.jpg' width='500' height='444' title="article" alt="article" style='height:444px;width:500px;' /></span><!-- htmlB --> <!-- htmlA --><span class='spip_document_112 spip_documents spip_documents_center' ><img src='http://cbgraphik.info/local/cache-vignettes/L500xH444/sport24-diap-43734.jpg' width='500' height='444' alt="" style='height:444px;width:500px;' /></span><!-- htmlB --></p></div> http://cbgraphik.info/Tvmag-app http://cbgraphik.info/Tvmag-app 2011-10-20T16:15:17Z text/html fr Christophe Bernard Client : TVMAG Réalisation : Direction Artistique et création des maquettes, ergonomie sous la direction de Richard Soundirarassou (Directeur de Création du Studio Digital du Figaro.fr) Description : Réalisation des maquettes et ergonomie des applications pour iPhone et iPad. Plus d'informations : sur l'AppStore - <a href="http://cbgraphik.info/Travaux" rel="directory">Travaux</a> <div class='rss_texte'><p><strong>Client :</strong> <a href='http://http:/tvmag.lefigaro.fr/' class='spip_out'>TVMAG</a> <strong>Réalisation :</strong> Direction Artistique et création des maquettes, ergonomie sous la direction de Richard Soundirarassou (Directeur de Création du Studio Digital du Figaro.fr) <strong>Description :</strong> Réalisation des maquettes et ergonomie des applications pour iPhone et iPad.</p> <p><!-- htmlA --><span class='spip_document_105 spip_documents spip_documents_center' ><img src='http://cbgraphik.info/local/cache-vignettes/L500xH617/tvmag-iPad-iPhone-389ef.jpg' width='500' height='617' alt="" style='height:617px;width:500px;' /></span><!-- htmlB --> <!-- htmlA --><span class='spip_document_107 spip_documents spip_documents_center' ><img src='http://cbgraphik.info/local/cache-vignettes/L500xH820/iPhone-4a8e4.jpg' width='500' height='820' title="iPhone" alt="iPhone" style='height:820px;width:500px;' /></span><!-- htmlB --> <!-- htmlA --><span class='spip_document_108 spip_documents spip_documents_center' ><img src='http://cbgraphik.info/local/cache-vignettes/L500xH820/iPad2-c298c.jpg' width='500' height='820' alt="" style='height:820px;width:500px;' /></span><!-- htmlB --></p> <p>Plus d'informations : <a href='http://itunes.apple.com/fr/app/programmes-tv-par-tvmag/id448925571?mt=8' class='spip_out'>sur l'AppStore</a></p></div> http://cbgraphik.info/i-mad-by-FigaroMadame http://cbgraphik.info/i-mad-by-FigaroMadame 2011-06-06T20:25:18Z text/html fr Christophe Bernard Client : Le figaro Madame Réalisation : Direction Artistique et créations de la maquette du nouveau produit pour tablette du Figaro Madame sous la direction de Richard Soundirarassou (Directeur de Création du Studio Digital du Figaro.fr) Description : Entièrement produit par le Studio Digital du Figaro.fr et à l'aide des outils qui préfiguraient la sortie de la suite Adobe inDesign CS5.5. Nous avons géré l'ensemble de la chaine de production : de la conception jusqu'à la publication sur les (...) - <a href="http://cbgraphik.info/Travaux" rel="directory">Travaux</a> <div class='rss_texte'><p><strong>Client :</strong> <a href='http://madame.lefigaro.fr/' class='spip_out'>Le figaro Madame</a> <strong>Réalisation :</strong> Direction Artistique et créations de la maquette du nouveau produit pour tablette du Figaro Madame sous la direction de Richard Soundirarassou (Directeur de Création du Studio Digital du Figaro.fr) <strong>Description :</strong> Entièrement produit par le Studio Digital du Figaro.fr et à l'aide des outils qui préfiguraient la sortie de la suite Adobe inDesign CS5.5. Nous avons géré l'ensemble de la chaine de production : de la conception jusqu'à la publication sur les plateforme Adobe DPS.</p> <p><iframe src="http://player.vimeo.com/video/23279712?title=0&byline=0&portrait=0" width="651" height="366" frameborder="0"></iframe></p> <p><a href="http://vimeo.com/23279712">I-MAD : LE NOUVEAU MENSUEL FÉMININ DU FIGARO</a> from <a href="http://vimeo.com/influencia">INfluencia</a> on <a href="http://vimeo.com/">Vimeo</a>.</p> <p><iframe width="650" height="370" src="http://www.youtube.com/embed/DtYJ76lcbps" frameborder="0" allowfullscreen></iframe></p> <p><!-- htmlA --><span class='spip_document_100 spip_documents spip_documents_center' ><img src='http://cbgraphik.info/local/cache-vignettes/L500xH537/imad1-c09db.jpg' width='500' height='537' title="Couverture du numéro 2" alt="Couverture du numéro 2" style='height:537px;width:500px;' /></span><!-- htmlB --> <!-- htmlA --><span class='spip_document_101 spip_documents spip_documents_center' ><img src='http://cbgraphik.info/local/cache-vignettes/L500xH537/imad2-795dd.jpg' width='500' height='537' alt="" style='height:537px;width:500px;' /></span><!-- htmlB --> <!-- htmlA --><span class='spip_document_102 spip_documents spip_documents_center' ><img src='http://cbgraphik.info/local/cache-vignettes/L500xH537/imad3-8a3f5.jpg' width='500' height='537' alt="" style='height:537px;width:500px;' /></span><!-- htmlB --> <!-- htmlA --><span class='spip_document_103 spip_documents spip_documents_center' ><img src='http://cbgraphik.info/local/cache-vignettes/L500xH537/imad3-1-a2e6b.jpg' width='500' height='537' alt="" style='height:537px;width:500px;' /></span><!-- htmlB --> <!-- htmlA --><span class='spip_document_104 spip_documents spip_documents_center' ><img src='http://cbgraphik.info/local/cache-vignettes/L500xH537/imad4-74e00.jpg' width='500' height='537' alt="" style='height:537px;width:500px;' /></span><!-- htmlB --></p></div> http://cbgraphik.info/Le-Figaro-Madame-sur-iPad http://cbgraphik.info/Le-Figaro-Madame-sur-iPad 2011-01-24T10:06:34Z text/html fr Christophe Bernard Client :Le figaro Madame Réalisation : Adaptation de la charte graphique du Madame à une liseuse pdf existente Description : . Application iPad pour le Figaro Madame réalisée à l'occasion des 30 ans du magazine - <a href="http://cbgraphik.info/Travaux" rel="directory">Travaux</a> <div class='rss_texte'><p><strong>Client :</strong><a href='http://madame.lefigaro.fr/' class='spip_out'>Le figaro Madame</a> <strong>Réalisation :</strong> Adaptation de la charte graphique du Madame à une liseuse pdf existente <strong>Description :</strong> . Application iPad pour le Figaro Madame réalisée à l'occasion des 30 ans du magazine <!-- htmlA --><span class='spip_document_93 spip_documents spip_documents_center' ><img src='http://cbgraphik.info/local/cache-vignettes/L500xH537/madame-1-b8188.jpg' width='500' height='537' title="Kiosque" alt="Kiosque" style='height:537px;width:500px;' /></span><!-- htmlB --> <!-- htmlA --><span class='spip_document_94 spip_documents spip_documents_center' ><img src='http://cbgraphik.info/local/cache-vignettes/L500xH537/madame-2-3b4c0.jpg' width='500' height='537' title="Sommaire du pdf" alt="Sommaire du pdf" style='height:537px;width:500px;' /></span><!-- htmlB --> <!-- htmlA --><span class='spip_document_95 spip_documents spip_documents_center' ><img src='http://cbgraphik.info/local/cache-vignettes/L500xH537/madame-3-cf851.jpg' width='500' height='537' title="Page article XML" alt="Page article XML" style='height:537px;width:500px;' /></span><!-- htmlB --></p></div> http://cbgraphik.info/Windows-Phone-7 http://cbgraphik.info/Windows-Phone-7 2011-01-24T09:40:29Z text/html fr Christophe Bernard Client :Le Figaro.fr Réalisation : Application Windows Phone 7 pour le Figaro.fr Description : Travail sur l'ergonomie et la conception de l'application sous la direction d'un chef de projet Mobile du Figaro.Fr. Création des différentes maquettes. Adaptation de la charte graphique de Windows Phone 7 "Metro" à l'univers Figaro.fr ( sous validation d'un Directeur Artistique de Microsoft US). Définition des différentes animations et (...) - <a href="http://cbgraphik.info/Travaux" rel="directory">Travaux</a> <div class='rss_texte'><p><strong>Client :</strong><a href='http://www.lefigaro.fr/' class='spip_out'>Le Figaro.fr</a> <strong>Réalisation :</strong> Application Windows Phone 7 pour le Figaro.fr <strong>Description :</strong> Travail sur l'ergonomie et la conception de l'application sous la direction d'un chef de projet Mobile du Figaro.Fr. Création des différentes maquettes. Adaptation de la charte graphique de Windows Phone 7 "Metro" à l'univers Figaro.fr ( sous validation d'un Directeur Artistique de Microsoft US). Définition des différentes animations et interactions. <!-- htmlA --><span class='spip_document_87 spip_documents spip_documents_center' ><img src='http://cbgraphik.info/local/cache-vignettes/L500xH432/wp7-1-dea6c.jpg' width='500' height='432' alt="" style='height:432px;width:500px;' /></span><!-- htmlB --> <!-- htmlA --><span class='spip_document_88 spip_documents spip_documents_center' ><img src='http://cbgraphik.info/local/cache-vignettes/L500xH432/wp7-2-54a2f.jpg' width='500' height='432' alt="" style='height:432px;width:500px;' /></span><!-- htmlB --> <!-- htmlA --><span class='spip_document_89 spip_documents spip_documents_center' ><img src='http://cbgraphik.info/local/cache-vignettes/L500xH308/wp7-3-7bc42.jpg' width='500' height='308' alt="" style='height:308px;width:500px;' /></span><!-- htmlB --></p></div> http://cbgraphik.info/Mini-Motion http://cbgraphik.info/Mini-Motion 2011-01-22T19:02:48Z text/html fr Christophe Bernard Différents travaux personnels sur de très courtes animations ( After Effect, Photoshop) - <a href="http://cbgraphik.info/Travaux" rel="directory">Travaux</a> <div class='rss_texte'><p>Différents travaux personnels sur de très courtes animations ( After Effect, Photoshop)</p> <p><iframe title="YouTube video player" class="youtube-player" type="text/html" width="640" height="390" src="http://www.youtube.com/embed/_XGxUad9gqc?rel=0&hd=1" frameborder="0" allowFullScreen></iframe></p> <p><iframe title="YouTube video player" class="youtube-player" type="text/html" width="640" height="390" src="http://www.youtube.com/embed/puP_XdmmxWc?rel=0&hd=1" frameborder="0" allowFullScreen></iframe></p> <p><iframe title="YouTube video player" class="youtube-player" type="text/html" width="640" height="390" src="http://www.youtube.com/embed/KKf_hSG1fq8?rel=0&hd=1" frameborder="0" allowFullScreen></iframe></p> <p><iframe title="YouTube video player" class="youtube-player" type="text/html" width="640" height="390" src="http://www.youtube.com/embed/GRGqScn9k_Q?rel=0&hd=1" frameborder="0" allowFullScreen></iframe></p></div> http://cbgraphik.info/habillage-Le-live http://cbgraphik.info/habillage-Le-live 2010-10-28T12:17:58Z text/html fr Christophe Bernard Client :Le Figaro.fr Réalisation : Création de l'identité visuelle, de l'habillage et du générique de l'emission ( cinema 4D, After Effect ) Description : Travail réalisé à l'occasion du lancement de la première emission hebdomadaire musicale du Figaro. "Le Live" Le Figaro est une émission crée par Antoine Daccord et Olivier Nuc, réalisée en interne avec Le Studio TV du Figaro. Aaron - Space oddity ( reprise de David Bowie ) envoyé par Le_Live. - Clip, (...) - <a href="http://cbgraphik.info/Travaux" rel="directory">Travaux</a> <div class='rss_texte'><p><strong>Client :</strong><a href='http://www.lefigaro.fr/' class='spip_out'>Le Figaro.fr</a> <strong>Réalisation :</strong> Création de l'identité visuelle, de l'habillage et du générique de l'emission ( cinema 4D, After Effect ) <strong>Description :</strong> Travail réalisé à l'occasion du lancement de la première emission hebdomadaire musicale du Figaro. "Le Live" Le Figaro est une émission crée par Antoine Daccord et Olivier Nuc, réalisée en interne avec Le Studio TV du Figaro.</p> <p><!-- htmlA --><span class='spip_document_83 spip_documents spip_documents_center' ><img src='http://cbgraphik.info/local/cache-vignettes/L500xH313/live-logo-2-fe7bf.jpg' width='500' height='313' title="Logo" alt="Logo" style='height:313px;width:500px;' /></span><!-- htmlB --></p> <div style="text-align:center"><iframe frameborder="0" width="480" height="384" src="http://www.dailymotion.com/embed/video/xfbpq7?width=&theme=none&foreground=%23F7FFFD&highlight=%23FFC300&background=%23171D1B&start=&animatedTitle=&iframe=1&additionalInfos=0&autoPlay=0&hideInfos=0"></iframe><br /><b><a href="http://www.dailymotion.com/video/xfbpq7_aaron-space-oddity-reprise-de-david_music">Aaron - Space oddity ( reprise de David Bowie )</a></b><br /><i>envoyé par <a href="http://www.dailymotion.com/Le_Live">Le_Live</a>. - <a href="http://www.dailymotion.com/fr/channel/music">Clip, interview et concert.</a></i> </div> <p><!-- htmlA --><span class='spip_document_84 spip_documents spip_documents_center' ><img src='http://cbgraphik.info/local/cache-vignettes/L500xH610/leLive-habillage-40d5d.jpg' width='500' height='610' title="Habillage" alt="Habillage" style='height:610px;width:500px;' /></span><!-- htmlB --> <!-- htmlA --><span class='spip_document_85 spip_documents spip_documents_center' ><img src='http://cbgraphik.info/local/cache-vignettes/L500xH446/leLive-dossier-3ec86.jpg' width='500' height='446' alt="" style='height:446px;width:500px;' /></span><!-- htmlB --></p></div> http://cbgraphik.info/Coupe-du-Monde http://cbgraphik.info/Coupe-du-Monde 2010-10-25T12:19:00Z text/html fr Christophe Bernard Client : Sport24.com & Le Figaro.fr Réalisation : Création de la structure du site et design en partenariat avec Alexandra Monier pour Le Studio Web du Figaro.fr Description : Travail réalisé à l'occasion de la coupe du monde de football 2010 en Afrique du sud pour SPORT24.com. Ce site fera 2 Millions de visiteurs uniques - <a href="http://cbgraphik.info/Travaux" rel="directory">Travaux</a> <div class='rss_texte'><p><strong>Client :</strong> <a href='http://www.sport24.com/' class='spip_out'>Sport24.com</a> & <a href='http://www.lefigaro.fr/' class='spip_out'>Le Figaro.fr</a> <strong>Réalisation :</strong> Création de la structure du site et design en partenariat avec <a href='http://alx888.free.fr/' class='spip_out'>Alexandra Monier</a> pour Le Studio Web du Figaro.fr <strong>Description :</strong> Travail réalisé à l'occasion de la coupe du monde de football 2010 en Afrique du sud pour SPORT24.com. Ce site fera 2 Millions de visiteurs uniques <!-- htmlA --><span class='spip_document_66 spip_documents spip_documents_center' ><img src='http://cbgraphik.info/local/cache-vignettes/L500xH737/cdm-s24-accueil-32790.jpg' width='500' height='737' title="Page d'Accueil" alt="Page d'Accueil" style='height:737px;width:500px;' /></span><!-- htmlB --> <!-- htmlA --><span class='spip_document_67 spip_documents spip_documents_center' ><img src='http://cbgraphik.info/local/cache-vignettes/L500xH616/cdm-s24-diapo-20861.jpg' width='500' height='616' title="Page diaporama" alt="Page diaporama" style='height:616px;width:500px;' /></span><!-- htmlB --> <!-- htmlA --><span class='spip_document_68 spip_documents spip_documents_center' ><img src='http://cbgraphik.info/local/cache-vignettes/L500xH996/wireframe-f73e0.jpg' width='500' height='996' title="Wireframe / Mockup" alt="Wireframe / Mockup" style='height:996px;width:500px;' /></span><!-- htmlB --></p></div> http://cbgraphik.info/Minimalisme http://cbgraphik.info/Minimalisme 2010-10-09T16:45:39Z text/html fr Christophe Bernard Client : Travaux personnels - Réalisation : Création de visuels minimalistes - <a href="http://cbgraphik.info/Travaux" rel="directory">Travaux</a> <div class='rss_texte'><p><strong>Client</strong> : Travaux personnels - <strong>Réalisation</strong> : Création de visuels minimalistes <!-- htmlA --><span class='spip_document_79 spip_documents spip_documents_center' ><img src='http://cbgraphik.info/local/cache-vignettes/L500xH500/tumblr_l4dgtn0iuH1qazr56o1_1280-2-23766.jpg' width='500' height='500' alt="" style='height:500px;width:500px;' /></span><!-- htmlB --> <!-- htmlA --><span class='spip_document_75 spip_documents spip_documents_center' ><img src='http://cbgraphik.info/local/cache-vignettes/L500xH376/_0000_forme1-846cc.jpg' width='500' height='376' alt="" style='height:376px;width:500px;' /></span><!-- htmlB --> <!-- htmlA --><span class='spip_document_76 spip_documents spip_documents_center' ><img src='http://cbgraphik.info/local/cache-vignettes/L500xH500/tumblr_l4igssYzqW1qazr56o1_1280-c346a.jpg' width='500' height='500' alt="" style='height:500px;width:500px;' /></span><!-- htmlB --> <!-- htmlA --><span class='spip_document_77 spip_documents spip_documents_center' ><img src='http://cbgraphik.info/local/cache-vignettes/L500xH500/tumblr_l3swz54jhZ1qazr56o1_1280-b5e19.jpg' width='500' height='500' alt="" style='height:500px;width:500px;' /></span><!-- htmlB --> <!-- htmlA --><span class='spip_document_78 spip_documents spip_documents_center' ><img src='http://cbgraphik.info/local/cache-vignettes/L500xH500/tumblr_l4dgtn0iuH1qazr56o1_1280-cb13f.jpg' width='500' height='500' alt="" style='height:500px;width:500px;' /></span><!-- htmlB --> <!-- htmlA --><span class='spip_document_81 spip_documents spip_documents_center' ><img src='http://cbgraphik.info/local/cache-vignettes/L500xH333/tumblr_ky5d3bHeyl1qazr56o1_1280-83fef.jpg' width='500' height='333' alt="" style='height:333px;width:500px;' /></span><!-- htmlB --> <!-- htmlA --><span class='spip_document_80 spip_documents spip_documents_center' ><img src='http://cbgraphik.info/local/cache-vignettes/L500xH376/_0005_forme6-74277.jpg' width='500' height='376' alt="" style='height:376px;width:500px;' /></span><!-- htmlB --></p></div> http://cbgraphik.info/Abstractions-en-3D http://cbgraphik.info/Abstractions-en-3D 2010-07-24T18:35:24Z text/html fr Christophe Bernard Client : Travaux personnels Réalisation : Création de visuels sous Cinéma 4D et retouche sous Photoshop - <a href="http://cbgraphik.info/Travaux" rel="directory">Travaux</a> <div class='rss_texte'><p><strong>Client :</strong> Travaux personnels <strong>Réalisation :</strong> Création de visuels sous Cinéma 4D et retouche sous Photoshop <!-- htmlA --><span class='spip_document_69 spip_documents spip_documents_center' ><img src='http://cbgraphik.info/local/cache-vignettes/L500xH400/blackpearl-a781f.jpg' width='500' height='400' alt="" style='height:400px;width:500px;' /></span><!-- htmlB --> <!-- htmlA --><span class='spip_document_70 spip_documents spip_documents_center' ><img src='http://cbgraphik.info/local/cache-vignettes/L500xH376/abstract-2e3fe.jpg' width='500' height='376' alt="" style='height:376px;width:500px;' /></span><!-- htmlB --> <!-- htmlA --><span class='spip_document_71 spip_documents spip_documents_center' ><img src='http://cbgraphik.info/local/cache-vignettes/L500xH376/trip3-022cd.jpg' width='500' height='376' alt="" style='height:376px;width:500px;' /></span><!-- htmlB --> <!-- htmlA --><span class='spip_document_72 spip_documents spip_documents_center' ><img src='http://cbgraphik.info/local/cache-vignettes/L500xH376/Trip2-4c10b.jpg' width='500' height='376' alt="" style='height:376px;width:500px;' /></span><!-- htmlB --> <!-- htmlA --><span class='spip_document_73 spip_documents spip_documents_center' ><img src='http://cbgraphik.info/local/cache-vignettes/L500xH550/montage-iphone-37c7b.jpg' width='500' height='550' alt="" style='height:550px;width:500px;' /></span><!-- htmlB --> <!-- htmlA --><span class='spip_document_74 spip_documents spip_documents_center' ><img src='http://cbgraphik.info/local/cache-vignettes/L500xH375/trip1-f4140.jpg' width='500' height='375' alt="" style='height:375px;width:500px;' /></span><!-- htmlB --></p></div>