Jobblog, le livre de votre recherche d'emploi
Par analas le 24 juin 2009, 10:00 - Theme dotclear - Lien permanent
Comment optimiser mon parcours professionnel à travers un blog emploi. Le design sobre et professionnel met en avant des blogs dont le contenu est très professionnel. En surfant sur la plateforme, je constate que ce n'est pas la majorité des candidats. Aussi, j'ai imaginé, un design plus proche de ce qui me semble apparaitre sur plusieurs blogs : un carnet de bord relevant l'ensemble de mes actions en terme de recherche d'emploi, de formation, de veille, etc.
Le design de Jobblog est l'application même d'un carnet de bord. Les dates et les compte-rendus sont clairement identifiés et très proche de nos habitudes manuscrites. Par contre, les commentaires sont encadrés dans un but de dissociation avec mon histoire.
L'harmonisation des couleurs s'appuie aux espaces régionaux de la plateforme 
. Pour mon blog, j'ai utilisé les belles couleurs de sudouestjob.com, c'était évident, n'est-ce pas !!! J'espère que RJ ne m'en voudra pas 
.
Côté technique, j'ai travaillé ici les arrondis des bordures. Ce code s'applique à tous les navigateurs sauf IE. La séparation des deux colonnes est un arrière plan créé sous powerpoint. Sur Burdigala purple et les thèmes dérivés que j'ai créé pour des bloggeurs de la plateforme, j'avais coloré l'arrière-plan du body, du header et de la sidebar.
Pour l'instant, j'utilise très peu d'image pour construire mes designs. Les effets sont obtenus à partir des codes CSS uniquement.
Voilà pour les explications du design, et vous vous en pensez quoi ?
Commentaires
Un petit coucou d'un blog à l'autre ! J'en profite pour te remercier de tous tes conseils (bien utiles vue mon niveau ceinture blanche en informatique...!) J'aime beaucoup le nouveau design de ton blog, notamment les dates "manuscrites". Très bonne idée ce carnet de bord du chercheur de job en version blog !
Ce design est très sympa, en particulier la partie "billets" assez large qui évite de trop jouer avec l'ascenseur. Pour ma part, j'élargirai la zone verte. Cela aurait l'avantage de pouvoir d'utiliser les anneaux du cahier comme un séparateur entre side bar et le corps du blog. D'autant que leur position actuelle rend la lecture des informations qui débordent un peu difficile.
Ensuite, j'atténuerais un peu le fond, qu'il se fonde un peu plus dans le design général. Cela te permettrait de ne pas utiliser du blanc comme couleur de texte et avoir trop de contraste entre fond et texte (pense à nos yeux de bigleux
) Petite chose mais je suis un peu tatillonne, je le reconnais : aligner les puces de la zone catégories.
Dernière chose et je te fiche la paix : je connais la bagarre entre IE et FFox. Pour moi, c'est une bataille d'experts. Il y a encore un grand nombre de lambda qui utilisent IE. Je trouve dommage d'obliger un utilisateur à se doter d'outil spécifique pour pouvoir visualiser un arrondi de boîte. C'est déjà suffisamment agaçant de jongler entre les deux pour gérer nos espaces.
Comme toi, je privilégie la sobriété. Un espace élégant se nourrit du contenu autant que du contenant. Bonne journée sous le soleil
@buymybrain: merci
je prépare d'autres tutos sympas.
@France : il semblerait que le problème de dépassement de la marge soit liés à la taille de ton écran. Tu dois avoir un écran avec un affichage à 1024px cela explique ce problème. Je vais y réfléchir.
Pour le fond, tu parles de la sidebar c'est bien çà ? Le fond blanc sur la partie principale doit modifier ta perception de la sidebar. Je ne pensais pas que cela aurait une telle influence. Je vais corriger ma copie alors.
Pour les puces, il y a les catégories principales et les sous-rubriques. Ce qui s'affiche avec un décallage pour les deuxièmes. Avec IE, le décallage est plus significatif. C'est ce qui te gêne ?
Pour les arrondis, la plupart des designs intègre des images pour donner l'effet commun. Je voulais éviter trop d'images à télécharger. Mais, c'est vrai que le choix du code pénalise les utilisateurs de IE.
Merci d'avoir osé me dire ce que tu penses (c'est pas vraiment courant) et au moins çà m'aide à progresser. Je vais corriger ma copie.
Très sympa tout ça dis donc !
J'aime beaucoup, les couleurs sont chouettes !
Cela change des thèmes prévus par dotclear !
C'est réussi ! bravo
j'ai commencé par regarder l'ensemble, il est très bien, je continue ma lecture, et je commenterais au fur et à mesure.
Heeuuuuu .... t'as trop fumé l'herbe du parc bordelais toi
voilà une belle bande beige maintenant. Par contre, je trouve le fond plus agréable et les anneaux, du coup, sont visibles. Vu que j'ai retrouvé le css de mon blog, je peux te le prêter si tu veux. Il ne te restera qu'à l'adapter.
C'est une bonne idée France, j'aimerai créer quelque chose avec ta tasse à café du Dijeau. J'envisage une double colonne dans la sidebar comme tu as.
C'est parti par mail Madame. Bizz