• 0k
  • 0
Web design \ 8 Decembre 2015

Nouvelle pub Wix : les secrets de fabrication de notre Template star

Avez-vous vu notre nouvelle pub ? Si ce n’est pas encore le cas, nous vous invitons de tout cœur à scroller un petit coup pour y jeter un œil.

Cette vidéo a été réalisée spécifiquement pour la télé française. Afin de garder une part de mystère, nous ne vous dévoilons pas le synopsis et allons directement à l’essentiel. De façon visuelle et poétique, le clip réconcilie humain et digital, travail manuel et création Web. Ce choix est principalement dû au fait que chez Wix, nous croyons dur comme fer au potentiel unique de l’Hexagone en matière d’innovation et entrepreneuriat et nous tenons à mettre en lumière ces valeurs – au-delà, évidemment, de la promotion de notre magnifique technologie de création de sites.

Trêve de bavardage. Roulement de tambour. Nous vous présentons la fameuse pub :

[Applause]

Le site qui apparaît dans le clip étant particulièrement attractif, nous avons décidé de ne pas nous contenter de le montrer. Nous l’avons transformé en Template pour vous permettre d’en faire le meilleur usage. Nous partageons avec vous les secrets de sa fabrication afin de vous aider à cerner la logique de nos designers et à appréhender les techniques nécessaires pour créer un site similaire :

icon

 Une page suffit pour bien faire

Dans un écosystème digital ultra-compétitif, la surenchère est devenu monnaie courante. Vouloir faire plus de pages, intégrer plus de gadgets, user et abuser des animations : la course à l’originalité conduit à bien des égarements graphiques. Résultat ? La Toile voit naître un nombre croissant de sites confus, lents à charger et visuellement improbables. Gardez-vous bien de cette tentation ! Pour beaucoup de petites entreprises, une page suffit amplement à décrire son activité. Il faut simplement prendre soin de bien la structurer, d’y inclure les contenus qui importent et de lui insuffler sa personnalité. Comment ? Continuez à lire !

icon

 Des bandes pour mieux structurer

Comme vous l’avez noté, les sites se rallongent à vue d’œil. Derrière ce phénomène : une tendance du web design communément appelée long scrolling. L’objectif des sites qui offrent une navigation verticale est d’offrir un maximum de contenu au sein d’une même page (évitant ainsi aux visiteurs les allers et venues entre les différentes pages du site). Reste à savoir comment structurer la page visuellement – autrement, ça fait un peu liste de courses.

La solution est d’utiliser des bandes sur lesquelles vous groupez les informations relatives à chaque section. Par exemple, vous pouvez utiliser une bande de couleur pour votre partie « À propos » et y inclure votre photo, votre texte de présentation ou encore les liens vers vos réseaux sociaux. Il en va de même pour vos sections « Contact », « Notre équipe », « Références », « Galerie », « Service » ou autres. Regrouper vos informations sous des enseignes distinctes (et reconnaissables) est le point de départ pour un site clair et efficace.

icon

 Des ancres pour simplifier la navigation

Maintenant que le site est structuré, il faut trouver un moyen de rendre la navigation plus intuitive. Il serait dommage que vos visiteurs se brûlent les doigts à force de scroller, vous en conviendrez. Afin d’éviter cet écueil, rien de tel qu’un menu composé d’ancres. Chaque bouton dudit menu doit être lié à un emplacement choisi du site de manière à envoyer automatiquement le visiteur vers l’information qu’il recherche – par exemple, le bouton « Projets » renvoie vers la section susnommée. Attention à bien fixer votre menu : il continuera ainsi de figurer sur l’écran même pendant le scrolling. Sans ça, les visiteurs risquent de le perdre de vue et vos efforts seront vains.

Astuce en plus : si votre menu est discret, vous pouvez ajouter un bouton connecté à une ancre « Retour en haut ». On n’est jamais trop prudent.

icon

 Des photos authentiques pour se distinguer

Photo de la pub

Les images libres de droits font beaucoup trop 2012. Les internautes aguerris reconnaissent très facilement les clichés insipides (parfois indigestes) qui courent le Web depuis des lustres. À la place, utilisez des photos de vous, de vos collègues, de vos produits ou encore de vos bureaux. Votre site ne peut que mieux s’en porter. Vous n’avez pas le temps d’organiser une séance de shooting ? Personne ne peut vous jeter la pierre. En attendant, nous vous recommandons de parcourir les ressources d’images gratuites à la recherche de cette photo libre de droits qui ne ressemble pas à une photo libre de droits.

icon

 Et une touche de parallax pour la profondeur

Jamais entendu parler du Parallax Scrolling ? L’effet parallaxe consiste à modifier le rythme de défilement de certains éléments de la mise en page. Généralement appliquée aux images, cette technique génère une certaine profondeur et permet de raconter une histoire de façon très visuelle. Pensez-y : si vous regardez deux images superposées qui défilent à des rythmes différents, cela crée un effet dynamique et une sensation de 3D. On vous a embrouillé ? Mea culpa. Cet article très complet sur l’effet parallaxe devrait vous éclairer.

Ah oui, et le Template alors ?

Tada !

Template de la pub Wix

L’aventure digitale vous tente ? Créez votre propre site gratuitement !


Recevez le
par e-mail !

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

Adresse courriel invalide.

l\'email existe déjà

Adresse courriel invalide.

Rejoignez-nous ! \ 

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

Adresse courriel invalide.

l'email existe déjà

Adresse courriel invalide.