http://cargocollective.com romainbourdieux@gmail.com Wed, 31 Oct 2012 13:18:17 +0000 http://cargocollective.com en http://orthonormai.com/FRCI http://orthonormai.com/following/orthonormai.com/FRCI Wed, 31 Oct 2012 13:18:17 +0000 romainbourdieux@gmail.com 4354791 <img src="http://payload102.cargocollective.com/1/4/153705/4354791/frci_01_960.png" class="bloc_img_12" height="400px" width="960px"/>Le Fonds Régional de Co-Investissement de la Région Ile de France (FRCI) est un dispositif de Co-Investissement en fonds propres ou quasi-fonds propres destiné à financer de jeunes PME franciliennes innovantes. Les fondamentauxLe site se compose essentiellement de textes, de ce fait le design du site est simple et épuré, pour présenter le contenu de façon claire et lisible, sans pollution visuelle. Au-delà de la dimension esthétique, il surtout question de créer un espace simple et pratique.<img src="http://payload102.cargocollective.com/1/4/153705/4354791/frci_02.png" width="650" height="500" width_o="650" height_o="500" src_o="http://payload102.cargocollective.com/1/4/153705/4354791/frci_02_o.png" data-mid="23028562" border="0" align="left"/><img src="http://payload102.cargocollective.com/1/4/153705/4354791/frci_03.png" width="650" height="500" width_o="650" height_o="500" src_o="http://payload102.cargocollective.com/1/4/153705/4354791/frci_03_o.png" data-mid="23028565" border="0" align="left"/>AgrémentationLa typographie est au coeur du projet. Il a fallu mettre en place ce que l’on pourrait appeler une hiérarchie par des jeux typographiques pour qu'il soit facilement compréhensible . L’ensemble est agrémenté graphiquement par des filets, blocs et trames. La couleur rouge venant par touche, est un élément distinctif du FRCI.Des pictogrammes peuvent être employés pour rendre l’ensemble convivial et éviter le trop-plein de textes. <img src="http://payload102.cargocollective.com/1/4/153705/4354791/frci_04_960.png" class="bloc_img_12" height="510px" width="960px"/>Les écrans <img src="http://payload102.cargocollective.com/1/4/153705/4354791/frci_05_960.png" class="bloc_img_12" height="2317px" width="960px"/><img src="http://payload102.cargocollective.com/1/4/153705/4354791/frci_06_960.png" class="bloc_img_12" height="2055px" width="960px"/><img src="http://payload102.cargocollective.com/1/4/153705/4354791/frci_07_960.png" class="bloc_img_12" height="1202pxpx" width="960px"/>RéalisationAgence : Octave & octave Le Fonds Régional de Co-Investissement de la Région Ile de France (FRCI) est un dispositif de Co-Investissement en fonds propres ou quasi-fonds propres destiné... http://orthonormai.com/Sushi-Prince http://orthonormai.com/following/orthonormai.com/Sushi-Prince Wed, 17 Oct 2012 06:45:31 +0000 romainbourdieux@gmail.com 4272267 <img src="http://payload98.cargocollective.com/1/4/153705/4272267/sp_01_960.png" class="bloc_img_12" height="400px" width="960px"/>Il s’agit d’un restaurant japonais proposant des mets typiques. Il faut qu’il soit perçu comme un service de confiance, en mettant en avant la culture à laquelle on accède. Une identité complèteL' identité qui va être mise en place est totale, elle concerne à la fois la charte web et print. Simple et épurée, la charte permet de renvoyer une image de service de confiance.<img src="http://payload98.cargocollective.com/1/4/153705/4272267/sp_02.png" width="650" height="500" width_o="650" height_o="500" src_o="http://payload98.cargocollective.com/1/4/153705/4272267/sp_02_o.png" data-mid="22537565" border="0" align="left"/><img src="http://payload98.cargocollective.com/1/4/153705/4272267/sp_03.png" width="650" height="500" width_o="650" height_o="500" src_o="http://payload98.cargocollective.com/1/4/153705/4272267/sp_03_o.png" data-mid="22537571" border="0" align="left"/>Un principe : l'origamiIl s'agit là d'un rituel japonais entourant le repas. Il permet de nombreuses déclinaisons et est fort de sens. Au sein du logo, l’origami comme signe culturel et le poisson comme signe de la gastronomie japonaise, permettent d‘exprimer la présence d’un savoir-faire traditionnel. Il est exploité dans l'ensemble de la charte notamment grâce à la notion de déploiement. Un site vitrineUne seule et unique page web sert de vitrine au restaurant, cela sous forme de strates. Il présente Sushi Prince dans sa globalité: son histoire, sa carte, où il se situe.<img src="http://payload98.cargocollective.com/1/4/153705/4272267/sp_04.png" width="650" height="500" width_o="650" height_o="500" src_o="http://payload98.cargocollective.com/1/4/153705/4272267/sp_04_o.png" data-mid="22537577" border="0" align="left"/>Charte print<img src="http://payload98.cargocollective.com/1/4/153705/4272267/sp_05_960.png" class="bloc_img_12" height="500px" width="960px"/><img src="http://payload98.cargocollective.com/1/4/153705/4272267/sp_06_960.png" class="bloc_img_12" height="500px" width="960px"/><img src="http://payload98.cargocollective.com/1/4/153705/4272267/sp_07_960.png" class="bloc_img_12" height="500px" width="960px"/>Site web<img src="http://payload98.cargocollective.com/1/4/153705/4272267/sp_08_960.png" class="bloc_img_12" height="2686px" width="960px"/> Il s’agit d’un restaurant japonais proposant des mets typiques. Il faut qu’il soit perçu comme un service de confiance, en mettant en avant la culture à... http://orthonormai.com/Trend-Joke http://orthonormai.com/following/orthonormai.com/Trend-Joke Wed, 17 Oct 2012 06:45:31 +0000 romainbourdieux@gmail.com 4272271 Cette série repose sur des éléments visuels "hype" développés par des marques de prêt-à-porter.Le but étant de rappeler l'origine de ces tendances.<img src="http://payload98.cargocollective.com/1/4/153705/4272271/givenchy_960.jpeg" class="bloc_img_12" height="800px" width="960px"/><img src="http://payload98.cargocollective.com/1/4/153705/4272271/pigalle_960_960.jpeg" class="bloc_img_12" height="800px" width="960px"/><img src="http://payload98.cargocollective.com/1/4/153705/4272271/prada_960.jpg" class="bloc_img_12" height="800px" width="960px"/> Cette série repose sur des éléments visuels "hype" développés par des marques de prêt-à-porter.Le but étant de rappeler l'origine de ces tendances. http://orthonormai.com/Prevention-Spectacles http://orthonormai.com/following/orthonormai.com/Prevention-Spectacles Wed, 03 Oct 2012 08:55:57 +0000 romainbourdieux@gmail.com 4189882 <img src="http://payload94.cargocollective.com/1/4/153705/4189882/prev_spec_01_960.png" class="bloc_img_12" height="400px" width="960px"/>J'ai eu l'occasion de travailler pour Prévention Spectacles. Une plateforme mettant à disposition de nombreuses fiches destinées à prévenir les risques lors de la mise en place de spectacles. Il s'agissait de créer leur application. ExcroissanceUne charte graphique reprenant celle du site web. Destinée aux professionnels du spectacle. Le contenu est uniquement textuel obligeant une hiérarchie. Il y a 3 types de fiches possédant chacune un code coloré.<img src="http://payload94.cargocollective.com/1/4/153705/4189882/prev_spec_02.png" width="650" height="500" width_o="650" height_o="500" src_o="http://payload94.cargocollective.com/1/4/153705/4189882/prev_spec_02_o.png" data-mid="22531747" border="0" align="left"/><img src="http://payload94.cargocollective.com/1/4/153705/4189882/prev_spec_03.png" width="650" height="500" width_o="650" height_o="500" src_o="http://payload94.cargocollective.com/1/4/153705/4189882/prev_spec_03_o.png" data-mid="22531748" border="0" align="left"/>Système élémentaireUne navigation simple et claire dans l'app. L'arborescence est orientée utilisateur, facilitant la gestion des fiches grâce aux favoris.Les écrans<img src="http://payload94.cargocollective.com/1/4/153705/4189882/prev_spec_04_960.png" class="bloc_img_12" height="600px" width="960px"/><img src="http://payload94.cargocollective.com/1/4/153705/4189882/prev_spec_05_960.png" class="bloc_img_12" height="600px" width="960px"/><img src="http://payload94.cargocollective.com/1/4/153705/4189882/prev_spec_06_960.png" class="bloc_img_12" height="600px" width="960px"/><img src="http://payload94.cargocollective.com/1/4/153705/4189882/prev_spec_07_960.png" class="bloc_img_12" height="600px" width="960px"/><img src="http://payload94.cargocollective.com/1/4/153705/4189882/prev_spec_08_960.png" class="bloc_img_12" height="600px" width="960px"/>RéalisationAgence : Octave & octave J'ai eu l'occasion de travailler pour Prévention Spectacles. Une plateforme mettant à disposition de nombreuses fiches destinées à prévenir les risques lors de... http://orthonormai.com/Track-bike http://orthonormai.com/following/orthonormai.com/Track-bike Wed, 03 Oct 2012 08:54:20 +0000 romainbourdieux@gmail.com 4189873 Série sur les vélos de pistes. Liant vélo et topologie de lieu.<img src="http://payload94.cargocollective.com/1/4/153705/4189873/velo_2_960.png" class="bloc_img_12" height="1000px" width="960px"/><img src="http://payload94.cargocollective.com/1/4/153705/4189873/velo_1_960.png" class="bloc_img_12" height="1000px" width="960px"/><img src="http://payload94.cargocollective.com/1/4/153705/4189873/velo3.3_960.png" class="bloc_img_12" height="1000px" width="960px"/> Série sur les vélos de pistes. Liant vélo et topologie de lieu. http://orthonormai.com/IntraMuros http://orthonormai.com/following/orthonormai.com/IntraMuros Fri, 28 Sep 2012 16:13:37 +0000 romainbourdieux@gmail.com 4164582 <img src="http://payload93.cargocollective.com/1/4/153705/4164582/im_01_960.png" class="bloc_img_12" height="400px" width="960px"/>IntraMuros est un citygame de conquête de territoires urbains d’un nouveau genre. C’est un jeu Iphone géolocalisé dans lequel deux équipes se disputent au quotidien les 20 arrondissements de la ville de Paris.Un jeu d’un nouveau genre Chaque équipe doit se déplacer dans la ville pour lancer des attaques dans les quartiers occupés et élaborer des stratégies afin de récupérer la totalité des territoires.De même les équipes sont appelées à se rencontrer tout long de l’année pour relever des challenges lors d’évènements culturels organisés dans Paris. <img src="http://payload93.cargocollective.com/1/4/153705/4164582/im_02.png" width="650" height="500" width_o="650" height_o="500" src_o="http://payload93.cargocollective.com/1/4/153705/4164582/im_02_o.png" data-mid="21897126" border="0" align="left"/><img src="http://payload93.cargocollective.com/1/4/153705/4164582/im_03b.png" width="650" height="500" width_o="650" height_o="500" src_o="http://payload93.cargocollective.com/1/4/153705/4164582/im_03b_o.png" data-mid="21897846" border="0" align="left"/>Une App BifaceIl coexiste 2 spatialités et 2 temporalités qui sont interdépendantes. Elles fonctionnent comme moteurs et contraintes de jeu et viennent stimuler les joueurs dans leur participation.Conquest Game : Jeu de conquête de territoire dans la ville et ses arrondissements. Se joue au quotidien par des sessions.Flash Game : Partie évènementielle du jeu. Il se joue par des mini-défis de 10 minutes sur le/les sites des événements culturels auxquels ils seront rattachés. L’univers IntraMurosLe design de notre jeu répond d’un ensemble thématique qui lie la ville, le jeu, l’esprit de conquête, l’esprit d’équipe, les variables lieu et temps, le scoring et les codes de l’iphone.Nous avons choisi de nous inscrire dans un univers urbain et moderne, aux couleurs vives et aux lignes épurées avec des éléments graphiques ludiques, attachants et facilement mémorisables pour avoir un ADN qui se veut fort, unique et original.<img src="http://payload93.cargocollective.com/1/4/153705/4164582/im_04b.png" width="650" height="500" width_o="650" height_o="500" src_o="http://payload93.cargocollective.com/1/4/153705/4164582/im_04b_o.png" data-mid="21897852" border="0" align="left"/><img src="http://payload93.cargocollective.com/1/4/153705/4164582/im_05.png" width="650" height="500" width_o="650" height_o="500" src_o="http://payload93.cargocollective.com/1/4/153705/4164582/im_05_o.png" data-mid="21897134" border="0" align="left"/>Aller à l’essentielPour désigner chaque élément de jeu de la manière la plus signifiante possible, nous misons sur une série de pictogrammes simples et ludiques que l’utilisateur va pouvoir mémoriser sans effort pour se repérer dans le jeu.Les équipes sont représentées par une couleur: rouge ou bleu. Ces couleurs se répondent et aident l’utilisateur à se repérer dans le jeu.Les écrans - Conquest Game - Blue Hat<img src="http://payload93.cargocollective.com/1/4/153705/4164582/im_08_960.png" class="bloc_img_12" height="600px" width="960px"/><img src="http://payload93.cargocollective.com/1/4/153705/4164582/im_09_960.png" class="bloc_img_12" height="600px" width="960px"/><img src="http://payload93.cargocollective.com/1/4/153705/4164582/im_10_960.png" class="bloc_img_12" height="600px" width="960px"/><img src="http://payload93.cargocollective.com/1/4/153705/4164582/im_11_960.png" class="bloc_img_12" height="600px" width="960px"/><img src="http://payload93.cargocollective.com/1/4/153705/4164582/im_12_960.png" class="bloc_img_12" height="790px" width="960px"/>Les écrans - Flash Game - Blue Hat<img src="http://payload93.cargocollective.com/1/4/153705/4164582/im_13_960.png" class="bloc_img_12" height="600px" width="960px"/><img src="http://payload93.cargocollective.com/1/4/153705/4164582/im_14_960.png" class="bloc_img_12" height="600px" width="960px"/>contributeursGraphistes : Chloé Moriceau & Pauline ColletDéveloppeurs : Franco Bouly & Florent Schildknecht IntraMuros est un citygame de conquête de territoires urbains d’un nouveau genre. C’est un jeu Iphone géolocalisé dans lequel deux équipes se disputent au... http://orthonormai.com/Hypebeast http://orthonormai.com/following/orthonormai.com/Hypebeast Sun, 05 Aug 2012 08:03:41 +0000 romainbourdieux@gmail.com 3866657 <img src="http://payload78.cargocollective.com/1/4/153705/3866657/hb_1_960.png" class="bloc_img_12" height="400px" width="960px"/>Hypebeast est un Web-mag présentant les dernières tendances. Cette communauté composée de près de 300 000 membres sur Facebook est très ouverte à la nouveauté. J’ai donc expérimenté le design d’une application mobile. Un design durableLe web-mag se veut graphiquement très simple. En effet, il présente des nouveautés, le sujet traité est donc éphémère. Le design doit donc aller à l’inverse de ces codes, afin que l’application soit pérenne.<img src="http://payload78.cargocollective.com/1/4/153705/3866657/hb_2.png" width="650" height="500" width_o="650" height_o="500" src_o="http://payload78.cargocollective.com/1/4/153705/3866657/hb_2_o.png" data-mid="21601386" border="0" align="left"/><img src="http://payload78.cargocollective.com/1/4/153705/3866657/hb_3.png" width="650" height="500" width_o="650" height_o="500" src_o="http://payload78.cargocollective.com/1/4/153705/3866657/hb_3_o.png" data-mid="21601568" border="0" align="left"/>Une expérience intuitiveLa navigation in-app se veut très accessible : le filtrage du contenu se fait par un expand sur le côté gauche, à la manière de Path ou encore Facebook. Chaque catégorie est illustrée via un pictogramme, ce qui rend l’utilisation plus aisée.<img src="http://payload78.cargocollective.com/1/4/153705/3866657/hb_4_960.png" class="bloc_img_12" height="580px" width="960px"/><img src="http://payload78.cargocollective.com/1/4/153705/3866657/hb_5.png" width="650" height="500" width_o="650" height_o="500" src_o="http://payload78.cargocollective.com/1/4/153705/3866657/hb_5_o.png" data-mid="21601397" border="0" align="left"/>SharingLe sharing est au centre de l’application, tout comme il est au centre du web-mag, dans le but d’étendre toujours plus la communauté.Les écrans<img src="http://payload78.cargocollective.com/1/4/153705/3866657/hb_6_960.png" class="bloc_img_12" height="600px" width="960px"/><img src="http://payload78.cargocollective.com/1/4/153705/3866657/hb_7_960.png" class="bloc_img_12" height="600px" width="960px"/> Hypebeast est un Web-mag présentant les dernières tendances. Cette communauté composée de près de 300 000 membres sur Facebook est très ouverte à la... http://orthonormai.com/Information-Architects http://orthonormai.com/following/orthonormai.com/Information-Architects Sun, 29 Jul 2012 13:03:45 +0000 romainbourdieux@gmail.com 3640121 <img src="http://payload67.cargocollective.com/1/4/153705/3640121/page-projetia_pour-export_03_960.png" class="bloc_img_12" height="400px" width="960px"/>Information Architects propose d’organiser l’information au sein de sites Web et diverses applications. Sectorisé en 3 services: plan, design et code. Mon travail ici va être une remise en questions d’aborescence et identité actuelle. « Less is more »Un logo manifeste qui exploite les initiales IA dans une structure simple en référence à la hiérarchisation de contenu à l’aide de blocs utilisés par les architectes de l’information.<img src="http://payload67.cargocollective.com/1/4/153705/3640121/ia_2.png" width="650" height="500" width_o="650" height_o="500" src_o="http://payload67.cargocollective.com/1/4/153705/3640121/ia_2_o.png" data-mid="21579236" border="0" align="left"/><img src="http://payload67.cargocollective.com/1/4/153705/3640121/ia_3.png" width="650" height="500" width_o="650" height_o="500" src_o="http://payload67.cargocollective.com/1/4/153705/3640121/ia_3_o.png" data-mid="21579243" border="0" align="left"/>ArborescenceL’arborescence que j’ai mis en place se veut très simple. Les 4 grandes catégories du site sont accessibles par le header.La home est un espace d’agrégation des pages principales. Tous les liens externes du site sont réunis dans le footer. Agrémentation graphiqueLe contenu du site se compose à 90 % de texte. J’ai voulu une influence suisse, très hiérachique rendant la lecture la plus simple possible. Il a fallu agrémenter l’ensemble par des gimmicks graphiques. Ainsi la notion de bloc est reexploitée sur les interacteurs.L’utilisation de gris coloré permet de délimiter les différents espaces.<img src="http://payload67.cargocollective.com/1/4/153705/3640121/ia_4.png" width="650" height="500" width_o="650" height_o="500" src_o="http://payload67.cargocollective.com/1/4/153705/3640121/ia_4_o.png" data-mid="21579249" border="0" align="left"/>Les écrans<img src="http://payload67.cargocollective.com/1/4/153705/3640121/ia_5_960.png" class="bloc_img_12" height="1727px" width="960px"/><img src="http://payload67.cargocollective.com/1/4/153705/3640121/ia_6_960.png" class="bloc_img_12" height="1066pxpx" width="960px"/><img src="http://payload67.cargocollective.com/1/4/153705/3640121/ia_7_960.png" class="bloc_img_12" height="1107px" width="960px"/> Information Architects propose d’organiser l’information au sein de sites Web et diverses applications. Sectorisé en 3 services: plan, design et code. Mon...