Régulièrement entretenus et réparés par des techniciens, les vélos sont toutefois soumis à une utilisation très rude qui met à mal certains composants, dont on ne remarque pas forcement le mauvais état. Le fameux code d'information “selle du Vélo'v retournée = bicycle inutilisable”, mis en place par la communauté d'utilisateurs, fonctionne, mais ne suffit pas toujours pour éviter de sélectionner une monture éclopée…

En effet quel vélo’veur n’a pas eu la surprise de remarquer en cours de route, une sonnette HS, un frein défaillant, un panier tremblotant ou encore un levier de vitesse grippé ? Ces petites défaillances en apparence anodines ne rendent pas le vélo inutilisable, pourtant votre ballade en devient moins agréable voir moins sûre… C’est pourquoi j’ai pensé à un système de signalement éphémère mettant en garde l’usager du dysfonctionnement d’un ou plusieurs éléments du bicycle.



“I’M OUT !” C’est le message écrit sur un ruban adhésif jaune fluo, conçu par MOG DESIGN, afin de mettre en exergue la ou les défaillances du vélo endommagé. Vu comme une exclamation du Vélo’v lui-même, I’M OUT ! expose en un coup d’oeil les petits et gros bobos du vélo. Enroulé autour des partie concernées, le ruban fait office de marqueur visuel à la fois pour les usagers du service mais également pour les techniciens en charge de l’entretien.

Le cycliste repère ainsi rapidement et facilement les dommages même depuis la borne et fait son choix de Vélo’v en toute connaissance de cause.
L’agent de dépannage quant à lui est visuellement informé des vélos à réparer en priorité... et ôte le ruban quand c’est fait !

L’objectif est une optimisation générale et ludique du système :

1. Gain de temps et choix de confort pour l’usager.
2. Gain de temps pour le technicien donc parc de Vélo’v en meilleur état.
   
   

Envie de rejoindre la team "I’M OUT !" ?
Contactez-moi sur la page Page Facebook dédié !

Découvrez ci-dessous mes réponses aux questions :

Qui êtes vous ?
Un designer ! Je suis Infographiste, je conçois le design de tous types de supports de communication, qu’ils soient imprimés ou numériques. Cela va de la création de logo, au graphisme d’affiche, plaquette, magazine, jusqu’au design de site web ou d’application. J’ai pour mission de rendre les informations à la fois accessibles, intuitives et agréables à consulter/utiliser quel que soit le support. La notion d’ergonomie fait clairement partie de la création, c’est pourquoi je préfère souvent l'appellation de Designer Graphique.

Votre mission pour ActeuràVie® ?
Concevoir le webdesign du logiciel. J’ai travaillé en étroite collaboration avec 6TECH et le GAG pour qu’il soit le plus efficace possible en terme de style et d’ergonomie... dans le respect des contraintes techniques.

Les obstacles rencontrés ?
La principale difficulté était de créer une interface à la fois facile à utiliser pour la personne, et complète et structurée pour l’intervenant qui doit gérer un nombre important d’informations. Les maquettes d’étude proposées avant notre intervention étaient remplies d’incohérences du point de vue fonctionnel. Nous avons fait un tri et pallié aux manques pour créer une plateforme intuitive pour les deux profils utilisateurs.

Les solutions mises en place ?
Nous avons opté pour la création de deux interfaces interdépendantes, une pour chaque type de profil, avec son style et son ergonomie spécifique.
Le dossier de la personne est structuré de manière simple, avec un menu et des boutons imposants, des notes d’informations, le tout dans un grand corps de texte pour gagner en lisibilité et facilité d’utilisation.
L’intervenant, plus averti, jouit d’un compte au design plus moderne qui facilite le multitâche et la gestion de nombreux dossiers. L’utilisation de codes couleur rend compte d’une véritable immersion dans le dossier d’une personne. L’emploi de fenêtre popup permet de traiter un grand flux d’informations. Les boutons de bas de page permettent un ajout à tout moment et guident sur l’avancement du dossier concerné.

Tout au long du projet nous avons été à l’écoute du GAG et de ses acteurs pour mieux comprendre le process du Projet Personnalisé. Les retours des testeurs collectés lors du 9e Congrès du CNAAG ont aussi permis de faire évoluer le design pour optimiser l’expérience utilisateur.
Nous attendons avec impatience le feed back de cette version 1 pour améliorer encore l’efficacité du logiciel ActeuràVie®.

Parcourir la fiche projet PLATEFORME ACTEURAVIE 
Télécharger la double interview complète au format .pdf
Magazine L’animation sociale avec les personnes âgées - hors-série avril 2015

Les titres plus grands, dans une graisse plus bold, s’imposent d'avantage de part leur soulignement blanc ou noir lorsqu’ils superposent une image. Les chapeaux, dans un plus grand corps de texte, ou le nom du journaliste encadré, participent à ce nouveau rythme contrasté à travers les pages. Petite nouveauté : la lettrine en début d’article ajoute une note classique à cette maquette résolument plus contemporaine.

De la têtière au pied de page, le design suit rigoureusement la nouvelle grille de mise en page. Par ses grands titres et les différents jeux de contrastes, SMART incarne un magazine masculin dans l’air du temps. Une nouvelle charte graphique qui mêle force, caractère et élégance !


Parcourir la fiche projet SMART MAGAZINE 
Lire le magazine SMART # 10 sur ISSUU

Le web design de cet outil en ligne est une commande de l'agence 6tech pour le GAG, le Groupement National des Animateurs en Gérontologie. Acteuravie est déstiné aux diverses structures d’accueil de personnes âgées, mais contrairement aux logiciels existant sur le marché, la personne est maître de son profil, propriétaire de ses données : elle au centre des intérêts.

L'objectif de la plateforme est de proposer aux personnes un espace dédié pour exprimer leurs récits et souhaits de vie. Les animateurs affiliés pourront, via leur interface, les accompagner dans leurs projets et les aider à les mettre en oeuvre par des activités.



La conception web design de ce logiciel cloud s'est avéré délicate au vue de la particularité de la cible. C'est pour moi un exercice intéressant qui m'oblige à revoir les standards du web pour des internautes souvent néophytes ! Un gros travail notamment sur l’ergonomie est constamment nécessaire.

Les premiers retours des béta-testeurs collectés lors du Congrès ont été très bons. Quelques remarques intéressantes permettent dès à présent de faire évoluer le design pour optimiser l’expérience utilisateur.

Sortie prévue 1er semestre 2015.
Plus d’infos très bientôt !

--
Pour les plus curieux sur le fonctionnement d’Acteuravie, un article de 6 pages vient de paraître dans le N°6 du magazine L'animation sociale avec les personnes âgées.

Véritable source d’inspiration pour la création de vos web design, Brandcolors propose un moteur de recherche pour examiner toutes le palettes couleur des marques les plus populaires sur internet.

Le petit plus de cet outil de création graphique : vous pourrez exporter au format ASE, SCSS, LESS et CSS les différentes couleurs qui composent leur identité.

Certains noteront que ce nouvel outil est complémentaire à Stylifyme, déjà présenté en mars dernier.

Tester Brandcolors

De nombreux sites internet proposent la création de QRcode au contenu personnalisé : url, vCard, géolocalisation… Le problème : la faible résolution du fichier téléchargeable au format .jpg ou .png limite souvent l’impression du QRcode à une taille réduite (de 2 à 4 cm pour assurer une qualité optimale).


GOQR.ME génére .jpg et .png de plus grande dimension (1000px de côté, soit 8 cm en impression 300dpi) ; mieux, l’application en ligne propose un téléchargement aux formats vectoriels universels que sont le .svg et le .eps. Cela vous permettra d’utiliser votre QRcode à une très grande dimension, sans aucune perte de qualité, même à l’impression.

Cet outil graphique vous offre en prime la possibilité de régler la compression des informations contenues dans le QRcode, d’ajouter/régler une bordure ainsi que de modifier les couleurs de l’image générée.


Aussi, pour la création graphique de vos cartes de visite et vCard, l’ajout de liens url sur les affiches de vos événement ou le design d’objets publicitaires, optez pour des QRcodes vectoriels pour une impression irréprochable !

Créez vos QRcodes vectoriels sur www.goqr.me.

SMC2 est un bureau d'étude et construction spécialisé dans les structures bois, et précurseur du marché de l'architecture textile dans le sport et loisir.
LE CONCEPT

Un ensemble grand, frais et aéré pour un site internet qui se voulait résolument moderne et eco-responsable. Les visuels de réalisations ocuppent une grande place et introduisent le site en plein écran.

Emploi limité du rouge pour des tons plus doux. Son utilisation se cantonne aux fonctions neutres (home, langues, hover..) et corporate (couleur rubrique Entreprise).
Il s'agissait là d'une première maquette, l'arborescence n'était en aucun cas arrêtée... l'objectif était de montrer l'esprit du nouvel univers imaginé, pour valoriser leur approche innovante et originale de la construction.

MainTenir, association d'aide à la personne sur Lyon, a confié à MOG DESIGN la refonte de son logotype et de sa charte graphique.

Client régulier depuis 2010, MainTenir avait déjà fait appel à son infographiste, entre autre pour la conception de sa plaquette et du web design de son site.

Pour cette nouvelle collaboration, il était demandé de créer une nouvelle identité visuelle en lien fort avec le logo existant. Ce type de travail s'avère souvent délicat : le designer doit réussir une fracture suffisante avec l'ancienne identité sans trop bousculer son client, pas toujours si enclin que ça au changement... (J'avais déjà pu gérer ce type de problèmatique lors de la refonte du logo Enduiest) 

Ma méthode pour ce nouveau logo : conserver la superposition des syllabes ainsi que l'image de la main, symbole fort de l'activité de l'association. Ne restait plus qu'à lifter cette main, avec une forme et une couleur plus pop ; et utiliser une typo sans serif, pour rendre le tout résolument plus... contemporain !

Une mission des plus intéressante qui m'a permi de relever un nouveau défit.

Voir le projet

Dans le cadre d’un projet de design graphique, web design ou plaquette, le graphiste peut avoir besoin de valoriser ses choix graphiques ou ergonomiques afin de mieux faire comprendre sont approche du projet. Le client quant à lui, aura souvent des retours à faire à l’infographiste sur les propositions présentés, pour mieux comprendre la création ou pour modifier tel ou tel partie du graphisme.

Le tout étant que chaque partie parvienne à être la plus précise possible sur la désignation des éléments du design concernés par les commentaires.
Redpen peut être une solution pour optimiser vos échanges.


Dans la lignée de Google Drive cet outil collabortif vous permettra de mieux travailler à plusieurs, le tout à distance. Ciblez visuellement - graphiquement - les points à aborder et à commenter sur un ou plusieurs projets pour partager et échanger vos feedback avec un nombre illimité de collaborateurs !

Entre le chef de projet, le designer, le développeur, le client... tout sera plus clair, et vos projets n’en seront que mieux gérés !

Essayez Redpen !

Voilà un outil en ligne des plus pratiques et rapide pour connaître le styleguide d’un site.

Pour une refonte web design ou la déclinaison d’une charte graphique, retrouvez d’un simple clic couleur, polices (corps, style, couleurs) et dimensions type des images d’un site internet. Le petit plus : la possibilité de télécharger une fiche PDF récapitulative.

Essayez-le !