Alors, il vous plaît ce nouveau design?
J’ai le plaisir de vous annoncer qu’après peu ou prou 24h de boulot non-stop, la nouveau design de Bloody Marie est en ligne! Dites-moi ce que vous en pensez, et surtout faites-moi part de tous les bugs que vous rencontreriez!
J’ai accordé un soin tout particulier à la cohérence des pages: sur la précédente version, la navigation était catastrophique, les pages de tags s’affichaient mal, les archives n’étaient pas bien classées, bref, cela explique un taux de rebond quasi nul j’imagine. :)
J’ai soigné la typographie, la hiérarchisation de l’information, et j’ai aussi remis, sur la page d’accueil du blog, les 10 derniers billets publiés: cela offre une meilleure vue d’ensemble de l’activité du blog.
Dans les colonnes latérales, j’ai d’une part réuni tous les liens de navigation vous permettant d’explorer ce blog en profondeur: formulaire de recherche, catégories, tags, etc. D’autre part, j’ai personnalisé le template avec quelques widgets sympas, comme mon statut Twitter, mes derniers morceaux LastFM, ou encore les photos récentes que j’ai ajoutées à ma galerie FlickR.
Cette fois, j’ai passé le temps qu’il fallait pour que tout soit nickel. Par contre, je n’ai pas eu le temps de tester le blog dans Internet Explorer 6 et 7: aussi je m’adresse à vous, utilisateurs d’IE, pour que vous me fassiez part des bugs vraiment gênants que vous rencontreriez en naviguant. D’avance un grand merci!
Remaniement éditorial
Je ne vous cache pas que cette nouvelle version, c’est non seulement un nouveau design mais aussi un remaniement éditorial auquel je pensais depuis plusieurs mois. En effet, difficile de continuer à écrire de manière aussi « impudique » qu’en 2006 (j’ai d’ailleurs rendu privés pas mal des billets écrits à cette époque).
Pourquoi? Simplement parce que ce qui devait au départ n’être qu’un blog inconnu de tous s’est peu à peu transformé en blog tout court. Comprenez: même mes proches, même mes collègues, même mes ennemis lisent mon blog! Il me faut donc adapter ma démarche en conséquence.
Je ne dis pas que je n’écrirai plus de prose mélancolique; seulement, si je sens que ce que j’écris est trop « sensible », ces billets pourront être protégés par mot de passe. Et comme cela m’ennuie d’avance, il est probable que ces billets restent privés, en fin de compte…
J’ai également remanié le rubriquage du blog, afin qu’il colle davantage aux sujets sur lesquels j’écris le plus. Mes billets seront ainsi réunis autour de trois pôles principaux: mes créations, mes expériences et mes passions.
N’oubliez pas que vous pouvez à tout moment afficher les archives du blog, qui vous permettront de visualiser en une page tous mes billets.
Inspirations
Niveau inspirations, c’est avec les images d’Akiza, de Misprinted Type et la musique des Dresden Dolls, d’Hannah Fury et l’univers de William Gibson en tête que j’ai travaillé. J’ai aussi eu un coup de coeur pour le design du blog de Kevin John Gomez. Sans parler des articles géniaux de Smashing Magazine, qui pour moi est LA source d’inspiration web!
Et maintenant?
Ce projet de refonte est né au printemps, et ce n’est qu’aujourd’hui que je l’achève. Et encore, il ne s’agit que de mon blog! Imaginez le travail que représente un site comme La Lune Mauve. Mm, en fait je ne pense pas que vous puissiez l’imaginer, tout simplement parce que soit vous n’avez jamais connu le site (comme 95% des lecteurs de ce blog je présume), soit vous avez connu les anciennes versions du site qui, disons le tout de go, n’ont rien, mais alors rien à voir avec la version 15 sur laquelle je travaille depuis – attendez – oui, TROIS ANS.
De même que je n’ai rien soumis en infographie depuis très longtemps, faute de temps et d’envie. Ces deux dernières années ont été riches pour moi en apprentissages, tant professionnels qu’émotionnels. Je commence seulement à les digérer, et c’est pour ça que je me remets à créer!
A l’heure actuelle, je me prépare à une randonnée de trois semaines en Irlande, qui devrait être l’objet de nombreuses photographies et d’un journal de bord que je compte publier ici. Il y aura donc un laps de temps sans billets sur le blog, mais dès septembre, je me remettrai à une rédaction que je souhaite bihebdomadaire!
Mille mercis pour votre fidélité et pour vos commentaires, au final c’est vous qui faites vivre mes sites.
Et n’oubliez pas: Bloooooooooooody Mariiiiiiiiiiiiiiiiiiiiie!
Anaon
28.07.08
Trop fort!! La classe et j’ai vraiment un faible pour les widgets genre Flickr et Last Fm (un petit Roine Stolt dans la playlist ;))!!
Excellent!!
Ah oui… Bloooooooooooody Mariiiiiiiiiiiiiiiiiiiiie!!!!
Mayoka
28.07.08
Voilà la première partie des bugs que j’ai repéré.
IE7 et Firefox, je te fais IE6 après.
- Dans firefox, le texte du widget twitter est coupé sur la droite.
IE7
Dans l’accueil
- Problème avec les miniatures des images, elle font 111px de large contre 180 sur firefox.
- Problème avec les miniatures du widget « ça tourne », deux colonnes d’image contre trois sur firefox.
Dans A propos
- Problème avec tes six mini images, sur firefox elle sont de hauteur/largeur identique et pas sur ie7, elles ont toutes une taille différente.
Dans Archive et contact
- le texte du widget twitter n’apparait pas.
Mayoka
28.07.08
En fait il y a moins de bug dans IE6.
IE6
Dans toutes le blog
- le texte du widget twitter n’apparait pas.
- Problème avec les miniatures du widget « ça tourne », deux colonnes d’image contre trois sur firefox.
Par contre en tentant de poster un commentaire depuis ie6, il me charge une page me disant :
vous n’êtes pas autorisé à afficher cette page.
Voilà.
J’aime beaucoup ce nouveau design, j’ai jamais vraiment accroché à l’autre perso :)
Marie
28.07.08
Salut Mayoka, merci pour ton retour rapide et cette belle liste de bugs!
- Concernant Twitter, je n’ai aucune idée de pourquoi le message ne s’affiche pas dans IE: en attendant de trouver une solution, j’ai mis un « display:none » sur le bloc;
- Concernant la taille des images sur la page « A propos »: je n’ai pas rencontré le problème que tu décris dans IE7, mais par mesure de précaution j’ai précisé leur largeur et leur hauteur. ça devrait être bon!
- Concernant le message « vous n’êtes pas autorisé à afficher cette page » dans IE6, j’ai testé et je ne rencontre pas ce problème. Peux-tu préciser dans quelles circonstances il s’est affiché STP? Avais-tu rempli le formulaire?
Par contre je ne comprends pas ce problème:
De quelles miniatures parles-tu?
Mayoka
28.07.08
J’avais remplis le formulaire oui et ça m’a sortie ça. Peut-être un bug de mon ie6.
Les miniatures des tes posts, comme celui avec la capture d’écran par exemple, elle sont vraiment rikiki sur ie7 :-/
Marie
28.07.08
Je n’avais pas précisé la largeur et la hauteur des images. Je l’ai fait pour les miniatures des deux derniers billets: peux-tu réessayer et me dire si ça change quelque chose STP? De même que la page « A propos », merci :)
Anne
28.07.08
J’aime beaucoup!
Pas de bug à l’horizon en ce qui me concerne^^ Je suis sur IE
Biz
Anne
Marie
28.07.08
C’est une bonne nouvelle ça! Mais avec IE, on n’est jamais à l’abri! La Matrice elle-même n’est pas compatible avec Internet Explorer ^^;
Mayoka
28.07.08
C’est bon ;)
Aurélien
28.07.08
Bonjour ici,
je découvre ton blog (via Blogasty en fait) et je trouve le design très soigné. La couleur choisie pour le footer flash un peu les yeux, mais ça fait toujours ça la première fois ;).
En tout cas, beau travail!
Marie
28.07.08
Bonsoir Aurélien, sois le bienvenue :) Merci beaucoup pour ton commentaire!
Tu as raison pour le rose #ff0090: comme le design général est le plus sobre que j’aie fait jusqu’à présent, j’avais quand même besoin de ma petite touche d’excentricité ^^
A bientôt j’espère ;)
Aurélien
29.07.08
Avec plaisir. Ceci dit, c’est bien aussi une petite touche de fantaisie ;)
Bloui
29.07.08
J’adore ! Surtout l’utilisation du noir et blanc avec de petites touches très subtiles de rose très vif (parce que rose vif et subtil dans la même phrase, il faut le faire !)
Marie
29.07.08
Merci Bloui pour ton commentaire super positif, ça me fait très plaisir! ^^; « vif et subtil », mm j’aime bien les grans écarts… symboliques!
Elton Turkey
29.07.08
Finally the new design of my favourite Batman fan! :D
Do you ask If I like it? C’mon, are you joking? It’s great!!!
Beware of the Miffy, Bloooooooooooody Mariiiiiiiiiiiiiiiiiiiiie!
Marie
29.07.08
As though you knew many Batman fans! Though since « The Dark Knight » has just been released, it’s almost trendy to be one, but you have to admit it’s hard to meet a Batman fan who likes black metal and Disney at the same time.
By the way, Miffy is sweet, though not very talkative (since he has no mouth!). He he. Glad you like the new design :)
Deedlot
29.07.08
Hello Marie!
Woaou, j’aime beaucoup ce nouveau layout, tout sobre, élégant, et plus fonctionnel que l’ancien blog!
Sous Firefox, je ne vois pas de bug notoire, mais si j’en découvre un, je te le signalerais!
En espérant te lire souvent alors!
Bises
Deed
Marie
29.07.08
Coucou Deedlot, ravie de te voir par ici :) Merci pour ton retour sur la nouvelle version de mon blog.
Everholt
3.08.08
Joli ton nouveau design. Je tends moi aussi de plus en plus vers le minimalisme. Et ce rose, whaouh, de quoi bien se réveiller le matin ;)
Marie
3.08.08
Salut Everholt, merci pour ton commentaire, et ravie que la nouvelle version te plaise! :)
Jo
4.08.08
(recoucou/ Transfert de message de DA sur ton blog à ta demande^^)
« J’ai déjà eu l’occasion de pouvoir te rendre une petite visite sur ton blog, et je dois dire qu’il m’a enchanté pour plusieurs raisons : tout d’abord pour son design (d’ailleurs ce nouveau design que j’ ai ajouté en favori m’évoque un mélange très sympa : saisissant par son énergie électrique et « sa clarté esthétique », ah et ce petit côté vénitien du personnage avec son masque, Venise qui ne manque jamais d’émerveiller :)!! et notamment pour ses billets traitant de l’art, de tes créations… Les mots semblent couler avec fluidité et teinté de personnalité sur le papier/ordi. J’ai pu également découvrir plusieurs artistes, leurs travaux et me renseigner afin d’élargir « mon trop peu de culture », (ah c’est dingue cette impression : sentir le poid si pesant de son ignorance mais c’est justement ce qui pousse à l’alléger^^… infernale course contre cette ignorance non pour être bourrée d’infos inutiles mais pour justement être à même de mieux connaître et parler de quelques références)!! »
Marie
4.08.08
Héhé merci ;)
Cyroul
15.09.08
Très chouette ce nouveau design. Simple, clair, j’aime beaucoup.
Marie
15.09.08
Merci Cyril :)