Marie Guillaumet

  • Aller à la navigation
  • Aller au contenu
  • Aller à la recherche

Marie Guillaumet

Menu

Menu principal

  • Accueil
  • À propos
  • Portfolio
  • Blog
  • Contact

Blog

Publié le 16 novembre 2009 dans Secrets de fabrication

Refonte du blog : process et inspiration (1)

Depuis la création de Bloody Marie en 2006, j'ai toujours voulu créer un design type « scrapbooking » / « carnet perso » pour mon blog sans jamais y arriver. Certes, la v2 y était presque, mais quand on se remémore la v3, on peut voir à quel point je m'étais égarée dans cette quête incertaine, toute schizophrène que j'ai tendance à être en matière de choix graphiques.

Et puis, Bloody Marie n'a jamais autant retenu l'attention qu'avec son design précédent : noir et blanc, minimalisme et touche punk-rock.

Autre paramètre : j'avais dit que j'arrêterais de bloguer. Bon, ça, à la limite, passons. Mais j'ai quand même eu besoin de quatre bons mois avant que les appels du pied de la fée du blogging fassent effet, et avant de me remettre sérieusement à la recherche d'idées pour cette nouvelle version (la v4, donc).

Premier croquis pour la version 4 du blog

Une petite idée plus tenace que les autres continuait néanmoins à vivre dans un coin de ma tête : l'idée d'une figuration plus ou moins caricaturale de ma trombine en train de bosser, ordinateur, Wacom et tasse de thé à portée. C'est ainsi que pendant un énième voyage en train, j'ai gribouillé ce qui - je l'ignorais - allait devenir le mantra principal de cette v4.

A la base, je voulais vraiment développer la baseline actuelle du blog, "Mi-Rêves, Mi-Réalité" (qui était déjà la même en mars 2004, sur mon « Journal étrange » d'alors), en mettant d'un côté des éléments de ma vie "réelle" (livres, cadres, Converse, etc.) et de l'autre des éléments empruntés à mes rêves et à mes obsessions visuelles (planètes, roses bleues, stripes, etc.). Ma première idée fut de réaliser tout ça dans Illustrator, pour coller à la tendance actuelle des personnages, avatars et mascottes vectoriels dans les headers de blogs.

Or, plus je bossais sur ce design, plus je réalisais que je n'avais pas une once de talent en matière d'illustration vectorielle, et qu'un layout à la Gisele Jaquenod serait purement et simplement impossible. Non seulement je n'aurais pas pu réaliser un truc pareil (elle-même utilise des images stock pour les personnages, qu'elle intègre ensuite de façon très chouette avec d'autres éléments), mais surtout, ce type d'illustration ne colle à mon avis pas du tout avec mon univers et l'ambiance dégagée par ce que j'écris sur mon blog. Girly, ok - je suis une fille après tout ! :grin: - mais pas gnangnan. Et puis ça me poserait un gros problème de voir le personnage stock que j'aurais choisi sur d'autres sites...

J'en suis donc rapidement venue à me dire que j'allais dessiner moi-même mon header. Et comme je ne suis pas franchement très douée en dessin non plus, j'ai dû me prendre en photo dans la posture que je voulais dessiner afin d'avoir un modèle pour gribouiller. :roll: (D'ailleurs, j'ai fini par utiliser cette photo sur la page « A propos ».)

Après plusieurs essais proprement hideux et beaucoup de concentration, j'en suis arrivée à ça :

Le dessin qui a servi au header de la v4

De là, j'ai du réfléchir à la palette que j'allais utiliser, mais aussi à la colorisation de ce croquis. J'ai du pour cela faire "mon marché", c'est à dire visiter une cinquantaine de sites et de blogs afin d'établir un mood board et, finalement, trouver le style de cette v4. Mais tout ça, je vous l'expliquerai dans la seconde partie de cet article, la semaine prochaine !

N'oubliez pas de vous abonner à mon flux RSS si ce n'est déjà fait, ainsi vous n'en manquerez pas une miette :smile:

Article publié le 16 novembre 2009 et mis à jour le 07 avril 2017.
Tags: dessin, making-of, mon site, web design

Billets similaires

Convaincre les designers des bienfaits de l’accessibilité, oui, mais comment ?

8 commentaires

Making-of : refonte du blog d’Aleks Crément

34 commentaires

Histoire de ma première conférence (1)

22 commentaires

14 commentaires

  • Billet précédent : Mon blog dans le magazine japonais Web Designing
  • Billet suivant : Refonte du blog : process et inspiration (2)

14 commentaires sur « Refonte du blog : process et inspiration (1) »

  1. Estelle

    16 novembre 2009

    très chouette ton blog refondu :)

  2. Mayoka

    16 novembre 2009

    Prendre une photo de soi pour se redessiner...tu vas rire mais j'y avais jamais pensé.
    En tout cas comme je te l'ai dis sur facebook cette version là est ma préféré. J'aime justement cet effe "scrapbooking", elle est vraiment plus personnelle et je trouve que tu as mêlé à merveille toutes ces couleurs pastel :)

  3. Mayoka

    16 novembre 2009

    Petite question idiote : je fais comment pour avoir un avatar à la place du point interrogation, je ne trouve pas ?

  4. Marie

    16 novembre 2009

    @Estelle : tiens, coucou vous ! ;-) Merci beaucoup pour le compliment, j'espère que j'aurai le plaisir de te croiser à nouveau par ici ^^

    @Mayoka : il faut que tu en enregisres un sur Gravatar (ou, si tu y as déjà un compte, que tu y ajoutes ton adresse email actuelle -- puisque Gravatar fonctionne dès qu'il reconnaît un email enregistré sur son site!) Et merci pour tes compliments! :)

  5. anne

    16 novembre 2009

    Ha j'aime ce genre de billet, avec des petits croquis et tout et tout! Merci de partager la créa de ce nouveau visuel, j'attends le prochain impatiemment :)

  6. Marie

    16 novembre 2009

    Coucou Anne, merci pour ton commentaire! Contente que cet article t'ait plu, j'ai hâte d'avoir ton avis sur le prochain 8)

  7. Tinuviel

    18 novembre 2009

    Je dois dire que j'aime aussi ces articles qui nous expliquent le pourquoi du comment.
    J'aimais beaucoup la version précédente, mais celle-ci est un peu plus chaleureuse et artistique... ça colle plus avec ton blog. En tout cas c'est pas mal du tout pour quelqu'un qui dit ne pas être douée pour le dessin.

  8. Marie

    19 novembre 2009

    Coucou Tinuviel ;-) Ravie de te retrouver par ici ! Merci pour ton commentaire et tes compliments, c'était un peu risqué pour moi de baser un design sur un de mes dessins ; on m'a déjà dit des trucs pas très sympas sur mon style, mais il faut croire que je suis enfin passée outre !

    En tout cas, ouais, c'est plus chaleureux et, personnellement, je m'y sens comme chez moi... ^^

  9. Tinuviel

    20 novembre 2009

    Les critiques c'est toujours bon a prendre même si c'est pas agréable. Ce qui n'est pas bon signe c'est l'indifférence donc continue :-)

  10. nico

    22 novembre 2009

    très réussi, enfin un design 100% perso :)

  11. Marie

    22 novembre 2009

    @Tinuviel : oui, tu as raison ! ;-)

    @Nico : welcome back, et merci pour ta bafouille ^^

3 pingback(s) sur ce billet

  • 23/11/09

    Refonte graphique du blog : process et inspiration (2) « Bloody Marie

  • 30/11/09

    CSS showcases of my new blog design | Events | Illustration and web design by Marie Guillaumet (aka kReEsTaL)

  • 8/12/09

    [2] blogs culturels : Kreestal.fr is still alive ! Un laboratoire créatif perso en ligne – Gilles Arnaud Sphere

Les commentaires sur ce billet sont désormais fermés, mais vous pouvez toujours m’envoyer un email si vous souhaitez me dire quelque chose !

  • Accueil
  • À propos
  • Portfolio
  • Blog
  • Contact

Restons en contact

  • Flux RSS
  • Twitter
  • LinkedIn
  • Site web fait maison
  • Mentions légales
  • Politique de confidentialité
  • Plan du site
  • WordPress