Projet tuteuré : Conception du site de la Maison de la Création             Réflexion d’architecture et de navigation  « A...
Page d’accueil - Logo
Page d’accueil - Parcourir         Parcourir les          créations
Page d’accueil - Concevoir          Concevoir         une création
Page d’accueil - Créer         Créer       une cellule
Page d’accueil - Rechercher         Rechercher...
Page d’accueil - Trouver 1/2        Nom création        Nom cellule
Page d’accueil - Trouver 2/2        Créa...        Création 1        Créa...        Création 2        Création 3
ParcourirLes créations « Actus »...    +Les créations + partagés...   +    Les mieux notés...        +     Les catégories....
ParcourirLes + partagés...                    -                                Choix aléatoire                            ...
Concevoir  Nommez votre création... Mot de passe         Confirmation                 (en cas d’oubli                     ...
Concevoir   Nommez votre création...                        Confirmation Mot de passe           Confirmation              ...
ConcevoirÉtudiantChercheur                                             Concevez votreFormation médias numériques          ...
Concevoir    Créer une cellule Rechercher une cellule... Les cellules les + utilisées...   +              Concevez votre  ...
ConcevoirLes cellules les + utilisées...   -                                              1/3      2/3         3/3        ...
ConcevoirRecherche de cellules...   -                                       1/3      2/3         3/3                      ...
Créer                                                           Gabarits  Nommez votre création...                        ...
Créer                                                                                                                     ...
Créer / Blog        Dimension                                           Templates        Ma cellule / Blog                ...
Rechercher / Flux d’actualités
Rechercher / Blogs
Rechercher / Pages web
Rechercher / Plateforme de téléchargement
Rechercher / Chaines vidéos
Rechercher / Galerie d’images
Rechercher / Sélection d’une cellule de recherche                  Dimension                                    Rechercher...
Création avant navigation / Trouver                      Choisissez une                       dimension et                ...
Création avant navigation / Trouver                       Choisissez une                        dimension et              ...
Création avant navigation / Trouver                      Choisissez une                       dimension et                ...
Création avant navigation / Trouver                      Choisissez une                       dimension et                ...
Création avant navigation / Trouver                                                  Mot de passe                      Cho...
Navigation        Dimension        Cellule                              +09 Nouveau projet étudiantSEPT.          Posted b...
Navigation        Dimension        Cellule                              +09 Nouveau projet étudiantSEPT.          Posted b...
Navigation        Dimension        Cellule                              +09 Nouveau projet étudiantSEPT.          Posted b...
Navigation        Dimension        Cellule                              +09 Nouveau projet étudiantSEPT.          Posted b...
Navigation        Dimension        Cellule                              +09 Nouveau projet étudiantSEPT.          Posted b...
Navigation        Dimension        Cellule                              +09 Nouveau projet étudiantSEPT.          Posted b...
Navigation        Dimension        Cellule                              +09 Nouveau projet étudiantSEPT.          Posted b...
Navigation        Dimension        Cellule                                 +09 Nouveau projet étudiant                   M...
Navigation        Cellule                              -09      Nouveau projet étudiant Mot de passeSEPT.         Posted b...
Réflexion d’architecture et navigation "Apéricube" // Site Maison de la création
Prochain SlideShare
Chargement dans…5
×

Réflexion d’architecture et navigation "Apéricube" // Site Maison de la création

1 099 vues

Publié le

Projet tuteuré Master 1 Médias Numériques 2011/2012. Conception du site Internet de la Maison de la Création. Réflexion d'architecture et de navigation sous formes "d'Apéricubes" et de cube 3D.

Démonstrateur vidéo : www.youtube.com/watch?v=xztPUlOTpCk&feature=plcp
Blog : www.gateausurlacerise.com
Twitter : @GateauSurCerise
Facebook : www.facebook.com/gateausurlacerise
LinkedIn : www.linkedin.com/in/sylvaingateau
Viadeo : www.viadeo.com/fr/profile/sylvain.gateau2

Publié dans : Technologie
0 commentaire
1 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

Aucun téléchargement
Vues
Nombre de vues
1 099
Sur SlideShare
0
Issues des intégrations
0
Intégrations
517
Actions
Partages
0
Téléchargements
1
Commentaires
0
J’aime
1
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Réflexion d’architecture et navigation "Apéricube" // Site Maison de la création

  1. 1. Projet tuteuré : Conception du site de la Maison de la Création Réflexion d’architecture et de navigation  « Apéricube »Master 1 Audiovisuel et Médias Numériques 2011/2012, option Médias Numériques Institut de la Communication et des Médias - Grenoble
  2. 2. Page d’accueil - Logo
  3. 3. Page d’accueil - Parcourir Parcourir les créations
  4. 4. Page d’accueil - Concevoir Concevoir une création
  5. 5. Page d’accueil - Créer Créer une cellule
  6. 6. Page d’accueil - Rechercher Rechercher...
  7. 7. Page d’accueil - Trouver 1/2 Nom création Nom cellule
  8. 8. Page d’accueil - Trouver 2/2 Créa... Création 1 Créa... Création 2 Création 3
  9. 9. ParcourirLes créations « Actus »... +Les créations + partagés... + Les mieux notés... + Les catégories... + Choix aléatoire Valider cette création
  10. 10. ParcourirLes + partagés... - Choix aléatoire Valider cette création
  11. 11. Concevoir Nommez votre création... Mot de passe Confirmation (en cas d’oubli Concevez votreAdresse mail de mot de passe) création en glissant-déposant les cellules sur lesAjouter / Modifier un avatar dimensions du cube. À vous de créer ! 1/3 2/3 3/3 Back Go
  12. 12. Concevoir Nommez votre création... Confirmation Mot de passe Confirmation Ajouter un avatar (en cas d’oubli de mot de passe) Concevez votre Concevez votre (en cas d’oubliAdresse mail Sélectionnez une image... de mot de passe) ... Aperçu: création en création en glissant-déposant les glissant-déposant les cellules sur les cellules sur les dimensions du cube. dimensions du cube.Ajouter / Modifier ...ou créez votre avatar ! un avatar À vous de créer ! À vous de créer ! + Undo Redo Reset Download 1 Valider l’avatar / 3 /3 2 3/3 Back Go
  13. 13. ConcevoirÉtudiantChercheur Concevez votreFormation médias numériques création enDoctorants glissant-déposant lesVisiteurs cellules sur les... dimensions du cube. À vous de créer ! 1/3 2/3 3/3 Back Go
  14. 14. Concevoir Créer une cellule Rechercher une cellule... Les cellules les + utilisées... + Concevez votre création en glissant-déposant les cellules sur les dimensions du cube. À vous de créer !Les cellules les mieux notées... + 1/3 2/3 3/3 Les cellules les + utilisées... + Back Valider
  15. 15. ConcevoirLes cellules les + utilisées... - 1/3 2/3 3/3 Back Valider
  16. 16. ConcevoirRecherche de cellules... - 1/3 2/3 3/3 Back Valider
  17. 17. Créer Gabarits Nommez votre création... Dimension entière 1/2 dimension verticale Mot de passe Confirmation 1/2 dimension horizontale (en cas d’oubliAdresse mail de mot de passe) Défilement Défilement vertical Définissez les Défilement horizontalAjouter / Modifier un avatar caractéristiques Catégories générales Blog de votre cellule Chaîne vidéos Flux d’actualités Galerie photos Page web Plateforme de téléchargement Étape suivante
  18. 18. Créer Gabarits Nommez votre création... Ajouter un avatar Dimension entière 1/2 dimension verticale Mot de passe Confirmation 1/2 dimension horizontale ... Aperçu: (en cas d’oubliAdresse mail de mot de passe) Défilement Défilement vertical Définissez les ...ou créez votre avatar ! Défilement horizontalAjouter / Modifier un avatar caractéristiques Catégories générales Blog de votre cellule Chaîne vidéos Flux d’actualités Undo Redo Reset Download Galerie photos Page web Valider l’avatar Plateforme de téléchargement Étape suivante
  19. 19. Créer / Blog Dimension Templates Ma cellule / Blog Template 109 Ajouter un titre...SEPT. Posted by John Doe 25 comments Template 2Lorem ipsum dolor sit amet, consectetur adipisicingelit, sed do eiusmod tempor incididunt ut labore et Template 3dolore magna aliqua. Ut enim ad minim veniam,quis nostrud exercitation ullamco laboris nisi utaliquip ex ea commodo consequat. Duis aute irure Nouvel articledolor.Read more Enregistrer brouillon27 Les coquelicots fleurissent PublierJULY Posted by John Doe 25 commentsLorem ipsum dolor sit amet, consectetur adipisicingelit, sed do eiusmod tempor incididunt ut labore etdolore magna aliqua. Ut enim ad minim veniam, Ajouter fichier ...quis nostrud exercitation ullamco laboris nisi utaliquip ex ea commodo consequat. Duis aute irure Ajouter des liensdolor.Read more17 Le kidnapping de BartJULY Posted by John Doe 25 commentsLorem ipsum dolor sit amet, consectetur adipisicingelit, sed do eiusmod tempor incididunt ut labore etdolore magna aliqua. Ut enim ad minim veniam,quis nostrud exercitation ullamco laboris nisi utaliquip ex ea commodo consequat. Duis aute iruredolor. CaractéristiquesRead more Incorporer02 C’était l’hiver JUNE Posted by John Doe 25 commentsLorem ipsum dolor sit amet, consectetur adipisicing Validerelit, sed do eiusmod tempor incididunt ut
  20. 20. Rechercher / Flux d’actualités
  21. 21. Rechercher / Blogs
  22. 22. Rechercher / Pages web
  23. 23. Rechercher / Plateforme de téléchargement
  24. 24. Rechercher / Chaines vidéos
  25. 25. Rechercher / Galerie d’images
  26. 26. Rechercher / Sélection d’une cellule de recherche Dimension Rechercher... Cellule + 09 Nouveau projet étudiant SEPT. Posted by John Doe 25 comments Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor. Read more 27 Les coquelicots fleurissent JULY Posted by John Doe 25 comments Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor. Read more 17 Le kidnapping de Bart JULY Posted by John Doe 25 comments Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor. Read more 02 C’était l’hiver JUNE Posted by John Doe 25 comments Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
  27. 27. Création avant navigation / Trouver Choisissez une dimension et double-cliquez pour explorer !Changer de création Noter la création Partager la création
  28. 28. Création avant navigation / Trouver Choisissez une dimension et double-cliquez pour explorer ! Changer de création Noter la création Partager la créationCréer Parcourir
  29. 29. Création avant navigation / Trouver Choisissez une dimension et double-cliquez pour explorer !Changer de création Noter la création Partager la création
  30. 30. Création avant navigation / Trouver Choisissez une dimension et double-cliquez pour explorer !Changer de création Noter la création Partager la création
  31. 31. Création avant navigation / Trouver Mot de passe Choisissez une dimension et double-cliquez pour explorer !Changer de création Noter la création Partager la création
  32. 32. Navigation Dimension Cellule +09 Nouveau projet étudiantSEPT. Posted by John Doe 25 commentsLorem ipsum dolor sit amet, consectetur adipisicingelit, sed do eiusmod tempor incididunt ut labore etdolore magna aliqua. Ut enim ad minim veniam,quis nostrud exercitation ullamco laboris nisi utaliquip ex ea commodo consequat. Duis aute iruredolor.Read more27 Les coquelicots fleurissentJULY Posted by John Doe 25 commentsLorem ipsum dolor sit amet, consectetur adipisicingelit, sed do eiusmod tempor incididunt ut labore etdolore magna aliqua. Ut enim ad minim veniam,quis nostrud exercitation ullamco laboris nisi utaliquip ex ea commodo consequat. Duis aute iruredolor.Read more17 Le kidnapping de BartJULY Posted by John Doe 25 commentsLorem ipsum dolor sit amet, consectetur adipisicingelit, sed do eiusmod tempor incididunt ut labore etdolore magna aliqua. Ut enim ad minim veniam,quis nostrud exercitation ullamco laboris nisi utaliquip ex ea commodo consequat. Duis aute iruredolor.Read more02 C’était l’hiver JUNE Posted by John Doe 25 commentsLorem ipsum dolor sit amet, consectetur adipisicingelit, sed do eiusmod tempor incididunt ut
  33. 33. Navigation Dimension Cellule +09 Nouveau projet étudiantSEPT. Posted by John Doe 25 commentsLorem ipsum dolor sit amet, consectetur adipisicingelit, sed do eiusmod tempor incididunt ut labore etdolore magna aliqua. Ut enim ad minim veniam,quis nostrud exercitation ullamco laboris nisi utaliquip ex ea commodo consequat. Duis aute iruredolor.Read more27 Les coquelicots fleurissentJULY Posted by John Doe 25 commentsLorem ipsum dolor sit amet, consectetur adipisicingelit, sed do eiusmod tempor incididunt ut labore etdolore magna aliqua. Ut enim ad minim veniam,quis nostrud exercitation ullamco laboris nisi utaliquip ex ea commodo consequat. Duis aute iruredolor.Read more17 Le kidnapping de BartJULY Posted by John Doe 25 commentsLorem ipsum dolor sit amet, consectetur adipisicingelit, sed do eiusmod tempor incididunt ut labore etdolore magna aliqua. Ut enim ad minim veniam,quis nostrud exercitation ullamco laboris nisi utaliquip ex ea commodo consequat. Duis aute iruredolor.Read more02 C’était l’hiver JUNE Posted by John Doe 25 commentsLorem ipsum dolor sit amet, consectetur adipisicingelit, sed do eiusmod tempor incididunt ut
  34. 34. Navigation Dimension Cellule +09 Nouveau projet étudiantSEPT. Posted by John Doe 25 commentsLorem ipsum dolor sit amet, consectetur adipisicingelit, sed do eiusmod tempor incididunt ut labore etdolore magna aliqua. Ut enim ad minim veniam,quis nostrud exercitation ullamco laboris nisi utaliquip ex ea commodo consequat. Duis aute iruredolor.Read more27 Les coquelicots fleurissentJULY Posted by John Doe 25 commentsLorem ipsum dolor sit amet, consectetur adipisicingelit, sed do eiusmod tempor incididunt ut labore etdolore magna aliqua. Ut enim ad minim veniam,quis nostrud exercitation ullamco laboris nisi utaliquip ex ea commodo consequat. Duis aute iruredolor.Read more17 Le kidnapping de BartJULY Posted by John Doe 25 commentsLorem ipsum dolor sit amet, consectetur adipisicingelit, sed do eiusmod tempor incididunt ut labore etdolore magna aliqua. Ut enim ad minim veniam,quis nostrud exercitation ullamco laboris nisi utaliquip ex ea commodo consequat. Duis aute iruredolor.Read more02 C’était l’hiver JUNE Posted by John Doe 25 commentsLorem ipsum dolor sit amet, consectetur adipisicingelit, sed do eiusmod tempor incididunt ut
  35. 35. Navigation Dimension Cellule +09 Nouveau projet étudiantSEPT. Posted by John Doe 25 commentsLorem ipsum dolor sit amet, consectetur adipisicingelit, sed do eiusmod tempor incididunt ut labore etdolore magna aliqua. Ut enim ad minim veniam,quis nostrud exercitation ullamco laboris nisi utaliquip ex ea commodo consequat. Duis aute iruredolor.Read more27 Les coquelicots fleurissentJULY Posted by John Doe 25 commentsLorem ipsum dolor sit amet, consectetur adipisicingelit, sed do eiusmod tempor incididunt ut labore etdolore magna aliqua. Ut enim ad minim veniam,quis nostrud exercitation ullamco laboris nisi utaliquip ex ea commodo consequat. Duis aute iruredolor.Read more17 Le kidnapping de BartJULY Posted by John Doe 25 commentsLorem ipsum dolor sit amet, consectetur adipisicingelit, sed do eiusmod tempor incididunt ut labore etdolore magna aliqua. Ut enim ad minim veniam,quis nostrud exercitation ullamco laboris nisi utaliquip ex ea commodo consequat. Duis aute iruredolor.Read more02 C’était l’hiver JUNE Posted by John Doe 25 commentsLorem ipsum dolor sit amet, consectetur adipisicingelit, sed do eiusmod tempor incididunt ut
  36. 36. Navigation Dimension Cellule +09 Nouveau projet étudiantSEPT. Posted by John Doe 25 commentsLorem ipsum dolor sit amet, consectetur adipisicingelit, sed do eiusmod tempor incididunt ut labore etdolore magna aliqua. Ut enim ad minim veniam,quis nostrud exercitation ullamco laboris nisi utaliquip ex ea commodo consequat. Duis aute iruredolor.Read more27 Les coquelicots fleurissentJULY Posted by John Doe 25 commentsLorem ipsum dolor sit amet, consectetur adipisicingelit, sed do eiusmod tempor incididunt ut labore etdolore magna aliqua. Ut enim ad minim veniam,quis nostrud exercitation ullamco laboris nisi utaliquip ex ea commodo consequat. Duis aute iruredolor.Read more17 Le kidnapping de BartJULY Posted by John Doe 25 commentsLorem ipsum dolor sit amet, consectetur adipisicingelit, sed do eiusmod tempor incididunt ut labore etdolore magna aliqua. Ut enim ad minim veniam,quis nostrud exercitation ullamco laboris nisi utaliquip ex ea commodo consequat. Duis aute iruredolor.Read more02 C’était l’hiver JUNE Posted by John Doe 25 commentsLorem ipsum dolor sit amet, consectetur adipisicingelit, sed do eiusmod tempor incididunt ut
  37. 37. Navigation Dimension Cellule +09 Nouveau projet étudiantSEPT. Posted by John Doe 25 commentsLorem ipsum dolor sit amet, consectetur adipisicingelit, sed do eiusmod tempor incididunt ut labore etdolore magna aliqua. Ut enim ad minim veniam,quis nostrud exercitation ullamco laboris nisi utaliquip ex ea commodo consequat. Duis aute iruredolor.Read more27 Les coquelicots fleurissentJULY Posted by John Doe 25 commentsLorem ipsum dolor sit amet, consectetur adipisicingelit, sed do eiusmod tempor incididunt ut labore etdolore magna aliqua. Ut enim ad minim veniam,quis nostrud exercitation ullamco laboris nisi utaliquip ex ea commodo consequat. Duis aute iruredolor.Read more17 Le kidnapping de BartJULY Posted by John Doe 25 commentsLorem ipsum dolor sit amet, consectetur adipisicingelit, sed do eiusmod tempor incididunt ut labore etdolore magna aliqua. Ut enim ad minim veniam,quis nostrud exercitation ullamco laboris nisi utaliquip ex ea commodo consequat. Duis aute iruredolor.Read more02 C’était l’hiver JUNE Posted by John Doe 25 commentsLorem ipsum dolor sit amet, consectetur adipisicingelit, sed do eiusmod tempor incididunt ut
  38. 38. Navigation Dimension Cellule +09 Nouveau projet étudiantSEPT. Posted by John Doe 25 commentsLorem ipsum dolor sit amet, consectetur adipisicingelit, sed do eiusmod tempor incididunt ut labore etdolore magna aliqua. Ut enim ad minim veniam,quis nostrud exercitation ullamco laboris nisi utaliquip ex ea commodo consequat. Duis aute iruredolor.Read more27 Les coquelicots fleurissentJULY Posted by John Doe 25 commentsLorem ipsum dolor sit amet, consectetur adipisicingelit, sed do eiusmod tempor incididunt ut labore etdolore magna aliqua. Ut enim ad minim veniam,quis nostrud exercitation ullamco laboris nisi utaliquip ex ea commodo consequat. Duis aute iruredolor.Read more17 Le kidnapping de BartJULY Posted by John Doe 25 commentsLorem ipsum dolor sit amet, consectetur adipisicingelit, sed do eiusmod tempor incididunt ut labore etdolore magna aliqua. Ut enim ad minim veniam,quis nostrud exercitation ullamco laboris nisi utaliquip ex ea commodo consequat. Duis aute iruredolor.Read more02 C’était l’hiver JUNE Posted by John Doe 25 commentsLorem ipsum dolor sit amet, consectetur adipisicingelit, sed do eiusmod tempor incididunt ut
  39. 39. Navigation Dimension Cellule +09 Nouveau projet étudiant Mot de passeSEPT. Posted by John Doe 25 commentsLorem ipsum dolor sit amet, consectetur adipisicingelit, sed do eiusmod tempor incididunt ut labore etdolore magna aliqua. Ut enim ad minim veniam,quis nostrud exercitation ullamco laboris nisi utaliquip ex ea commodo consequat. Duis aute iruredolor.Read more27 Les coquelicots fleurissentJULY Posted by John Doe 25 commentsLorem ipsum dolor sit amet, consectetur adipisicingelit, sed do eiusmod tempor incididunt ut labore etdolore magna aliqua. Ut enim ad minim veniam,quis nostrud exercitation ullamco laboris nisi utaliquip ex ea commodo consequat. Duis aute iruredolor.Read more17 Le kidnapping de BartJULY Posted by John Doe 25 commentsLorem ipsum dolor sit amet, consectetur adipisicingelit, sed do eiusmod tempor incididunt ut labore etdolore magna aliqua. Ut enim ad minim veniam,quis nostrud exercitation ullamco laboris nisi utaliquip ex ea commodo consequat. Duis aute iruredolor.Read more02 C’était l’hiver JUNE Posted by John Doe 25 commentsLorem ipsum dolor sit amet, consectetur adipisicingelit, sed do eiusmod tempor incididunt ut
  40. 40. Navigation Cellule -09 Nouveau projet étudiant Mot de passeSEPT. Posted by John Doe 25 commentsLorem ipsum dolor sit amet, consectetur adipisicingelit, sed do eiusmod tempor incididunt ut labore etdolore magna aliqua. Ut enim ad minim veniam,quis nostrud exercitation ullamco laboris nisi utaliquip ex ea commodo consequat. Duis aute iruredolor.Read more27 Les coquelicots fleurissentJULY Posted by John Doe 25 commentsLorem ipsum dolor sit amet, consectetur adipisicingelit, sed do eiusmod tempor incididunt ut labore etdolore magna aliqua. Ut enim ad minim veniam,

×