°°°°°°°°°°°°°°°°°°°°°° DUBOIS-SANAOUI.COM Site Internet réalisé pour Architecture Sanoui, Montpellier, 2003. www.dubois-sanaoui.com °°°°°°°°°°°°°°°°°°°°°° Un site tout en flash pour un tandem artiste/architecte. Mustapha Sanaoui est architecte, Nathalie Dubois artiste. Ensemble, ils ont fondé une structure originale, une agence d'architecture doublée d'une atelier de recherches qui, en s'appuyant sur la complémentarité de leurs compétences, leur permet d'explorer, notamment par le biais d'interventions artistiques, les mécanismes urbains et les modes de fonctionnement des quartiers pour lesquels ils travaillent, ceci afin de répondre aux véritables besoins de leurs habitants. Vanina avait déjà travaillé avec Dubois&Sanaoui à plusieurs reprises : elle a conçu leur identité visuelle et réalisé les maquettes de leurs deux ouvrages "Parties communes" et "Contre calque". C'est elle qui m'a contacté pour réaliser le site Internet. La demande était relativement claire : Mustapha Sanaoui et Nathalie Dubois voulaient que le site reprenne leur identité visuelle tout en proposant une animation à la fois graphique et sonore. Chose confortable, ils avaient une idée précise et cohérente de l'arborescence du site et des contenus qu'ils souhaitaient intégrer. Web oblige, Vanina souhaitait faire évoluer l'identité existante vers quelque chose qui soit un peu plus "informatique" tout en conservant une dimension humaine palpable. L'idée graphique qui s'est imposée presqu'immédiatement était d'utiliser des variantes de la grille qui sert de base à l'identité visuelle de Dubois&Sanaoui, certaines très sages, très "numériques", semblables à du papier millimétré, et d'autres plus "artistiques", plus mouvantes, comme tracées à la main. Dans le même esprit, elle souhaitait alterner des pictos inspirés des vieux jeux d'arcades avec des images plus filaires, de type Mecanorma. Elle envisageait une animation d'accueil qui tienne à la fois du Tétris et de la ville qui pousse. Finalement, les modèles mecanorma n'ont pas été retenus et Vanina a développé un nombre impressionnant de pictogrammes et de bâtiments pixellisés. Je l'ai convaincue d'abandonner la police de caractère Bliss, qui était celle de l'identité d'origine, au profit de la Val d'Iser de Claude Closky, bien plus lisible à l'écran et dont je trouvais qu'elle se mariait bien aux pictogrammes qu'elle avait dessiné. Nous les aimions tellement que j'ai crée plusieurs animations d'accueil, appelées au hasard par le programme, pour pouvoir les montrer tous. Vanina avait également envie de disposer sur l'écran des points qui dessineraient un motif que l'on ne verrait apparaitre qu'en les reliant par une ligne, un peu comme dans ses jeux destinés aux enfants où l'on découvre un dessin en faisant courrir son crayon d'un chiffre au suivant. Nous n'avons pas pu utiliser cet effet de manière généralisée mais nous l'avons employé pour une des animations de rubrique. De mon coté, assez attachée à la rusticité du html, j'avais l'opportunité, pour la première fois, de développer un site entièrement sous flash - le choix de ce logiciel s'était, pour ce projet, imposé à moi de lui-même. J'avais envie de saisir cette occasion pour concevoir et programmer une interface qui soit à la fois ludique et ingénieuse tout en évitant certains écueils propre à l'emploi du flash. Le site serait animé sans être saoûlant, élégant sans être inutilisable. Pour parvenir à mes fins tout en respectant les contraintes de navigation imposées par l'arborescence, j'ai souvent dû faire preuve d'ingéniosité. Je suis très satisfaite de certaines trouvailles : l'effet de mouvement très élégant crée par le déplacement des lignes attachées aux carrés qui déroulent les sous menus ou encore l'affichage des images comme par un jeux de calque, d'abord en transparence derrière la grille qui accueille le texte si l'on roule sur l'icône qui la signale puis, plein pot si l'on clique dessus. Je me suis même autorisée une petite fantaisie assez discrète en programmant la possibilité de cliquer-déplacer les carrés qui servent à signaler les différentes rubriques : ils se transforment alors en pictogramme et peuvent être placé sur l'écran comme bon semble à l'usager. Vanina et moi avons travaillé sur le principe de ce que j'appelle la méthode ping-pong. Elle m'envoyait ses essais graphiques, je les adaptais à ma réflexion sur l'interface et je lui renvoyait mes propres essais à partir desquels elle retravaillait et ainsi de suite. En procédant de la sorte, nous sommes parvenues à faire évoluer le projet de façon vraiment intéressante. Aujourd'hui, je continue de mettre à jour le site pour Dubois & Sanaoui et on peut maintenant y télécharger des fonds d'écran. °°°°°°°°°°°°°°°°°°°°°° Graphisme Vanina Gallo Conception et réalisation Nathalie Mislov