etiquette de miel , création graphique

,

Packaging d’étiquette

Cela faisait bien longtemps que je n’avais pas travaillé pour moi. Cette année, mon activité d’apiculteur m’a permis de vendre quelques kilos de miel. Voici l’étiquette que je me suis créé. J’ai choisi une typo comme si le mot « Miel » avait été dessiné avec une coulée de miel.

Un process ou spécificité, abstrait ou complexe à expliquer ?

, , , ,

Process et produits abstraits à vendre, comment faire !

Comme toute entreprise, toute organisation vous devez vendre vos produits, process et prestations, mais pour ce faire il faut « expliquer » ce que vous faites et en particulier les spécificités de votre offre. Pour cela vous avez mis en place des processus de vente, employé des vendeurs, créé un site internet, …

Et puis à bien y réfléchir certain produits sont abstraits ou complexe à vendre et leur présentation sur internet laisse parfois à désirer, elle n’est pas assez bien mise en valeur. C’est pourquoi je vous propose mon aide.

Alors, ma connaissance des outils web, du graphisme, de la 3d et de l’illustration et de l’animation va nous permettre de mettre en place un outil didactique animé et vendeur, mais aussi interactif, spécialisé sur le produit qui fait de votre offre ce pour quoi vous êtes reconnus ou serez reconnus.

Quelques exemples de réalisations :

Book Digital Dynamic Didactic Design

 

Voilà, n’hésitez pas à me joindre pour un rendez-vous gratuit au cours duquel nous étudierons si nous pouvons travailler ensemble et si vous pouvez profiter de mon expertise.

 

Expert animation didactique interactive

, , , , ,

Digital Dynamique Didactique Design, l’expertise…

Aprés une analyse poussée de mes activités, je me suis rendu compte que j’avais acquis une expertise dans le domaine de la conception d’animation didactique interactive. Très bien me direz-vous mais qu’est ce que c’est ?

Animation didactique interactive :

La communication passe aujourd’hui par les nouveaux médias tel que le web, les tablettes, … Ce nouvel éco-système numérique apporte de nombreuses possibilités de présentation qui facilitent la compréhension des messages que nous avons à faire passer. Vidéo, animations 2d ou 3d, interactivité, de multiples possibilités s’offrent à nous sans avoir à être prisonniers d’une édition statique papier. Je ferai je pense quelques publications sur le sujet dans mes prochains billets.

Domaine d’application de l’Animation Didactique Interactive

Ma première ADI a été réalisée pour Ligier Automobile et tournait en boucle sur une borne au salon de l’auto. Puis j’ai réalisé d’autres projets dans le domaine de l’éducation, pour présenter de nouvelles filières, d’autres modes d’enseignements, ou des savoirs à enseigner. Le dernier projet sur lequel je travaille en ce moment est un jeu éducatif à destination des scolaires.

Objet de l’ADI

Il s’agit de présenter graphiquement de façon la plus attractive possible, et donc en utilisant au mieux les possibilités du digital, un produit ou un process professionnel, ou encore industriel. La dimension interactive et donc centrée sur l’expérience utilisateur va nous permettre d’impliquer l’utilisateur de cette solution et donc d’en maximiser son acceptation.

Méthodologie de l’ADI

L’Animation didactique interactive est un produit sur mesure. La méthodologie de développement passe par une phase d’analyse, d’une proposition de développement puis du développement en lui-même.

Tarif de ma solution de l’animation

Mon tarif est de 6000 à 8000 euros Hors taxe pour une animation finalisée. Ce tarif comprend les ajustements clients.

 

Mr Jourdain, UX Designer

, , , ,

Tout comme Mr Jourdain, qui faisait de la prose sans le savoir, je réalise que je fais de l’#UXDesign au quotidien.

l’ #UXDesign ?

C’est l’expérience utilisateur, ou comment faire en sorte que nos sites internets, applis web et consorts soient agréables, faciles, conviviaux à utiliser. Facile à dire mais moins à faire. Lorsqu’un brief vous tombe dessus, il va falloir bien décortiquer la demande du client, l’enrichir, et proposer des solutions qui prennent en compte les comportements de l’utilisateur du travail de l’agence. Se posent alors beaucoup de questions en fonction du public du site, et de quantité de choses qui sont propres à chaque site. Le travail du Designer UX est de bien comprendre dans quel état d’esprit et de connaissance du monde informatique se trouve son public, pour lui faciliter la tache, et faire du moment qu’il passe avec son ordinateur un moment indolore à minima voir agréable.

Au cours de ces dernières années, j’ai eu à résoudre pas mal de cas concrets d’#UXDesign sans m’en apercevoir. Les modules E-leraning que j’ai conçu devaient proposer des interfaces ludiques mais faciles d’accès, non bloquantes pour l’apprentissage et j’ai du mener mes réflexions dans ce sens. Adobe Flash m’a beaucoup aidé à cette époque de par son apprentissage aisé. L’apprentissage, seul avec un ordinateur demande une grande attention à l’#UXDesign.

Aujourd’hui je poursuis ma route et ma quête de l’interface idéale avec de nouveaux outils, de nouvelles contraintes techniques, mais avec toujours autant de plaisir. HTML/CSS/Javascript a pris la place de Flash, mais c’est surtout javascript qui permet de programmer les comportements de votre site, comme AS3 le faisait du temps de Flash.

A bientôt pour de nouveaux projets.

Développement d’une application ludo-éducative

, , ,

Application Ludo éducative, la transition technique

Une premiere application en cours de #développement en utilisant les technologies #HTML/CSS et surtout javascript pour remplacer #Flash que j’utilisais jusque là pour développer mes #modules de #e-learning. Il s’agit d’un jeu dit ludo-éducatif à destination des scolaires, niveau fin de primaire. J’ai hébergé le résultat de ce travail en cours afin de vous donner un aperçu du résultat. Comme vous pourrez le constater, tout est là : animations, gestion de paramètres élaboré, transitions, scénario pédagogique, … Il vous faudra Chrome dans sa dernière version pour être sur que tout s’affiche correctement. Le projet étant d’utiliser cordova pour compiler pour Android.

L’oiseau magique : Le projet Ludo-éducatif

A cette adresse vous pourrez suivre l’avancée de ce travail. Je vais mettre à jour régulièrement cette page afin que chacun puisse se rendre compte des possibilité de ces technologies. Il rest à terminer ce projet, puis à décliner les possibilités offertes dans d’autres domaines. En effet, ces possibiltés m’ouvre la voie d’animation de présentation de société, d’entreprise, de façon interactive. J’ai bien aussi dans l’idée de profiter de l’occasion pour y intégrer la 3d. À suivre, donc…

plaquette commerciale carport auto

Communication produit

plaquette de communication produit

Voici le dernier projet en date : la création d’une plaquette de communication pour un abri voiture en kit, qui peut être utilisé en tonnelle, … Je vous laisse découvrir. L’ensemble du kit est français, composé de bois locaux, labellisés PEFC, le montage est costaud et facile. L’ensemble à un prix plus qu’abordable.

J’ai réalisé la charte graphique, logotype et déclinaison, elle est issue du K de Kaméléon, le nom est inspiré par l’adaptabilité du produit.

La plaquette fait la part belle à la technicité et aux qualités matériau du produit. Son originalité, son positionnement sur un créneau assez différent des autres est prioritairement mis en avant.

maq kaméLéon-1

facing plaquette abri Kaméléon

maq kaméLéon2

#Javascript, animation des balises HTML

, , , ,

Un peu de travail d’animation avec le javascript et voilà le résultat :

http://ruedauvergne.pagesperso-orange.fr/javascript/

Bon, ok. Cela n’a l’air de rien, mais c’est la gestion des balises HTML d’une page que je peux maintenant gérer. Je peux donc déplacer et mettre ou je veux une div, ou n’importe qu’elle balise, changer son contenu, changer sa feuille de style, bref, total contrôle.

 

Mais ou est l’intérêt ? Eh bien je eux maintenant accéder à ce que je faisais en Flash, créer des bannières animées, des contenus Rich-Médias, etc. Prochain projet : animer mon CV, puis direction #Thélia. Cool…

Vous le verrez par la suite ce travail a été préliminaire de la création d’une application ludo-éducative, pour un client qui vends aux écoles primaires, un jeu pédagogique.

Github

, , ,

Et voilà,
Mon compte #github est créé. Pour l’instant il est un peu vide mais vous pourrez suivre mes évolutions de programmeur.
Au menu pour l’instant : travail avec #javascript et p5.js pour remplacer les travaux que je faisais en flash directement en html, travail des interfaces de thélia.
Il y a du travail en perspective mais cela s’annonce pas mal.
https://github.com/pinaudnico

logotype association 3soleils

Nouveau site 3 soleils trails

,

Bonjour à tous,
Voilà le premier des 4 sites internet de l’association 3 soleils est en ligne. Au programme, une interface animée et un graphisme revu. Côté techno, pas mal d etravail en CSS, responsive, bootstrap, less, HTML5, php… du classique maintenant. Si vous voulez voir le résultat c’est par là :

3soleils-trail.fr

Ah oui, j’oubliais : un magnifique htaccess (fichier de redirection) qui me permet d’héberger les 4 sites sur un même hébergement et du coup d’économiser un peu en hébergement, ce qui est toujours à prendre pour une association.

Site 3 soleils trail

Site 3 soleils trail

signalétique exterieure nature

,

Le design des panneaux signalétique pour les circuits de VTT et de cyclotourisme du Carladez étaient prêts depuis un moment déjà. Il était donc temps de passer à la réalisation technique. Usinage du bois, de façon à mettre tout en place pour un montage le plus facile possible une fois sur le terrain.

bois

L’idée est de réaliser un panneau visuellement léger en supprimant les parties basses et hautes qui « entourent » habituellement la zone informative. Bien sur, les poteaux 12×12 qui maintiennent l’ensemble se devaient d’être robustes afin d’assurer la résistance mécanique de l’ensemble mais aussi de donner un aspect confiance.

Au programme donc usinage des 8 poteaux (2 par panneaux) qui vont recevoir le visuel imprimé sur un dibond, vernis haute durabilité. Une rainure d’1m60 viendra recevoir la panneau dibond afin de garantir la géométrie de l’ensemble. Deux barres horizontales vont assurer la cohérence  géométrique de la structure.

Assez parlé, voilà le résultat en images, je vous ferai une photo de l’ensemble une fois posé, installé à Mur-de-Barrez.

Vous pouvez voir sur la photo ci-dessous, les renforts horizontaux en place lors du pré-montage qui ne sont pas encore coupés à la bonne côte. Ils vont disparaitre derrière le visuel et se faire oublier.


panneau1 IMG_2736