Claire HAHN

Chef de projet digital

Steampunk

Contexte :

J’ai crée une interface pour une présentation sur le Steampunk. J’ai réalisé le graphisme, le développement et le contenu rédactionnel. C’est un thème que j’avais déjà traité dans mon mémoire sur l’Art et la Machine. Je voulais créer une interface qui mettrait en scène l’identité du Steampunk avec une navigation horizontal qui incite à la découverte, chaque page comme un tableau qui présente cet univers riche.

Cliquez ici pour accéder au site sur le Steampunk

Compétences :

Quest of Economia

Quest of Economia : exposé sur l’économie des jeux vidéos
Contexte :
Création d’un site de présentation pour un exposé sur l’économie des jeux vidéo. J’ai réalisé le graphisme, le développement et une partie du contenu rédactionnel. La navigation de l’exposé reprends la navigation d’un jeu de plateforme comme Mario. Ainsi, l’interface incite à la découverte progressive des informations comme si on progressait dans un niveau. Tout d’abord la progression est chronologique avec l’information préalable pour appréhender l’aspect économique et de ses enjeux.
Cliquez ici pour accéder au site sur l’économie des jeux vidéo

Compétences :

Egatrap Cisum

Egatrap Cisum : Moteur de recherche de musique

Contexte :

Dans le cadre du cours de programmation durant ma première année de Master, nous devions développer un moteur de recherche, un système de connexion et inscription des utilisateurs. Avec ma binôme j’ai réalisé un moteur de recherche de musique, son graphisme et son développement.
Cliquez ici pour accéder au moteur de recherche de musique
(attention il n’est pas fonctionnel car sa base de donnée n’est pas reliée)

Compétences :

La Dalle aux Chapiteaux

Contexte :

Deux associations, le Samovar et le Cirque Électrique, dédiées à la pratique et l’art du cirque contemporain, fait naître une nouvelle association : La Dalle aux Chapiteaux.

À cette occasion, un espace leur est dédié par la Ville de Paris à la Porte des Lilas. L’association a pour mission de donner vie à ce nouvel espace qui se veut être :

  • Un trait d’union culturel entre Paris et la Petite Couronne ;
  • Un lieu de pratique amateur pour les Arts du Cirque (école de cirque pour enfants et adultes) ;
  • Un lieu de spectacle ouvert à un large public.

C’est dans ce contexte qu’intervient l’agence Pix’L, afin de promouvoir cette toute nouvelle association par le biais d’une nouvelle identité visuelle (logo, site web, etc.).

Plus d’informations :

Sur ce projet, j’étais directrice technique, je coordonnais toute la programmation, proposais des solutions techniques à la cliente et m’occupais de la formation. Je faisais le lien entre le design et la technique.
Les supports réalisés pour ce projet :

  • Arborescence ;
  • Benchmark ;
  • Enquête utilisateur ;
  • Cahier de recommandation / Recherche technique ;
  • Logotype ;
  • Charte graphique ;
  • Affiches & brochure / flyers ;
  • Programme des spectacles ;
  • Storyboard ;
  • Maquettes ;
  • Développement du site.

Compétences :

Agence PIXL

Site de l’agence « fictive » Pix’L
Productive Innovative Xtreme Layout

Contexte :

Dans le cadre de la licence professionnelle Concepteur et Intégrateur Web et Multimédia, nous avons crée une agence regroupant différentes licence pour répondre à une commande d’un client pour notre projet professionnel. Nous avons réalisé toute la communication de l’agence et le site dynamique.

J’étais assistante chef de projet, directrice technique et graphiste pour les animations. J’avais donc la responsabilité des choix techniques, de leur présentation au client et l’expertise en Actionscript 3 (Flash) et sur les CMS.

Accéder à la démo du site de l’Agence Pix-L

Plus d’informations :

« Pix’L est une équipe à la recherche d’innovation créative et communicationnelle. Cette philosophie s’inscrit dans un web dynamique et vivant à l’image du monde de la toile toujours actif. Notre agence est également dans une constante veille technologique afin de répondre au mieux aux besoins de nos clients. »

Les supports réalisés pour ce projet :

  • Une présentation type diaporama
  • Un site
  • Une plaquette
  • Des cartes de visite

Compétences :

Michiko e Hatchin

Mini site GONG TV
Contexte :
Lors de mon stage à GONG TV j’ai réalisé un mini promotionnel pour présenter la série Michiko e Hatchin. A chaque lancement de série ou de nouvelle saison nous faisions une page de avec un lecteur en Flash pour présenter la bande d’annonce.
Nous avons réalisé aussi des fiches de présentation de chaque série pour obtenir des partenariats avec des entreprises de vêtement par exemple. Toutes les deux semaines, nous mettions en place des concours avec la page dédiée sur le site mais aussi les pages sur youtube, dailymotion et wat.tv qui prennaient un habillage spécifique au concours.
Cliquez ici pour accéder au mini site de Michiko e Hatchin

Balad Essonnes

Marcher au naturel

Contexte :

Projet fictif en durant le BTS Design Graphique, conception de l’identité graphique et de la scénarisation interactive du site «balad’Essonne » générateur d’itinéraire « nature ».
L’interface est un générateur de voyages et de découvertes de l’Essonnes, au travers de randonnées pédestre ou à vélo. Le concept principal était de laisser les personnes choisir les aspects des découvertes qu’ils souhaitent faire, par exemple, s’ils veulent voir principalement de la nature et du patrimoine ils feront cette sélection qui se mettra de côté comme dans le système d’un panier dans une boutique. Ce choix une fois passé dans le générateur d’itinéraire proposera un trajet qui répond aux besoins et aux envies de l’utilisateur.

Brief :

En ville on ne voit pas l’horizon. Les citadins cherchent un cadre de vie serein et verdoyant. Ils ressentent donc une attirance pour la nature, un désir de prendre son temps et de se promener. Les espaces périurbains jouent un rôle fondamental « de poumon vert ». Il y a également une recherche du « vrai » espace naturel, authentique. Il existe des besoins de bouger et d’espace. Une prise de conscience du manque d’activité sportive en ville se fait ressentir et la santé est au centre des préoccupations. Les principales cibles sont les personnes actives ou les familles. La randonnée est avant tout une activité de groupe.

En Ile-de-France, le département de l’Essonne présente un réel potentiel de développement touristique qui l’autorise à revendiquer une fonction de pôle de loisirs et de détente d’envergure régionale. En effet, fort de sa situation géographique proche de Paris et d’importants espaces non urb anisés, il dispose d’un environnement attractif et diversifié, constitué de nombreuses richesses naturelles et d’un patrimoine historique, culturel et scientifique de qualité.

Afin de traiter le sujet avec créativité et pour donner plusieurs angles d’attaque, j’ai décliné le sujet en trois axes créatifs :

Axe créatif : Un usage fonctionnel pour une balade poétique

Il s’agit de l’axe retenu pour le projet, qui devait avoir un aspect fonctionnel, proche d’un mode d’emploi, mais qui incite à voyager et donc incorpore une dimension poétique. L’idée de choisir son itinéraire d’après des pictogrammes induit un univers coloré et simplifié comme dans un livre d’illustration.

Cliquez ici pour accéder aux différentes recherches du site de Balad’Essonnes

Accéder à la démo des recherches de Balad’Essonnes

Propositions carnet de voyages :

Axe créatif : Les nouvelles technologies au service de l’authenticité

Ici, le principe était de plonger dans l’univers du carnet de voyage.

Proposition découverte / collage :

Axe créatif : Un environnement acquis à découvrir

Compétences :

Éphéméride

Le paysage en mouvement : Cristallisation, fractionnement et intervention

Contexte :

Projet fictif en durant le BTS Design Graphique, réflexion autour du paysage en mouvement. Inspiration le kaléidoscope. L’interface représente le paysage en mouvement constant, fragmenté.

« Le paysage est éphémère, constamment changeant. Il n’y a jamais deux paysages identiques et un même paysage se métamorphose sans cesse. Dans le contexte de l’écologie ce phénomène est encore plus évident. Le ciel symbolise cette évolution. Il est comme un nuancier géant qui se modifie avec la lumière et le vent. La détérioration du paysage dû à la pollution et l’intervention de l’humain sont aussi des facteurs de changements. »

Cliquez ici pour accéder à la démo d’Ephéméride, l’interface fragmentée

Compétences :

Patrimoine in Progress

Les journées Européennes du patrimoine 2011 investit par Tadashi Kawamata

Contexte :

Projet fictif en durant le BTS Design Graphique, conception de l’identité graphique et de la scénarisation interactive du site événementiel « cinq » des journées du patrimoine dont le thème sera « Patrimoine in Progress ». A cette occasion, le ministère de la culture invite l’artiste japonais Tadashi Kawamata à intervenir sur 5 lieux du patrimoine parisien « en devenir».

Le parti pris graphique est axé sur la découverte et la redécouverte des lieux, sous des angles différents et induits par l’interface.

Compétences :

Élèves au concert

Contexte :

Les jeunesses musicales de France veulent un logo pour élèves au concert. J’ai effectué une recherche à la cité de la musique pour puiser de l’inspiration dans les visuels autour de la musique. Le logo final incorpore la vibration de la musique et aussi le lien que peut créer de tels événements.

Compétences :