Ressources en production à utiliser

Logos

noir hauteur 64 px noir hauteur 100 px
marron hauteur 64 px marron hauteur 100 px
bleu hauteur 64 px bleu hauteur 100 px
rouge hauteur 64 px rouge hauteur 100 px
vert hauteur 64 px vert hauteur 100 px
blanc hauteur 64 px blanc hauteur 100 px

Couleurs

charte des couleurs du site web

Etude sur Design / Identité graphique

Ambiance

  • Dominante bleu turquoise / gris perle / blanc (neige / glace de grenoble l’hivers ? Ou bleu vert gris la montagne d’été ?), de la vision laquée / métal au crayonné à la Enki Bilal
  • Du design futuriste, 3D, robocop, industriel (automates, robots) jusqu’à l’artisannat, crayonné, symbole du fait main, crayonné
  • Un design non conventionnel pour le web, proposé par qqn qui n’est pas webdesigner, no limits, design unique qui se démarque, qui surprend
  • La trace de la machine (indus) mais aussi beaucoup de l’humain, des émotions… une équipe agile, c’est 200% d’humanité et 200% d’outillage et techniques au top niveau

Ergonomie (navigation, remplissage de l’écran, nombre de clics pour accéder à l’info…)

  • Simple, épurée, fung shui
  • Sur une page, 75% est occupée par 3 infos majeures, pas nécessairement d’égale importance (podium ?)
  • Le texte ne doit pas bouffer plus de 40 à 50% d’une page. Bcp de photos très esthétiques (banque de photos à créer avec Fabien Puig ??)
  • On aime la navigation par sliding comme sur une tablette / On aime les déplacements de type glissage pour passer d’un contenu à l’autre
  • Les icones « réseaux sociaux » et les menus annexes sont accessibles voire étirables depuis les côtés (1, 2, 4 cotes ?) tout le temps

Idées à explorer

  • Métaphore de la montagne l’hivers et des pistes de ski (pour le programme dans la journée…)
  • Métaphore de la montagne l’été (avec des animaux, vaches, moutons, chiens, des activités ski sur herbe, karting, acrobranche… chacun représenterai un sujet ou un centre d’intérêt pour orateur ou participant ?)
  • Pour un parcours sur un persona (ex. parcours pour un Product Owner), plusieurs idées différentes d’approche design / ergo :
  • Un ensemble de bulles / ballons, chaque bulle est une session… les plus grosses sont les sessions les plus cotées pour ce profil (à ne pas louper / bcp de « like »… ;). Avec un peu de bol et de programmation, c’est du code et ça se redessine automatiquement en fonction des intentions des internautes…
  • Une piste rouge de slalom geant avec des portes à passer… chaque porte est une session. Le texte de la session apparait quand on browse la porte (là c’est une image donc plus figé, on privilégie l’ordre des portes = le temps de la journée, plus classique)
  • On présente toutes les sessions pour ce persona par type de sessions avec des images pour les types de sessions : les sessions de type Atelier, les sessions de type jeu, les conférences ou Rex… Comme ça, je peux programmer ma journée avec un peu de jeux, un peu de conf et des ateliers pratiques… Un bon mix
  • une session de la conférence
  • plusieurs IHMs dédiées pour chercher des sessions :
    • recherche par mot-clefs grâce à un tag cloud (exemple de tag cloud : lorsque la souris passe sur un mot, alors une zone affiche la liste des sesssions associées à ce mot-clef
    • recherche par orateur grâce à un carrousel/album photos (portrait de chaque orateur) : lorsque la souris passe sur une photo, alors une zone affiche la liste des sesssions associées à cet orateur
    • recherche “avancée” = comme le catalogue d'un site marchand (session=un article à acheter): l'utilisateur pourrait rechercher des sessions selon des filtres multi-critères : speaker, thème, personnas, niveau de like, etc.. notion de panier ?

Ressources

Comprendre l'agilité en informatique

Sites de la communauté agile

Logo actuel

  • Logo actuel

Photos Agile Grenoble

Sites web qu'on aime

Essais et maquettes

  • premier essai logo
  • essai home page maquette_ag2014.jpg
  • deuxième essai logo
 
site_web_ag2014.txt · Dernière modification: 23/05/2014 21:54 par eetasse
Creative Commons License Valid XHTML 1.0 Valid CSS Driven by DokuWiki