• 242k
  • 12
Web design \ 20 Février 2017

7 astuces de web design pour captiver vos visiteurs au premier regard

Qu’est-ce qui vous a fait entrer dans ce magasin plutôt qu’un autre ? C’est bien évidemment sa vitrine : les couleurs de la boutique vous attirent, le magasin est bien rangé et vous avez tout à coup follement envie d’aller y faire un tour pour découvrir les produits qu’il a à vous offrir. Sur le Net c’est exactement la même chose, sauf que votre vitrine, c’est votre site web. Il doit attirer les clients et leur donner envie d’aller voir ce qu’il y a sous le capot.

Seulement, sur la Toile, la compétition est plus rude qu’ailleurs. Pour capter l’attention de vos visiteurs, il va falloir les impressionner dès le premier coup d’œil. Effets Parallax, animations, Lightboxes… Voilà des outils qui vont vous aider à faire la différence. Vous ne savez pas ce que c’est, ni comment les utiliser ? Cela tombe bien, on s’apprêtait à tout vous expliquer. Voici nos 7 astuces pour créer l’effet « Waouh » qui augmentera le trafic de votre site et votre chiffre d’affaires !

Le pouvoir des animations

Tamar Shalem est un designer de chaussures qui a su utiliser les animations sur son site à la perfection. À la minute où vous arrivez sur sa page d’accueil, vous comprenez qu’il ne s’agit pas d’un site ordinaire – ni d’un designer ordinaire. Un en-tête animé avec de superbes petites icônes, des chaussures présentées en quinconce et un message flashy qui apparaît au milieu de la page pour annoncer la promotion en cours : voici une vitrine en ligne que vous n’êtes pas prêt d’oublier. Mais ça va encore plus loin : voici un designer que vous avez envie de découvrir. Et c’est là que le pari est gagné !

tamar shalem

Vous ne trouvez pas les mots ? Dites-le en vidéo

Vous avez un dilemme : vous ne savez pas comment décrire votre activité en un mot mais pour autant, vous ne voulez pas perdre vos visiteurs dans des descriptions à n’en plus finir. On vous donne la solution : dites-le avec une vidéo d’arrière-plan. C’est exactement ce que fait Horvat Concreet. Sans même allez chercher plus loin que la page d’accueil, vous savez quel est le domaine d’activité de cette entreprise et quels sont les services qu’elle est susceptible de vous offrir. C’est clair, c’est visuel et c’est attrayant. Le combo gagnant pour attirer des clients !

horvat concrete

Créez l’effet de surprise en 3D

Donnez de l’allure à votre site avec un effet Parallax. Cette technique consiste à faire défiler le fond d’écran à une vitesse différente du reste des éléments présents sur votre page. Résultat : un effet 3D éblouissant, comme vous pouvez le voir sur le site du photographe de mode Roshini Kumar. Zoom, fondu ou apparition, on ne manque pas d’idées pour sublimer vos pages d’accueil et donner à votre site ce petite quelque chose en plus qui fera toute la différence.

roshini kumar

Épatez la galerie

On ne vous explique plus le pouvoir des images sur le Net. Ajouter une superbe galerie de photos sur votre site est le meilleur moyen de présenter efficacement votre travail et de captiver vos visiteurs. C’est ce que fait le photographe Joern Pollex pour montrer l’étendue de son talent. Pour cela, il utilise la Wix Pro Gallery : l’outil de référence pour afficher vos photos sur la Toile. Protection des photos contre le vol, personnalisation de l’affichage et de la résolution et adaptation sur mobile, cet outil répond à tous les besoins. Seul hic : vous n’êtes pas photographe et n’avez pas de superbes clichés à afficher. Pas de problème, la Wix Pro Gallery est aussi faites pour exposer vos produits, vos vidéos ou vos textes. On a pensé à tous et surtout à vous !

joern pollex

La qualité avant la quantité

Des visuels, oui, mais uniquement de bonnes qualité ! Dory Younes nous montre la force de l’image haute résolution en affichant ses superbes clichés en plein-écran. Ainsi, il nous fascine et nous transporte dans son univers en moins d’une minute. Et si vous n’êtes pas partis au bout du monde pour prendre d’incroyables clichés, nous avons ce qu’il vous faut : l’Éditeur Wix vous propose des milliers d’images gratuites à télécharger. Vous n’avez donc plus aucune raison de prendre vos photos sur Google image.

  • Conseil de pro : ancrez votre menu pour que celui-ci soit visible à tout moment lorsque les visiteurs font défiler votre page. Voici une petite astuce simple à appliquer et qui améliorera considérablement l’expérience de navigation sur votre site.

DORY-YOUNES

La musique adoucit les mœurs

Vous n’avez plus qu’une chose en tête pour capter l’attention de vos clients : leur en mettre plein la vue. Mais avez-vous pensé à leur titiller un peu les oreilles ? Si vous êtes musicien, pourquoi ne pas séduire vos auditeurs avec le doux chant de la sirène. Proposez-leur un extrait de votre musique dès qu’ils arrivent sur votre site, tout comme le fait Mickey Factz avec son en-tête musical. Pour cela, découvrez vite Wix Music, la solution idéale pour diffuser vos morceaux sur le Web. Attention : n’oubliez pas de rendre le lecteur assez visible pour que vos visiteurs puissent l’arrêter à tout moment (on connait tous ce moment ennuyant où il faut fermer toutes les fenêtres pour comprendre enfin d’où provient le son de notre ordinateur).

Mickey-Factz

Faites les bonnes associations

Ce salon de beauté américain utilise un florilège d’éléments pour créer le site internet parfait. Un logo fixe qui redirige automatiquement vers la page d’accueil, un effet Parallax et des couleurs bien assemblées. Le rendu final est remarquable : classe et surprenant à la fois, voilà tout ce qu’on attend d’un salon de beauté. Cerise sur la gâteau : la Lightbox qui s’ouvre pour nous proposer de s’inscrire à la newsletter lorsqu’on arrive sur le site. Ils sont forts ces Américains…

ANDREA SALON

Prêt à impresionner vos visisteurs ? Commencez par créer votre site web gratuitement avec Wix.

Publié par Equipe Wix
Wix

Recevez le
par e-mail !

Rejoignez le blog de Wix Ne manquez rien de notre actu !

Hmmm, that's not a valid email address.

Hmmm, that's not a valid email address. Email already exists

Hmmm, that's not a valid email address. Invalid email

Rejoignez-nous ! \ 

Découvrez nos conseils en web design, en marketing digital,
et suivez toute l'actu Wix ! Pas de spam. Promis.

Hmmm, that's not a valid email address.

Hmmm, that's not a valid email address. Email already exists

Hmmm, that's not a valid email address. Invalid email