David Torondel / Portfolio | Blog
19795
paged,page-template,page-template-blog-large-image-whole-post,page-template-blog-large-image-whole-post-php,page,page-id-19795,paged-4,page-paged-4,ajax_updown,page_not_loaded,,vertical_menu_enabled,wpb-js-composer js-comp-ver-4.2.3,vc_responsive

Site Flash – Grille de rentrée M6

Chaque rentrée, les médias communiquent à la presse leurs nouvelle programmation. Conférences de presse, plaquette, et parfois (de plus en plus) via un site web. J’ai pu cette année réaliser la charte graphique et l’animation du site tout en Flash pour la chaine de télévision M6.

 

Le but était de minimiser l’interface pour faire la part belle à l’image, au mouvement. La principale difficulté technique a été de gérer de gérer le plein écran pour toutes les images, vidéos, diaporamas… et d’essayer de conserver une navigation fluide malgré le poids important des éléments.

 

Le résultat est visible ici :http://data.groupem6.fr/rentree/

 

basegrillem6

Réalisé dans le cadre de ma collaboration avec l’agence ComCiComCa.

Read More

Portofolio v7 – étape 0

J’ai pour projet de refaire entièrement mon portfolio en ligne, actuellement en Flash. Tout d’abord parce qu’il ne me plait plus tellement, et que je souhaite une solution qui me facilite les mises à jour. Après moults hésitations, j’essaye de partir sur une base WordPress, afin de bénéficier du CMS et moteur de recherche intégré. Tout en sachant que j’ai une vision assez précise de ce que je veux au final, et cela ne correspond pas du tout à la structure classique des blogs sous WordPress. Donc je ne sais pas du tout pour l’instant si cette solution est envisageable, mais je vais au moins essayer !

 

Comme la personnalisation d’un blog WordPress est de plus en plus courante, vu l’essor de ce moteur, je vous propose de détailler sur ce blog les différentes étapes de cette réalisation, ça pourra toujours servir à d’autres, et je risque aussi d’avoir par moment besoin d’aide… 😉

 

Par contre je préfère vous prévenir tout de suite, au vu de mon planning je risque de ne pouvoir travailler que de manière très épisodique sur cette refonte, si ça se trouve ça va s’étaler sur plusieurs mois ! En plus ceux qui me connaissent savent que je spécialiste des projets persos inachevés… 🙂

 

M’enfin, donc la toute première étape a été d’installer Wordress, une nouvelle base de données SQL (pour ne pas mélanger la base du Blog et du futur portfolio), et choisir un thème qui me servira de base, même si je vais être amené à totalement le modifier… Cette version « zéro » est donc visible ici. Le thème utilisé est le « Fervens A », créé par designdisease.com. Ce thème m’a été conseillé sur le forum WordPress. Ca ressemble pour l’instant à ça :

etape00

J’ai juste pour l’instant désactivé les commentaires, et mis quelques billets fictifs, pour que la catégorisation et les mots clés soient actifs. Maintenant il va falloir que j’essaye de modifier la structure complète, je voudrais que cela ressemble au final à ça : essai de structure

Soit un site entièrement horizontal. Bref, ya du boulot pour essayer de mêler les deux… Les thèmes WordPress étants constitués d’un header, corps, 1 ou 2 sidebars et un footer, je pensais essayer de faire comme cela :

structure

Pas sûr du tout que ce soit réalisable… A suivre ! 🙂

Read More

Blog (plus) en panne

Comme certains ont du le voir, le blog a été en panne depuis au moins ce matin. Je ne sais pas encore d’ou ça vient, mais la base SQL a simplement disparu !
spacer
J’avais fait une sauvegarde de cette même base en juin dernier, je l’ai restauré avec l’aide du fidèle Attila !
spacer
Les 3 ou 4 derniers billets ont par contre disparus, je vais essayer de les retrouver pour les remettre en ligne dès que je peux…
spacer
(edit 04 aout 09:23) : ca y est, tout est rentré dans l’ordre ! J’ai pu, grâce au cache de Google récupérer le contenu des articles du mois de juillet et les remettre en ligne. Seule chose qui a disparu : les commentaires sur les 3 précédents billets. Si jamais vous souhaitez les renvoyer, n’hésitez pas !

Read More

XXI

logo21 Pour une fois, je profite de ce blog juste pour vous faire partager un coup de coeur… Comme beaucoup, je lis quelques magazines d’actualités (très peu en fait), et de temps en temps un quotidien (le Monde, quand j’ai le temps). Il est rare que je n’en éprouve pas une grande frustration, ayant toujours le sentiment d’avoir seulement “effleuré” les sujets, de n’avoir eu qu’une vision très parcellaire. Si vous êtes comme moi, je ne peux que vous recommander XXI !

spacer

Je ne saurais pas trop comment le décrire… De manière très pragmatique, il s’agit d’une revue trimestrielle, 200 pages environ, que l’on peut trouver en librairie, dans les Fnacs… pas souvent dans les kiosques à journeaux ! Plus qu’une revue, il s’agit d’un “livre de reportages”, c’est ce qui me semble le plus correspondre. Donc des reportages, qui ne collent pas forcément à l’actualité chaude du moment, mais qui au moins sont plus que complets ! Quand ils traitent d’un sujet, c’est sur plusieurs reportages montrant différentes facettes, une cinquantaine de pages minimum, une bibliographie pour en savoir plus, etc. Les sujets traités sont très divers… La russie, l’Afrique, l’économie, les nouvelles religions, les îles… Beaucoup de témoignages… Et ce qui ne gâte rien, une maquette vraiment très belle, dans chaque numéro une BD d’une trentaine de pages. Voici ci-dessous quelques unes des très belles couvertures.

spacer

couvs21

spacer

Le prix peut sembler élevé, 15 euros le numéro, mais je vous garanti que vous en avez pour votre argent. 200 pages sans aucune publicité, ca ne se lit pas en 2 heures…

spacer

int21

Bref je ne peux que vous recommander de l’essayer, moi je suis devenu accroc !

Pour en savoir plus, voir commander les anciens numéros ou vous abonner : leblogde21.com/

Une interview du co-fondateur de la revue, qui en parle forcément mieux que moi : “Le monde passé en revue

Read More

De Sab à Tom

desabatom

La société Profileo m’a demander de réaliser l’interface du blog et de la boutique d’un projet bien sympathique : De Sab à Tom. Le principe est simple : Sab parcourt le monde, déniche des objets d’artisanat local, et les envoie à Tom qui les vends… Donc des objets uniques, et le principe n’est pas simplement un concept ou un coup de buzz, Sab et Tom existent bien ! Il y a donc le blog sur lequel ils parlent de leurs voyage, racontent comment ça se passe, et en parallèle la boutique ou vous pourrez acheter les objets si vous le souhaitez. Le blog est basé sur le moteur WordPress. J’ai essayé de faire un header qui « raconte une histoire », et résume graphiquement le principe, en mélant photos et illustrations. Le police utilisée pour le logo est du Caterpillar.

N’hésitez pas à aller voir tout ça par vous-même, pour les encourager !

Read More

article#100 – Animation de contraction excentrique

100Et oui, comme l’indique le début du titre de cet article, celui-ci est le centième sur ce blog ! Pour l’occasion, je me suis dit qu’il faudrait un peu marquer le coup et fêter ça dignement… J’ai réfléchi longuement à ce que je pourrais faire d’un peu inhabituel, et n’ai pas vraiment trouvé… J’ai a un moment pensé à louer le stade de France le week-end dernier pour tous vous inviter, mais il parait que ça n’était pas libre. Et les Rolling Stones, que je comptais faire venir pour l’occasion, n’était pas disponibles, ou leur carte vermeil pas à jour, enfin je sais plus trop.

spacer

J’ai donc demandé autour de moi, notamment sur mon compte Twitter, et bé oui, ayé, moi aussi je touitte

spacer

Or donc, sur Twitter, Olybop m’a conseillé de faire une sorte de récap de mes statistiques. J’ai donc regardé ça et me susi aperçu que son conseil n’était peut-être pas dénué de perfidie… 🙂 Parce que pour lui, en effet, les stats sont flatteuses, avec ses plus de 600 articles en 6 mois… Mais de mon côté, avec mes 100 articles en plus de 4 ans, disont que je peux difficilement la ramener… Ca me fait une bonne moyenne de 2 articles par mois… C’est « léger »… Au niveau du nombre de visites, ça n’est pas non plus énorme, il y a entre 2000 et 3000 visites par mois.

spacer

Pas de quoi bomber le torse, je ne vais donc pas épiloguer sur mes stats, mais du coup j’ai un peu fouillé, et dans la rubrique « mots clés », j’ai vu des choses amusantes… Cette rubrique de stats, c’est là ou on voit quels mots-clés recherchés dans Google ont permit d’aboutir sur mon blog. Les premières positions, c’est logiquement « blog graphiste », ou « blog illustration »… mais il y a aussi des choses surprenantes, et notamment plusieurs personnes qui sont arrivés ici en cherchant dans Google « animation contraction excentrique ». Si si ! Tapez ces mots clés dans Google et vous verrez que j’arrive en 2e position des résultats !

spacer

Mais on arrive sur une page qui n’a aucun rapport avec les mots-clés suscités… mystères des algorithmes de référencement… Mais bon, comme je suis un garçon qui a le souci constant de satisfaire mes visiteurs, je me suis dit qu’il fallait que je réponde à cette demande, voici donc une animation de contraction excentrique :

Get Adobe Flash player

Voilà, j’ai fait ce que j’ai pu, si cette animation vous semble ridicule dites vous que vous aviez qu’à chercher autre chose, hein ! Je n’y suis pour rien, moi, si vous cherchez des choses aussi bizarres, d’abord.

spacer

C’était donc ma façon à moi de fêter dignement ce centième article de blog !

spacer

Par ailleurs, j’en profite pour vous demander de me faire toutes les suggestions possibles pour améliorer ce blog… Si vous pensez à des types d’articles que vous aimeriez voir ici, ou des choses que vous n’aimez pas, n’hésitez pas à le dire dans les commentaires ! Je ne dis pas que je prendrai en compte toutes vos remarques, parce que je suis une tête de mûle, mais on ne sait jamais 🙂

spacer

Par exemple j’ai souvent hésité à faire des articles un peu « hors graphisme », des articles sur des livres ou BDs que j’aime, ou musique… A chaque fois j’hésite en me disant que mon avis à moi ne vous importe sans doute pas tellement, mais au pire, vous pouvez zapper… A voir…

spacer

En attendant, à bientôt, j’essayerai de fêter aussi dignement le 200e articles… dans 5 ans… 😉

spacer

PS : toujours en consultant mes stats, j’ai pu voir qu’un gentil mexicain avait trouvé l’interface de mon blog assez attrayante pour que ça vaille la peine de la copier sans vergogne : http://venomezcalito.blogspot.com/

Il a au moins eu le tact d’indiquer dans la page qu’il s’était « inspiré » de mon blog, mais bon, un petit mot pour me demander l’autorisation aurait été le bienvenue. Mais ça ne me pose pas de souci dans l’absolu, je prends ça comme un hommage plus qu’un plagiat, et comme je ne parle pas l’espagnol… 🙂

spacer

PS2 : on me souffle dans l’oreillette qu’une contraction excentrique est en fait un terme d’anatomie…

« Contraction excentrique : La force de contraction du ou des muscles est inférieure à la force de résistance à laquelle elle est opposée et les leviers osseux s’éloignent. ex., lors du mouvement du squat, la contraction est excentrique lorsque les fesses se rapprochent du sol. « 

spacer

Il semblerait donc que les visiteurs qui arrivent sur mon blog en faisant ces recherche soient des étudiants en anatomie… Ou des médecins du sport qui veulent expliquer le mécanisme aux sportifs qu’ils suivent. Je tiens donc à préciser que je ne pourrais aucunement être tenu responsable des notes catastrophiques des étudiants qui auront intégré mon animation ci-dessus dans leurs cours. Je décline également toute responsabilité auprès de nos amis les médecins du sport.

spacer

PS3 : si vous voyez un jour dans une salle de fitness une personne qui s’entraîne avec un masque d’aviateur et des bottes bleues, dites le moi, ça me fera plaisir de voir que mon blog a de l’influence, enfin ailleurs qu’au Mexique 😉

Read More