Tel :
E-mail :
(514) 523-9256
info@blakkat.net
août 2009 10

Design et orientation graphique de votre site web [Design Web]

Alors comment faire ? Surtout en voulant être le plus actuel possible, sachant que les technologies du web évoluent très rapidement.

Sur le web, le design de son site est le premier contact d’un client potentiel avec l’entreprise. Son rôle est donc majeur, il ne doit pas repousser l’internaute en présentant un contenu trop lourd. N’hésitez pas à aérer l’espace, ne pas faire des lignes de texte trop longues qui nuisent à la lecture. Plonger l’internaute dans votre univers avec des illustrations ou des photographies de vos produits, cela lui permettra aussi d’être sur qu’il est sur le bon site. Intégrez des nouveaux médias sur vos pages d’accueil comme des animations flash, de la vidéo, des menus en Ajax (animés)…

Voici donc les principaux axes créatifs que l’on retrouve sur la toile, pour vous permettre de vous guider dans vos projets :

___________________________________________________________________________

1 – Collage :

Avec un rendu très graphique, on retrouve ce style qu’on peut aussi qualifier de découpage sur des sites de portfolio, de sports extrêmes, de stylisme et bien d’autres.

jameslaicreative.com
james lai

oberson.com
oberson

bushtheater.com
bush theater

stonelab.osu.edu
Stone laboratory

swapafrock.co.uk
swapafrock

___________________________________________________________________________

2- Corporatif :

Ici nous pouvons retrouver différentes approches graphiques mais, avec toujours le même mot d’ordre : Sérieux !

aidsfund.org
aids

blakkat.net
Blakkat conception web Montréal

biomatlante.fr
Biomatlante

dialogix.com.au
dialogix

reinvigorate.net
reinvigorate

___________________________________________________________________________

3- Glow

Il s’agit du nom de l’effet de lumière que l’on utilise pour donner un volume, par exemple sur les boutons. Cet effet est souvent associé au « web 2.0″ car ils se correspondent chronologiquement. On le retrouve aussi sur des OS comme Windows Vista, Widows Seven ou Mac OsX.

guifx.com

efiquest.es

serj.ca

trentcruising.com

___________________________________________________________________________

4- Illustratif

Ceci n’est pas un style à proprement parler mais plutôt d’accent sur l’illustration du site. On peut très bien choisir un style graphique sobre et mettre en avant une belle illustration. Dans ce cas, le temps de réalisation de la maquette va être raccourci au profit d’un budget d’illustration.

billyhughes.moadoph.gov.au

icondock.com

getmiro.com

thegreatbeardedreef.com

pallygiraffe.com

___________________________________________________________________________

5 – Minimaliste

Le web est un lieu de communication sans limite, ce qui lui donne tendance à tendre vers l’excessif. On le constate avec des pages complétement saturées d’informations qui font fuir les internautes. Le fait d’épurer son site permet de mettre l’accent sur le contenu qui est l’information principale d’un site.

bkwld.com

31three.com

hugeinc.com

inkd.com

frieze.dk

___________________________________________________________________________

6- Photo/Graphique

« Une image vaut mille mots », de beaux clichés peuvent exprimer vos idées en une fraction de seconde mais, plonge aussi l’internaute dans votre univers.

hangardoor.com

getlondonreading.co.uk

tomdouglas.com

mongoaurelio.com

___________________________________________________________________________

7-Typographique

Tout comme la photo, la typo peut apporter une valeur ajoutée non négligeable à votre site web. Une belle phrase d’accroche exprimant votre philosophie d’entreprise permet un bel impact.

ideacityonline.com

45royale.com

squarespace.com

yetiledeneigeur.com
Yeti le déneigeur

___________________________________________________________________________

8- Vectoriel

Des images dessinées sous un logiciel vectoriel comme Illustrator apporte un rendu différent. Actuellement, on retrouve beaucoup de site qui associent ces images avec des couleurs saturées, on assiste à un retour des années 80 !

evolvefestival.com

webdesignerdepot.com

oldloft.com

oldloft.com


Design