Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1170 connectés 

  FORUM HardWare.fr
  Graphisme
  Web design

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

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

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

n°382042
aozora
Posté le 08-10-2003 à 12:25:46  profilanswer
 

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
mood
Publicité
Posté le 08-10-2003 à 12:25:46  profilanswer
 

n°382045
Profil sup​primé
Posté le 08-10-2003 à 12:37:15  answer
 

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

n°382046
dd_005
multitask user
Posté le 08-10-2003 à 12:46:55  profilanswer
 

+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
n°382056
benzbenzbe​nz
y'a du monde sur la corde à...
Posté le 08-10-2003 à 14:17:16  profilanswer
 

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

n°382070
fastclemmy
(re-)Dictateur en plastique
Posté le 08-10-2003 à 14:57:08  profilanswer
 

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

n°382083
ValM
Posté le 08-10-2003 à 17:06:30  profilanswer
 

Ca m'intéresse !

n°382087
aozora
Posté le 08-10-2003 à 17:13:23  profilanswer
 

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
n°382436
aozora
Posté le 09-10-2003 à 19:00:57  profilanswer
 

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
n°382454
french_Kis​s
Universel
Posté le 09-10-2003 à 20:14:08  profilanswer
 

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:

n°382461
aozora
Posté le 09-10-2003 à 20:34:06  profilanswer
 

avec un brush photoshop :)


---------------
Flickr Neverends | Neverends | Landolfi : Un bucheron dans un corps de princesse
mood
Publicité
Posté le 09-10-2003 à 20:34:06  profilanswer
 

n°382462
Profil sup​primé
Posté le 09-10-2003 à 20:37:07  answer
 

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. :)

n°382477
aozora
Posté le 09-10-2003 à 21:50:59  profilanswer
 

[: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
n°382538
bolomatic
Posté le 10-10-2003 à 08:21:20  profilanswer
 

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
n°382539
bolomatic
Posté le 10-10-2003 à 08:24:08  profilanswer
 

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]

n°382540
bolomatic
Posté le 10-10-2003 à 08:25:09  profilanswer
 

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 :)

n°382551
benzbenzbe​nz
y'a du monde sur la corde à...
Posté le 10-10-2003 à 09:20:39  profilanswer
 

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.

n°382605
aozora
Posté le 10-10-2003 à 11:58:23  profilanswer
 

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
n°382609
bolomatic
Posté le 10-10-2003 à 12:04:37  profilanswer
 

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]

n°382614
aozora
Posté le 10-10-2003 à 12:07:48  profilanswer
 

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
n°382646
bolomatic
Posté le 10-10-2003 à 13:33:00  profilanswer
 

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)
n°382653
aozora
Posté le 10-10-2003 à 13:43:50  profilanswer
 

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
n°382670
bolomatic
Posté le 10-10-2003 à 14:41:27  profilanswer
 

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)
n°382677
aozora
Posté le 10-10-2003 à 14:52:37  profilanswer
 

:jap:  merci


---------------
Flickr Neverends | Neverends | Landolfi : Un bucheron dans un corps de princesse
n°383236
aozora
Posté le 11-10-2003 à 22:38:26  profilanswer
 

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
n°383237
Profil sup​primé
Posté le 11-10-2003 à 22:43:08  answer
 

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

n°383238
aozora
Posté le 11-10-2003 à 22:45:44  profilanswer
 

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
n°383239
Profil sup​primé
Posté le 11-10-2003 à 22:46:36  answer
 

ok :)

n°383254
simogeo
j'ai jamais tué de chats, ...
Posté le 11-10-2003 à 23:13:13  profilanswer
 

il est joli ton site web ao, :)


---------------
from here and there -- \o__________________________________ -- la révolution de la terre, en silence
n°384141
aozora
Posté le 13-10-2003 à 22:27:15  profilanswer
 

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
n°384142
justelebla​nc
Posté le 13-10-2003 à 22:29:42  profilanswer
 

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....

n°384151
aozora
Posté le 13-10-2003 à 23:04:28  profilanswer
 

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
n°384158
Profil sup​primé
Posté le 13-10-2003 à 23:36:56  answer
 


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

n°384162
aozora
Posté le 13-10-2003 à 23:54:05  profilanswer
 


 
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
n°384163
Profil sup​primé
Posté le 13-10-2003 à 23:59:19  answer
 

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]
 
 
 

n°384164
aozora
Posté le 13-10-2003 à 23:59:59  profilanswer
 

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
n°385819
french_Kis​s
Universel
Posté le 18-10-2003 à 19:59:37  profilanswer
 

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

n°385827
ti-ki
Posté le 18-10-2003 à 20:08:17  profilanswer
 

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
n°385842
ValM
Posté le 18-10-2003 à 20:31:33  profilanswer
 

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.
 

mood
Publicité
Posté le   profilanswer
 


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Graphisme
  Web design

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

 

Sujets relatifs
[webdesign] Projet de site pour mon boss. Zen pensez quoi?Quel prog pour créer son site web ou page perso
[Webdesign] kits graphiques Deluxe, zen pensez quoi?Réactions pour le site kinobi
Mon W.I.P.-site 3D. Me tarde que ce soit plus du W.I.P. :-)centrer la page d'un site
Avis sur site[WIP] Birth of a Fairy
Plus de sujets relatifs à : [ WIP Webdesign ] refonte d'un site perso ( MAJ 11/10/03 )


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR