[ WIP Webdesign ] refonte d'un site perso ( MAJ 11/10/03 )

refonte d'un site perso ( MAJ 11/10/03 ) [ WIP Webdesign ] - Web design - Graphisme

Marsh Posté le 08-10-2003 à 12:25:46    

Refonte du site : http://www.hiruka.fr.st
 
Design actuel :  
 

  • avantages :  

              - correspond bien a l?esprit des travaux presenté,  
               - simple,  
               - ne reprend pas des stardarts vue mainte et mainte fois
               - le site lui meme fait parti des travaux presenté, ce n?est pas un support neutre
 

  • inconvenients :  

              - tres noir ( pb de lisibilité dans certains cas),  
               - ne decrit que kelke themes  
               -presente d?une façon generale des travaux sur des themes precis plutot k?une interface neutre dans lakelle on peut remplir au niveau du contenue avec ce que k?on souhaite
               -il manque un coté net, clean pour que ça fasse un peu plus pro et moins site perso.
 
 
Analyse et recherche de style
 
Bon vouloir refaire son site ok ! le remplacer par un autre c?est bien beau mais encore faut il savoir pas koi.
 
Donc recherche dans ce qui se fait , sur un style particulier ou des elements graphiques qui pourraient etre repris :
 
On peut chercher donc des design, des couleurs, des mises en page, des atmospheres..
 
Le mot d?ordre : simplicité , clean , pas de couleur noire
 
Esprit :       - soi quelques chose de neutre, corporate  
- soi un site simple tout en refletant quand meme l?esprit du contenu.
 
 
Sites trouvés :  
 
http://www.silentgarden.net/projects.html
http://www.24-7media.de/zts/
http://www.viralmind.com/
http://www.slidepheromone.com/media/default.asp
 
 
mise en forme/contenu :
 
mise en forme un peu comme un magasine , avec des blocs de contenu , plutot que basic menu en haut ou a gauche?le menu ça serait toute la home.
 
- un petit bloc taille fixe avec les news ( un ascenceur pour les faire defiler)
- une bloc pour presenter des illustration sous la forme d?un livre ( dans un 1er temps une page avec mes derniers trucs)
- un bloc avec un module ( pop up) pour presenter une selection de photos
- mise en place de document PDF avec les tuto ou topic fait ?se qui permet des les telecharger et de les referencer quelque part
- trouver ou placer des elements comme le profil , les liens , la rubrique contact
 
 
 
 recherches :
 
je commence sur une gamme de vert , couleur que l?ont voit assez souvent des mes travaux , qui donne un coté etrange je trouve , je pars donc sur cette gamme pour commencer + teste de mise en page, je sais que je veux le bloc new sur le coté gauche , j'essaie de composer autour
 
http://www.ifrance.com/fantasydream/photos/interface_home4.gif
 
version clair et foncée
 
http://www.ifrance.com/fantasydream/photos/interface_home5.gif
 
j?ai la position de quelques elements mais ça reste neutre  
 
en me fondant sur le site http://www.slidepheromone.com/media/default.asp
je me dis  que le marron et le bleu/vert marche plutot bien  
http://www.ifrance.com/fantasydream/photos/home02.gif
 
je fais des tests
 
http://www.ifrance.com/fantasydream/photos/home04.jpg
 
mais je trouve que la couleur marron c vachement triste, j?incorpore les salissures pour cassé le coté trop clean  
 
j?ai envie d?un truc + blanc gris  pour cassé le coté sombre des compo , je tombe sur le site : http://www.viralmind.com/
la il y a un bon travail des couleurs comme je le cherche :
 
gris/blanc
rouge
noir  
 
ce qui me donne ça : http://www.ifrance.com/fantasydream/photos/home05.gif
 
nettement plus approprié et ça donne + envie d?aller visiter ce site  
 
en finissant la mise en page :
 
http://www.ifrance.com/fantasydream/photos/home055.jpg
 
 
en meme temps que la realisation sur site, je fais des recherches de nom pour celui ci
 
exemples de recherche pour ce site :

  • dark visions
  • deep dream
  • deep in me
  • so deep
  • deep mind
  • like a dream
  • never ends


apres reflexion je suis rester sur "never ends" qui je pense correspond le mieux a ce que je souhaite exprimer
 
pour les recherches de titres ( po facile dans ce cas ci) je me base a partir d'un mot ki me plait ou bien je fais mes recherches dans des titres ou phrases de chansons.
 
la maquette en HTML
 
http://hiruka.free.fr/home/never_ends.htm
 
dans cette version "finale" il ya eue quelques retouches de finition :

  • j'ai enlevé les pointillé des titres 'montages" et "photos" car c'était inutile
  • j'ai retouché le header pour lui donner + de contraste , parreil pour le titre du site
  • "news/blog : la tipy n'allait plus avec l'esprit du site
  • les ombres sous les blocs ont ete diminués



Message édité par aozora le 11-10-2003 à 22:55:52

---------------
Flickr Neverends | Neverends | Landolfi : Un bucheron dans un corps de princesse
Reply

Marsh Posté le 08-10-2003 à 12:25:46   

Reply

Marsh Posté le 08-10-2003 à 12:37:15    

J'adore la dernière évolution  :love:

Reply

Marsh Posté le 08-10-2003 à 12:46:55    

+1 :love:
en plus la démarche est bien présentée :jap:


Message édité par dd_005 le 08-10-2003 à 12:47:42

---------------
http://blog.numerisound.com
Reply

Marsh Posté le 08-10-2003 à 14:17:16    

je kiffe ton style :)
 
La derniere maquette est superbe mais attention, ça serait dommage de perdre le côté dark du site original.

Reply

Marsh Posté le 08-10-2003 à 14:57:08    

Super simple à faire en xhtml/css :o
 
:love: :jap:

Reply

Marsh Posté le 08-10-2003 à 17:06:30    

Ca m'intéresse !

Reply

Marsh Posté le 08-10-2003 à 17:13:23    

merci tous :jap:  
 
ça permet aussi de voir kelle genre de merde je fais avant d'arriver a la maquette finale :D  
heu bah le xhtml/css je trouve po ça simple pour ce site :/
 
bon pour le site final chais po quand je met l'URL...j'accede po a mon FTP ...


---------------
Flickr Neverends | Neverends | Landolfi : Un bucheron dans un corps de princesse
Reply

Marsh Posté le 09-10-2003 à 19:00:57    

http://hiruka.free.fr/home/never_ends.htm
 
URL temporaire, juste pour tester
si vous avez des remarques, suggestions.. ( po sur le code je sais kil est pourrave :D )


---------------
Flickr Neverends | Neverends | Landolfi : Un bucheron dans un corps de princesse
Reply

Marsh Posté le 09-10-2003 à 20:14:08    

c tres sympa!
le "logo" est peut etre un peu gros par contre...
 
dis moi,comment fais-tu pour obtenir cet effet un peu destroy?
 
 :hello:

Reply

Marsh Posté le 09-10-2003 à 20:34:06    

avec un brush photoshop :)


---------------
Flickr Neverends | Neverends | Landolfi : Un bucheron dans un corps de princesse
Reply

Marsh Posté le 09-10-2003 à 20:34:06   

Reply

Marsh Posté le 09-10-2003 à 20:37:07    

les "cahier" sont trop clean par rapport au reste du site.
essai d'en trouver des vieux pas bo
mais sinon ca tue grave de chex grave.
 
sinon ring, c pas si genial que ca : les acteurs sont movais, l'histoire va nulle part, des longeurs, des details pas assez appronfondis.
ring 0 et 2 qui sont encore plus nul.
 
mais bon, kan on voit la version us de ring, ringu est un chef d'oeuvre. :)

Reply

Marsh Posté le 09-10-2003 à 21:50:59    

[:meganne] spa idiot ça sur les cahiers ! vais voir ce que je peux faire
 
pour ring bah.... j'ai bien aimé le coté horreur" sans montrer de sang, la façon dont c filmé ( niveau acteurs ils sont meilleurs que dans kairo)
 
pour l'histoire il est clair qu'elle est tres mal decrite dans le film...le minimum....
je me suis taper tout els boukins et en realité l'historie et plutot corsée et bien construite en un mot : geniale


---------------
Flickr Neverends | Neverends | Landolfi : Un bucheron dans un corps de princesse
Reply

Marsh Posté le 10-10-2003 à 08:21:20    

aozora a écrit :

[:meganne] spa idiot ça sur les cahiers ! vais voir ce que je peux faire
 
pour ring bah.... j'ai bien aimé le coté horreur" sans montrer de sang, la façon dont c filmé ( niveau acteurs ils sont meilleurs que dans kairo)
 
pour l'histoire il est clair qu'elle est tres mal decrite dans le film...le minimum....
je me suis taper tout els boukins et en realité l'historie et plutot corsée et bien construite en un mot : geniale
 


 
Pour les fautes j'en ai pas vu, mais par contre des fois tu mets des points en fin de phrases, des fois non lol.
 
"même s'il correspond à mon univers graphique, je l'ai souhaité plus clair, simple, plus conséquent au niveau du contenu
pour résumer... plus pro
"
Manque la majuscule en début de phrase...
 
Après c'est pas une question d'embêter les gens, mais autant tout bien faire quand on peut n'est ce pas ?
 
Cela dit c'est absoluement pas gênant :)


Message édité par bolomatic le 10-10-2003 à 08:39:58
Reply

Marsh Posté le 10-10-2003 à 08:24:08    

J'oubliais, je trouve ça plutôt joli.
Le seul truc que je reprocherais, c'est que par rapport à l'image du haut (la grosse bannière/logo), le reste paraît clean des fois.
 
Je suis d'accord pour les cahiers qui devraient être un peu plus dans ton style :)
Et pourquoi pas un rollover dans le même esprit sur les thumbnails ? (je débute, je peux très bien dire vraiment n'importe quoi)
Auquel ca bah... jetez moi des tomates ou des cailloux  :sweat:  
 
 [:cupra]

Reply

Marsh Posté le 10-10-2003 à 08:25:09    

aozora a écrit :

avec un brush photoshop :)


N'y aurait-il pas des tutoriaux pour apprendre à faire ce genre d'effets trash/grunge sans brushes ?
Merci :)

Reply

Marsh Posté le 10-10-2003 à 09:20:39    

Sans brushes c'est galère et avec c'est tellement simple que ça ne nécéssite pas vraiment de tutoriaux, c'est juste une forme d'outil.

Reply

Marsh Posté le 10-10-2003 à 11:58:23    

bah oui ça j'ai pigé depuis le temps kil y avais des obsédé de l'orthographe d'habitude je m'en fou un peu...mais comme la je souhaite quand meme que ce soi clean je fais un effort  
je suis po movaise en ortho fondamentalement ( po mal d'inattention aussi) mais j'aime po ça alors forcement...
 
 
 
heu le bas clean c voulu, juste les salissures ki font po trop clean , bon j'ai du enlevé po mal de salissures pour le decoupage de l'interface.
je voulais un site accessible a + de monde ...en plus dans la partie centrale ce ki compte c les travaux ...et c eux ki donne ce coté non clean  :D  
bref par contre c vrai que les thumbail pourrait etre moins stricte [:meganne]
 
bon apr contre je vous avoue que la partie thumbails n'est que provisoire....je vais faire un truc en flash par la suite..
 
pour els brush bah je pourrais meme po te passer celui avec lekel j'ai realisé tout ça ! la seule chose a lakelle j'ai po penser en reformatant mon pc ya kelkes semaines c de sauvegarder mes brushs....  [:sisicaivrai]  


---------------
Flickr Neverends | Neverends | Landolfi : Un bucheron dans un corps de princesse
Reply

Marsh Posté le 10-10-2003 à 12:04:37    

aozora a écrit :

bah oui ça j'ai pigé depuis le temps kil y avais des obsédé de l'orthographe d'habitude je m'en fou un peu...mais comme la je souhaite quand meme que ce soi clean je fais un effort  
je suis po movaise en ortho fondamentalement ( po mal d'inattention aussi) mais j'aime po ça alors forcement...
 
 
 
heu le bas clean c voulu, juste les salissures ki font po trop clean , bon j'ai du enlevé po mal de salissures pour le decoupage de l'interface.
je voulais un site accessible a + de monde ...en plus dans la partie centrale ce ki compte c les travaux ...et c eux ki donne ce coté non clean  :D  
bref par contre c vrai que les thumbail pourrait etre moins stricte [:meganne]
 
bon apr contre je vous avoue que la partie thumbails n'est que provisoire....je vais faire un truc en flash par la suite..
 
pour els brush bah je pourrais meme po te passer celui avec lekel j'ai realisé tout ça ! la seule chose a lakelle j'ai po penser en reformatant mon pc ya kelkes semaines c de sauvegarder mes brushs....  [:sisicaivrai]  
 


 
 :(  
courage  [:billouxp]  
 
Et encore une fois, moi j'aime beaucoup ton style  [:xp1700]

Reply

Marsh Posté le 10-10-2003 à 12:07:48    

bah par contre je peux te dire ou j'ai eu les brush :D
 
www.deviantart.com ( site tres lent attention !) va falloir que je fouine pour retrouver ma brush perdue !


---------------
Flickr Neverends | Neverends | Landolfi : Un bucheron dans un corps de princesse
Reply

Marsh Posté le 10-10-2003 à 13:33:00    

aozora a écrit :

bah par contre je peux te dire ou j'ai eu les brush :D
 
www.deviantart.com ( site tres lent attention !) va falloir que je fouine pour retrouver ma brush perdue !


 
Oui j'avais déjà regardé d'après un de tes précédents liens, mais il est lennnnnnnnnnnnnnnnnnnnnt le site, j'ai pas eu le courage de continuer.
 
J'ai fait le plein sur nocturna et vbrush, mais j'ai pas eu le temps d'installer et d'essayer encore...
Je dois regarder le tutorial :P pas doué powaaaa :)


---------------
Feedback (avant 2011)
Reply

Marsh Posté le 10-10-2003 à 13:43:50    

bolomatic a écrit :


 
Oui j'avais déjà regardé d'après un de tes précédents liens, mais il est lennnnnnnnnnnnnnnnnnnnnt le site, j'ai pas eu le courage de continuer.
 
J'ai fait le plein sur nocturna et vbrush, mais j'ai pas eu le temps d'installer et d'essayer encore...
Je dois regarder le tutorial :P pas doué powaaaa :)


 
lien des 2 sites que tu cites please ?  :D


---------------
Flickr Neverends | Neverends | Landolfi : Un bucheron dans un corps de princesse
Reply

Marsh Posté le 10-10-2003 à 14:41:27    

aozora a écrit :


 
lien des 2 sites que tu cites please ?  :D  


 
http://nocturna.net/brushes/
http://veredgf.fredfarm.com/vbrush/main.html
 
et là pour les fonts :
http://veredgf.fredfarm.com/vfont/index.html
 
Voilou  :)


---------------
Feedback (avant 2011)
Reply

Marsh Posté le 10-10-2003 à 14:52:37    

:jap:  merci


---------------
Flickr Neverends | Neverends | Landolfi : Un bucheron dans un corps de princesse
Reply

Marsh Posté le 11-10-2003 à 22:38:26    

http://hiruka.free.fr/home/never_ends.htm  
 
petite maj au niveau des titres
ajout de puces plutot que des ">"


Message édité par aozora le 11-10-2003 à 22:38:46

---------------
Flickr Neverends | Neverends | Landolfi : Un bucheron dans un corps de princesse
Reply

Marsh Posté le 11-10-2003 à 22:43:08    

J'ai un chargement du site anormalement lent.  
 
ça vient du site ou de Free ?

Reply

Marsh Posté le 11-10-2003 à 22:45:44    

oui c free :/
 
mais a partir de lundi le site passe sur le serveur ou j'ai actuellement hiruka.fr.st


---------------
Flickr Neverends | Neverends | Landolfi : Un bucheron dans un corps de princesse
Reply

Marsh Posté le 11-10-2003 à 22:46:36    

ok :)

Reply

Marsh Posté le 11-10-2003 à 23:13:13    

il est joli ton site web ao, :)


---------------
from here and there -- \o__________________________________ -- la révolution de la terre, en silence
Reply

Marsh Posté le 13-10-2003 à 22:27:15    

mici :D
 
bon voila c mis sur mes adresses principales et sur le FTP ki va bien :
 
http://www.hiruka.fr.st
et aussi une autre plus lié au titre du site : http://www.neverends.fr.st


Message édité par aozora le 13-10-2003 à 22:27:37

---------------
Flickr Neverends | Neverends | Landolfi : Un bucheron dans un corps de princesse
Reply

Marsh Posté le 13-10-2003 à 22:29:42    

aozora a écrit :

mici :D
 
bon voila c mis sur mes adresses principales et sur le FTP ki va bien :
 
http://www.hiruka.fr.st
 


j'adore, par contre le petit lift est tout gris tout pas beau, ça tranche trop....

Reply

Marsh Posté le 13-10-2003 à 23:04:28    

JusteLeblanc a écrit :


j'adore, par contre le petit lift est tout gris tout pas beau, ça tranche trop....


 
 :??:


---------------
Flickr Neverends | Neverends | Landolfi : Un bucheron dans un corps de princesse
Reply

Marsh Posté le 13-10-2003 à 23:36:56    


 
 
http://membres.lycos.fr/vulpine/ao_site.gif

Reply

Marsh Posté le 13-10-2003 à 23:54:05    


 
heu...tu utilises po IE toi c ça ? [:the real ezzz]  
 
sur IE 6 la barre est parsonnalisé


---------------
Flickr Neverends | Neverends | Landolfi : Un bucheron dans un corps de princesse
Reply

Marsh Posté le 13-10-2003 à 23:59:19    

aozora a écrit :


 
heu...tu utilises po IE toi c ça ? [:the real ezzz]  
 
sur IE 6 la barre est parsonnalisé


 
Euhh.... j'interprète juste ce  qu'écrit JiJi pour t'en faire une image.  
 
Mais c vrai que sur Mozilla et IE5, tu as un ascenceur ... mais bon ... tu pourras rien y faire [:spamafote]
 
 
 

Reply

Marsh Posté le 13-10-2003 à 23:59:59    

Autobot a écrit :


 
Euhh.... j'interprète juste ce  qu'écrit JiJi pour t'en faire une image.  
 
Mais c vrai que sur Mozilla et IE5, tu as un ascenceur ... mais bon ... tu pourras rien y faire [:spamafote]
 
 
 
 


 
ouep :/ c dommage ke se truc marche po sur les autre trucs ...


---------------
Flickr Neverends | Neverends | Landolfi : Un bucheron dans un corps de princesse
Reply

Marsh Posté le 18-10-2003 à 19:59:37    

aozora a écrit :


 
ouep :/ c dommage ke se truc marche po sur les autre trucs ...


tu aimes bien les truks toi :D
bah zon ka user I.E comm tout le monde  :pfff:   :D

Reply

Marsh Posté le 18-10-2003 à 20:08:17    

Perso j'adore !  :love:  
 
A part ça j'ai pas de vraiment d'avis particulier a donner... c'est tout simplement nickel d'un bout à l'autre !


---------------
P O R T F O L I O : www.tikimatic.net
Reply

Marsh Posté le 18-10-2003 à 20:31:33    

J'ai rien à dire non plus à part des compliments, donc :
 
Superbe ! J'adore, j'adore et j'adore. C'est un site que je vais garder dans mes favoris.
 

Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed