Conception, charte graphique web et intégration HTML5 du site internet pour Normation
www.normation.com

L’innovante société Normation est spécialisée dans les processus de contrôle des automatismes SI et de la sécurité informatique. Neoma-Interactive a réalisé son site internet et l’intégration statique de son site internet en mode HTML5 et CSS3 afin de correspondre au positionnement d’innovation qui caractérise leurs services.

Le site internet en ligne n’est encore qu’en mode « construction ». Voici l’intégration finalisée issue de notre serveur >

Nous nous lançons dans la conception d’interface en mode numérique, nous éloignant ainsi peu à peu du traditionnel papier/crayon ou du tableau-blanc/feutre. Cela permet de maquetter des interfaces, de les corriger, de les publier voire de les partager. Voici une petite liste d’outils de création d’interfaces graphiques et de schémas (wireframes, prototypages, etc.) pour la conception de projets interactifs.

Actuellement je découvre l’excellent outil de conception en ligne Balsamiq (démo ici : http://www.balsamiq.com/builds/mockups-web-demo/ )
En plus de l’avantage d’être en ligne et d’être gratuit, le rendu « rough » est assés convivial et l’interface est simple d’utilisation.

Il y a évidemment d’autres outils, gratuits, payants, en ligne ou en application locale.
Parmi ceux déjà listés (mais pas testés) :

• Axure (payant et trés complet) : http://www.axure.com/
• Guimags et Guiboards : http://www.guimags.com
• Cacoo (que en ligne) : http://cacoo.com/
• Fluidia : démo testable ici http://stage.fluidia.org/
• Mocking bird (que en ligne) : http://gomockingbird.com/mockingbird/
• Mockflow : http://www.mockflow.com/

Enfin un bon article rédigé par Korben : « 18 outils gratuits pour faire des maquettes d’interfaces graphiques » à cette adresse http://www.korben.info/18-outils-gratuits-mockups.html

N’hésitez pas à partager vos avis ici ou sur le sujet équivalent au sein du nouveau forum de l’association FLUPA : http://forum.flupa.eu/phpbb/viewtopic.php?f=8&t=81

–
Mise à jour de l’article le 25/08/2010 :

• nous nous sommes décidés pour la license de Lovely Charts : http://www.lovelycharts.com/ De multiples outils pour le prototypage, diagramme, organigramme hiérarchique, etc. qui vont évoluer dans les prochaines versions, nous confirme l’éditeur belge.
• découverte de iPLOTZ, payant et visiblement puissant : http://iplotz.com/

Forever21, une enseigne de prêt à porter, a utilisé un billboard interactif faisant appel à la réalité augmentée pour distraire les passants de Times Square.

Les piétons sont filmés et projetés sur l’écran géant où de jeunes filles, sûrement de 21 ans ?, viennent interagir avec l’image diffusée.

L’agence initiatrice du projet, Space150, souhaitait augmenter le temps moyen passé à regarder les écrans publicitaires dans la rue (qui est de 6 secondes). Résultat garanti car les passants s’amusent à se déplacer, à gesticuler et à faire partie de l’interactivité.

Vidéo de cet écran publicitaire interactif :

Via Bertrand de tobechanged.com

Le site internet de Neoma-Interactive s’équipe d’une pastille verte qui permet de contribuer à la production d’énergie propre.

« Site électriquement vert »

Attribuée par notre partenaire Watt value, cette pastille est un véritable contrat à valeur écologique donnant droit à un certificat prouvant notre choix d’éco-neutraliser notre impact sur l’environnement et de soutenir le développement des énergies propres.

La méthode de calcul

Le principe repose sur une estimation de l’impact énergétique en consommation électrique. Un visiteur sur notre site provenant de l’autre bout du globe consomme plus d’électricité (donc émet plus d’équivalent CO2) qu’un visiteur local. En faisant cette estimation de consommation, sur la base des IP, une quote-part est ré-investie dans de nouveaux projets pour augmenter les capacités de production d’électricité renouvelable.

La contribution au développement des filières vertes

Neoma-Interactive contribue ainsi à hauteur de 1 centime d’euro par kWh certifié proportionnellement au trafic de notre site internet et des provenances de nos internautes. Les centres de production d’électricité verte ont été sélectionnés selon les critères de validation émis par le RECS (Renewable Energy Certificate System). Le RECS met en place une certification européenne de l’énergie renouvelable et garantie l’origine verte de l’électricité.

Le représentant du RECS en France est Observ’ER (l’Observatoire des Energies Renouvelables) ; c’est l’institut français de certification de l’énergie d’origine renouvelable qui émet les certificats verts, dont le notre !

Pour en savoir plus :

• site internet du RECS
• site internet de l’EECS (European Energy Certificate System) par Observ’ER
• Soutenu par la Commission Européenne et l’Ademe, l’Observatoire des énergies renouvelables réalise et publie tous les deux mois depuis 1998 le baromètre EurObserv’ER

Même si les dates sont déjà connues par ceux qui s’impatientent toute l’année de la prochaine édition, il est toujours bon de faire la promotion pour cet incontournable événement dédiés aux professionnels des projets interactifs.

Accessibilité, design et standards

« Du 14 au 16 octobre à Paris, la cinquième édition de la conférence Paris Web explorera les thèmes de l’accessibilité Web, du design numérique et des standards ouverts. »

Et pour bien communiquer, comme chaque année nous éditons des bannières « J’y serais ! » et « Nous y serons ! » à placer sans modération sur vos sites internet (comme celle présente en colonne sur notre site). Elles viennent en complément des images, boutons et logo déjà disponibles sur le site officiel à cette adresse : http://www.paris-web.fr/promotion.php

On se prépare et on y va :

• bannière 240 × 110 pixels (16 Ko) – version « J’y serai ! »
• bannière 240 × 110 pixels (16 Ko) – version « Nous y serons ! »

« Nous avons décidé de tout faire en version numérique et en ligne pour des raisons écologiques. »

Cet argument environnemental, ou au nom d’une communication globale sur le développement durable, est-il toujours valable ?

Neoma-Interactive dévoile sa conception du web-développement durable et de son outil de calcul du carbone émis pour la production d’un projet interactif (web, offline, mobile). Baptisé CCPI pour « Calcul Carbone de Projet Interactif », cette méthode permet d’évaluer, au cours d’une production, le rejet émis par les postes numériques et celui lié à la gestion entre les différents interlocuteurs.

L’impact écologique est mesuré sur la production. La fabrication matérielle et la diffusion sur divers supports ne sont pas prises en compte pour l’instant. Pour le premier point (fabrication) nous nous reposons sur la taxe « éco-contribution » actuellement en vigueur et fournie par les vendeurs/constructeurs. Pour le second point (diffusion) nous faisons appel à des hébergeurs verts ou à des partenaires calculant l’impact énergétique en fonction du trafic de publication. Bien entendu cet axe est discutable, mais c’est déjà un pas !

Durable et Vert

Nous nous engagions à travers une charte « Je m’engage pour l’environnement » il y a un peu plus d’un an.

Nous affirmons aujourd’hui apporter une réponse quantifiée aux enjeux environnementaux. Plus de détails sur notre encart spécial « Le web-développement durable ».

NB : cet outil est déployé sur nos infrastructures internes afin de le perfectionner avant d’envisager une mise en ligne plus collaborative. Si vous êtes intéressé(e), venez nous voir

Ikea propose des bannières créatives comme on les aime qui vont à coup sûr battre des records de temps d’utilisation.

Merci à Fab’

Refonte graphique et ergonomique du site de Croisière en bateau à Paris
www.quai55.com

Le Quai 55 organise des animations, des déjeuners et des dîners croisière pour les événements : mariages, baptêmes, séminaires, dîner d’affaires, conférences de presse… Neoma-Interactive a réalisé pour la société Tarentis la réflexion ergonomique et le webdesign de la refonte du site internet.

Chris Anderson, le rédacteur en chef, est fier de la présenter en vidéo. Et il a de quoi pavaner un peu : l’innovation et « l’édition numérique du futur » sont déjà au rendez-vous.
NB : question accessibilité ? cela fera l’objet d’un projet article. Pour l’instant, apprécions l’expérience utilisateur…

Source : Wired.com