[Aspha] Web Design: Mon portefolio en page 2

Bon, vu que je suis en plein en train de faire un web design pour l'école je vous en fait profiter, c'est pas super poussé mais bon. Désolé d'avance, je vais déformer le forum avec mes maquettes... Elle tourne en 1200 pixel de large =/ (sauf si vous voulez que je mette en spoiler.)

Le thème c'était réaliser un design de blog sur un thème aléatoire attribué à chacun.
Pour moi, c'est tombé sur le chocolat.

Le but, faire un truc originale et qui représente le thème.
Perso je suis parti sur un truc décalé, parce que la majorité des sites de la toile parlant de chocolat table sur du sérieux. Voir même très sérieux. J'ai trouvé un site de vente de chocolat où tout les chocolats, boites et autre sont de la 3D.

Pis bon, c'est un blog, alors du coup on peu se lâcher un peu, la tranche d'age du coup est plutôt accès jeune.

Donc, je suis parti sur un truc ayant pour nom "Mordu de Choco'". Le but étant d'avoir une petite mascotte, qui mange à droite à gauche les bloc d'article fait en chocolat.

Spoiler:

Si j'ai choisit le orange en plus des 3 couleurs choco, c'est que c'est une des deux couleurs qui je trouve se mari bien avec qui sont le turquoise et le orange. le turquoise on le vois partout avec Jeff de Bruges, du coup pris le orange ^^

Voilà voilà.

Truc à modifier, c'est la taille du bloc édito et news. Faut que j'aligne édito sur 3 bandeaux d'articles (les 4 rectangles vide au milieu) et news que sur 1.

La morsure principale est un test, faut que je revoie ca. Et il devrait y avoir des miette de choco sur le bidule chocolat blanc du header et devant lui pour faire comprendre que c'est lui qui mange ^^

Pour l'instant j'ai fait encore qu'un volume. Mais c'est en réflexion, l'idée du volume pour faire une sorte de tablette ^^

Oué c'est ce à quoi je m'attendais lorsque tu as annoncé ton thème.

Sinon, l'orange est lui aussi beaucoup utilisé par les chocolatiers ^^

Mais j'aime bien ton petit bonhomme. Je le trouve un peu plat par contre :/

Je sais, mais illustrator et les volumes, c'est pas encore un terrain que je maitrise =/
Pis je viens de me rendre compte que pour celui qui tient un livre, faut que je fasse l'inverse au niveau du dégradé. La on a l'impression qu'il l'ouvre à l'envers.

Edit: a non dans l'autre sens c'est pire XD.

Globalement j'aime bien.
Je ne comprend pas l'histoire de tes petits bonhomme, qui pour moi ne me font pas du tout pensé au chocolat mais bon ^^. C'est au couleur du chocolat, c'est sobre, c'est classe.
Même si Ramrod va se tirer les cheveux, j'aurais bien aimé 1 petit spoiler ^^. Car ça déforme un peu le fow'.

Bref, j'attends la suite avec impatience.

Peut etre Ram' peut il t'aider avec les volumes? Illustrator c'est un peu comme respirer pour lui...

Si il a un peu de temps libre pour me filer deux ou trois conseil je suis pas contre.

J'ai revu la morsure du Header, remplis les liens et rajouté quelques morsure a droite et a gauche.
Maintenant faut que je vois pour cette allure de tablette chocolat. C'est pas super évident, surtout que ca risque de faire bizarre si je le fais que sur certains morceaux.

Spoiler:

Tiens, faudra que je vous pense a vous mettre la maquette terminé.

Sinon, autre WIP, c'est le webdesign que je suis en train de faire sur Bourges, vu qu'on a accès au net et qu'on a le droit de faire des pauses, je peux vous montrer mes étapes.

Le thème, c'est faire un site web tout public sur l'histoire du web avec comme page principale un fresque chronologique.

Pour l'instant je suis sur le header et sur la page d'accueil, qui devra comporter une animation, faite par nous bien sur...

Pour l'instant, y'a juste le header et la menu de navigation.

Spoiler:

EDIT: la suite de la page d'accueil:

Spoiler:

Je te l'ai dis en live sur GTalk, hormis la Helvetica qui pixelise un peu, c'est pas mal ^^

J'aime beaucoup se design simple et épuré... Bref comme dit précédemment la police pixelise un peu mais sinon c'est vraiment très sympa.

Merci à vous deux.

Pour la typo, j'essayerais de voir ca demain à l'intégration.

Sinon, j'ai fini l'animation qui ira a la place du rectangle blanc avec le logo lecture:

http://www.photomaniak.com/upload/show.php/1064886_animation.swf.html

EDIT: précision, fallait une animation courte, donc fallait pas que je parte dans une une grande grande animation, l'essentiel du site, c'est la fresque, donc faut pas que l'animation lui vole la vedette. Pis après je suis resté dans le sobre.

Tente de rapprocher les lignes "fresque chronologique" et "informations complémentaires" entre elles, histoire qu'on ne puisse pas lire les mots comme étant individuels - et donc - cliquables individuellement.
Sinon, on a du mal à savoir où tu veux aller en terme d'ambiance : c'est plutôt "court" pour le moment, même pour quelque chose d'épuré. En tous cas, de ce que je vois, aucune faute de goût et j'aime beaucoup le style contrasté du logo. Très beau travail.

Ton animation, même courte, mériterait 0,5s de plus pour laisser apparaître le logo final de manière plus progressive, passant de la transparence à l'opacité en 6-10 étapes. Juste pour casser le rythme effréné des dates, et marquer de son superbe le logo. Sinon, très très bien également.

Alors je verrais pour l'interlignage, je pensais que les majuscule combiné au survol suffirait mais apparament non.

Ensuite, j'aime pas des masses mon cadre d'animation, je pense essayer d'améliorer ca de redonner ce coté évasif du logo a ce cadre, puisqu'avec la transpa je souhaitais souligner le coté liberté du web.

Pour le orange: il sera en survol de lien et en survol dans la fresque. Il me servira aussi pour des titres dans les infos de la fresque. Pour l'idée de le remettre dans l'anim' je pense essayer de mettre les dates en orange.

Pour le fondu de fin, j'y ai pensé après coup, je trouvais cette fin trop sèche.
Pour le texte, je vais devoir me le rédiger ^^' et je pense le passer dans le gris du menu pour qu'il agresse moins. Et le premier mot sera en orange.

Pour le grapillage d'heure de sommeil c'pas autoriser normalement mais du coup je vais pas réussir a dormir tant que j'aurais pas corrigé ces erreurs. ^^'

Pour le bleu, bonne question a laquelle faudra que je réfléchisse pour l'oral de demain. A la base, c'était pour le partage, mais pas sur de la symbolique sur ce coup.

En tout cas merci pour vos critiques.

L'animation corrigé: les dates en oranges, le fondu pour le logo.

http://www.photomaniak.com/upload/show.php/1065139_animation.swf.html

Perfect. Same player, shoot again.

Oui, c'est bien mieux ^^

Bon me reste une heure, impossible de coder la fresque...
Ca bloque déjà au niveau du CSS, alors j'ose même pas imaginer après avec le js, du coup, je vais limiter les dégâts avec deux autres pages, mais la fresque sera pas opérationnel.

Bon, le site tel que je l'ai rendu au concours:
http://aspharoth.free.fr/histoire_du_web/index.html

La fresque n'est malheureusement pas opérationelle...
Les bubulles aurait du être cliquable et donner les infos des infos complémentaires.

Pour les infos complémentaire, mes petites icones sont pas tous a la même taille sur la fin j'ai un peu envoyé a la serpe ^^"

Du coup, fini 3eme ex æquo sur 5, c'est pas top, dommage que j'ai pas fini le code, car j'avais le meilleurs design ^^"

Enfin, en plus c'tait la magouille els résultats enfin tant pis, c'est toujours un truc a mettre dans mon portefolio, faudrait juste que je le termine.

Bon nouveau projet mon portefolio:
La page d'accueil avec le header/logo, la deuxième image c'est le survol du bouton entrer.

Spoiler:

AG sont mes initiales, du coup le nom du site sera: agraphik.

D'ou le A dupliqué au dessus du mot graphique.