Bonjour,
Je vois que personnes n'ai disponible pour vous aider je vais donc prendre du temps pour vous expliquer un peut tout.
Tout d'abord les sites web que tu nous présente (volswagen & alfaromeo) ne sont pas développer en HTML/CSS, il y a du Java et tout ce qui suit pour les animations. (J'ai pas regarder mais il doit avoir un peut de PHP) donc déjà tu peux monter ton budget de 500 euros minimum, pour lé début je pense qu'un site simple en HTML/CSS vous suffira et vous feras énormément économiser, bref le sujet n'est pas le budget mais je tenais a le dire au cas où si vous ne le saviez pas.
1- Déjà pour travailler je pense que le plus important a mes yeux c'est l'organisation des calques, si ils sont mélanger et pas renommer il est impossible de travailler.
C'est pour cela que je te conseille de les organisaient en créant des "groupes" sur photoshop ou bien "calques" sur illustrator.
Tu peux voir un exemple d'une maquette que j'ai réaliser y'a quelques jours: http://gyazo.com/26035d70e88f25d9a4a0ba6cf93be7bb
L'entête seras le haut du site (souvent appeler la bannière) > Le menu seras tout les textes ou tu y place tes onglets comme "Accueil, Contact, Nos services, ..." le pied seras le bas du site (souvent appeler footer) > Puis après tout ce qui est expertise est autre ce sont les différents emplacements de divers widget.
Le plus important seras donc de faire un dossier ou calque avec Entête > Menu > Pied c'est le stricte minimum.
2- Il y a des tonnes de sources d'inspirations sur le web c'est pas ce qu'il manque, heureusement que ce genre de sites est la pour nous quand ont a plus d'idées pour un concept on va faire un tour sur ces sites puis quelques minutes après ont est repartis pour quelques heures de créations.
Voici des exemples:
www.webdesign-inspiration.com (Celui que je trouve le plus complet que j'utilise très souvent)
www.siteinspire.com
www.dossierdesign.com
3- Débutant ? Ce n'est plus un soucis maintenant nous pouvons créer un design très professionnelle sans savoir trop utiliser les logiciels de PAO !
Mais comment ? Alors donc il existe des sites de "Ressources". C'est quoi sa ?
Des sites qui regroupe des tonnes de .psd ou .ai ou dedans y ai intégrer des menus, icons, enfin vraiment de tout qui est déjà fait, quelques modifications vous le mettez sur votre calque a vous il sa s'intègre parfaitement.
Voici un exemple de ressource: http://gyazo.com/c864bc7e3eb8b5434d392f00c6687c17
Tout les différents modules comme le "Slider" "Top games" etc ... Sont tous modifiable comme si c'était vous qui l'avait enregistrer en .psd pour le modifier au cas où.
Il y a des UI KIT 100% gratuit qui traîne sur le net, en gros des UI KIT sont des éléments comme je t'ai montrer sur la screen mais pour les sites web car sur les sites de ressources tu as vraiment de tout.
Voici des exemples:
www.365psd.com (Ils rajoutent une ressource tout les jours il est déjà très bien remplis, je l’utilise très souvent c'est le mieux pour moi)
www.igraphisme.com
www.wks.fr/-Ressources-gratuites-.html
Voilà j'espère que je t'ai bien aider, en tout cas j'étais parti pour taper quelque chose de petit, je t'ai presque fait un tutoriel ^^
Ah j'allais oublier voici une liste de 200 sites indispensable pour un Graphiste:
http://www.dubostbenoit.com/influences
Cordialement,
Swan