Aide S'inscrire

Les dernières tendances webdesign pour votre site

Les tendances changent constamment, il en va de même pour le web ! Tout comme dans le monde de la mode, les webdesigners en vogue et les entreprises hi-tech cotées donnent le ton. Des personnalités influentes telles que Jony Ive, responsable du design chez Apple, établissent des standards graphiques, physiques et digitaux, qui impactent les produits que nous achetons et les sites Internet que nous consultons. Même si vous n'êtes pas au courant des dernières tendances actuelles, elles régissent inconsciemment votre vision de ce qui est moderne ou démodé. Jimdo vous propose dans cet article un panorama des pratiques actuelles.

Vous n'avez certes pas besoin de suivre aveuglément les tendances du webdesign sur votre site, mais il est toutefois important que ce dernier soit à la page. Votre site est comme la vitrine d'un magasin, il faut qu'il soit soigné, à jour et cohérent. C'est pourquoi, relooker votre site en respectant ces dernières tendances peut être un bon moyen pour lui redonner un coup de jeune.

 

Nous partageons dans cet article les dernières tendances webdesign recueillies sur la toile. Bonus : nous vous montrons en image comment appliquer celles-ci grâce aux nouveaux designs disponibles sur Jimdo.

Dites adieu à la barre latérale (sidebar)

Beaucoup de sites Internet possèdent une barre latérale (sidebar) sur le côté. En vous débarrassant de la sidebar ou en la déplaçant vers le bas de votre page pour en faire un footer, vous aurez beaucoup plus d'espace pour mettre en valeur votre contenu. Cette approche est très présente sur les sites de magazine et les sites avec des images proéminentes.

 

Sans la sidebar, vous avez plus de place sur votre site pour vos contenus textuels, mais attention à ne pas faire de phrases interminables... Ce n'est pas parce que votre zone principale de contenu est large qu'il faut la remplir de textes ! L'idéal est de rédiger des phrases d'une longueur de 40 - 60 caractères et d'utiliser beaucoup d'images, de colonnes et d'espacements afin de rendre votre présentation plus aérée et confortable à lire.

Sidebar en bas de page sur le design Cairo
Exemple avec le design Cairo
site jimdo sidebar en bas de page
La sidebar en bas de page permet d'avoir une zone principale de contenu plus large

Voici quelques exemples de designs de ce type : Chicago, Cairo, Zurich et Riga.

Préférez une belle image de fond au diaporama

C'est officiel : les diaporamas, c'est du passé ! Les sites Internet se débarrassent sur leur page d'accueil de cette fonction qu'est le diaporama (aussi appelé carroussel ou slideshow) pour la remplacer par des visuels spectaculaires qui attirent l'oeil. Jimdo a développé une nouvelle forme d'en-tête la "Hero area" (sur laquelle vous en apprendrez plus très prochainement) : des images larges parées de gros titres ou de "call to action" (des messages qui incitent vos visiteurs à effectuer une certaine action).

 

Plusieurs nouveaux designs de Jimdo sont déjà prêts pour cette évolution. Ils permettent d'utiliser une large image de fond qui s'étire sur toute la page. L'image utilisée est visible dans sa totalité grâce à des zones de contenu transparentes : l'utilisation de photos ou images de haute résolution est primordiale sur ce genre de page.

Le hero area, ici appliqué au design Rio de Janeiro, est un bon moyen de mettre en valeur de magnifiques photos
Le hero area, ici appliqué au design Rio de Janeiro, est un bon moyen de mettre en valeur de magnifiques photos

Optez pour une navigation fixe

Le principe de la navigation fixe n'est pas nouveau mais redevient à la mode. Votre barre de navigation est fixée en haut de l'écran lorsque vous descendez sur votre page. Ainsi, vous n'avez pas besoin de remonter tout en haut de votre page si vous souhaitez consulter un autre onglet. En plus d'insuffler une touche de modernité à votre site, la navigation fixe vous permet de garder visible à tout moment des pages importantes de votre site que vous souhaitez valoriser auprès de votre visiteur, comme une boutique en ligne.

design Malaga Jimdo navigation fixe
Le design Malaga possède une navigation fixe

Préférez une navigation fixe si vous avez un site avec de longues pages, et dans ce cas, tentez de présenter votre barre de navigation sur une ligne (ce qui est recommandé en général comme expliqué dans un article précédent). Si vous avez une barre de navigation plus longue, cela prendra plus de place sur votre écran et lire vos contenus sera moins agréable pour vos visiteurs, en particulier sur de petits écrans. Cela force aussi à bien organiser et structurer son contenu.

Exemple de navigation fixe sur le design Malaga
Exemple de navigation fixe sur le design Malaga
Si vous souhaitez une navigation fixe, choisissez les designs suivants : Malaga, Melbourne et Miami.

Jouez avec une navigation coulissante

Si vous souhaitez jouer la carte de l'originalité et faire usage de tous les pixels de l'écran de votre visiteur, la navigation coulissante/rétractable sera adaptée à vos besoins. Sur le modèle des applications mobiles qui comportent des menus de navigation rétractables afin de dévoiler toutes les options, la navigation coulissante vous permet de cacher les menus de vos pages tant que vous n'en avez pas besoin. Le visiteur doit cliquer sur un symbole à trois tirets situé dans le coin supérieur gauche de votre site pour ouvrir le menu de navigation qui coulissera sur le côté de la page.

 

Pour un effet "wow" garanti, combinez cette navigation avec de grandes images de fond ou un design minimaliste. Cette fonction est parfaitement adaptée pour des sites épurés mais est à éviter pour les sites chargés en informations et images, car les visiteurs auront du mal à trouver le menu de navigation.

design Vienna Jimdo navigation coulissante
Le design Vienna avec une navigation coulissante fait la part belle aux images
design Vienne navigation coulissante ouverte
La navigation coulissante apparente

Si vous souhaitez une navigation coulissante, testez les designs suivants : Copenhagen, Sydney et Vienna.

Testez les designs minimalistes

Le concept "less is more" (faire plus avec moins) est souvent à privilégier. Les internautes peuvent vite être submergés d'informations : si vous trouvez le moyen de présenter vos contenus de façon claire, pertinente et aérée, vous aurez plus de chances de faire bonne impression ! Appliquez ce concept sur l'apparence de votre barre de navigation : présentez uniquement les informations importantes pour vos visiteurs.

 

Les sites minimalistes les plus saisissants utilisent souvent la couleur blanche ou une couleur unie et incluent de grands espacements entre chaque élément sur une page. Des logos simples, des textes condensés et des photos isolées ressortiront d'autant plus sur un site au design minimaliste.

Pour parvenir à un résultat de ce type, essayez les designs Barcelona, Cape Town et Helsinki.

Colorez votre site dans les mêmes tons

Utiliser les différentes nuances d'une même couleur peut créer un superbe effet visuel sur votre site. Choisir des couleurs issues de palettes monochromes permettent également de renforcer le contraste de textes en noir ou blanc sur un écran.

 

Rappelez-vous que les couleurs ont un fort impact psychologique sur votre public, et choisissez soigneusement la couleur principale de votre site. Pour cela, nous vous recommandons de tester Adobe Kuhler, un outil gratuit en ligne qui génèrera une palette de 5 nuances chromatiques basées sur une couleur de votre choix.

design Dubai Jimdo monochrome
Le design Dubai est parfait pour créer des sites monochromes
Pour tester cet effet, utilisez les designs Dubai, Berlin ou encore Milano.

Et pourquoi pas une vidéo d'ambiance en fond ?

Les connexions Internet étant de plus en plus rapides, les webdesigners osent délaisser la traditionnelle image de fond pour la remplacer par une vidéo d'ambiance. Cette pratique fonctionne bien sur des sites aux contenus minimalistes et utilisant une couleur contrastante pour leurs textes, afin que ces derniers ressortent bien sur le fond vidéo.

 

Pour un résultat optimal, optez pour des vidéos d'ambiance contenant de larges espaces de même couleur, utilisez des zones de contenus plus petites et choisissez des couleurs très contrastées pour vos textes.

design san francisco Jimdo fond vidéo
Trouver la vidéo idéale pour votre fond n'est pas chose facile mais le design San Francisco sera parfait pour un effet de mouvement subtil en fond !
Si cette tendance vous plaît, essayez avec les designs Singapore, Osaka et San Francisco.

À vous de jouer !

Grâce à nos nouveaux designs, il est vraiment facile avec Jimdo de s'adapter aux tendances webdesign du moment ! Notre gamme de designs s'étoffera au fil du temps, donc vous serez toujours au top des dernières nouveautés graphiques du web ! Avec notre index de designs, vous pouvez choisir en quelques clics le design parfait en fonction de vos critères.


Elisabeth Wu

Au courant des tendances web ;)



Ces articles peuvent aussi vous intéresser :


Écrire commentaire

Commentaires : 37
  • #1

    Artdeos (lundi, 10 novembre 2014 11:54)

    Bonjour Jimdo ! Merci pour tous ces conseils :-)

  • #2

    BEAUD Katia (lundi, 10 novembre 2014 11:57)

    Merci beaucoup pour vos informations très intéressantes

  • #3

    Eric BRUYNEEL (lundi, 10 novembre 2014 12:02)

    intéressant...

    mais tout dépend de l'objet du site... et de la quantité d'information incluse
    ✔ www.bdom.info - nouveau layout
    ✔ www.mapetiteentreprise.mobi - ancien layout
    ✔ www.lacaseboischeri.com - nouveau layout

  • #4

    Delhaye (lundi, 10 novembre 2014 12:32)

    Très intéressant, une impression de bouffée d'oxygène.
    Enormément de sites devraient en prendre de la graine.

  • #5

    pasapas-savigny (lundi, 10 novembre 2014 13:59)

    très instructif ! je vais réfléchir sérieusement à moderniser mes sites avec ces bons conseils !

  • #6

    Speed Presse (lundi, 10 novembre 2014 14:34)

    Merci.

  • #7

    Blayflex Sarl - Mme Amal Chawki (lundi, 10 novembre 2014 15:38)

    Bravo JIMDO de mieux en mieux!!! continuez ainsi A quand plus de solutions de paiement en ligne? tel kLIK AND PAY ou HIPAY ?

    Amal
    www.matelas-dorsomedic.fr

  • #8

    maguytran-pinterville (lundi, 10 novembre 2014 18:03)

    Bravo JIMDO. Comment allez-vous Justine,Lucas, Chris et les autres ?
    je ne savais pas que j'ai une "payse" dans votre équipe (Elizabeth WU)
    je n'ose trop m'aventurer dans les nouveaux design mais j'aime. A ce propos je m'en vais me faire un café car il fait froid et gris à Marseille aujourd'hui.Amitiés. Maguy

  • #9

    GOYARD (mardi, 11 novembre 2014 08:02)

    Merci et bravo pour cet excellent article !
    Seul un professionnel du web aura le recul nécessaire pour à la fois organiser et hiérarchiser vos contenus autour d'un design adapté. Rapprochez-vous des Jimdo Experts !

  • #10

    Fleurs et Déco du bassin d'Arcachon (mardi, 11 novembre 2014 09:06)

    Bonjour et merci

  • #11

    jeremy renault (mardi, 11 novembre 2014 13:05)

    ;-)

  • #12

    OuestGEST Conseil en crédit management (mardi, 11 novembre 2014 16:31)

    Bonjour et bravo pour ces infos sur les tendances actuelles. J'ai du travail :)

  • #13

    daahonydurefletdessonges (mardi, 11 novembre 2014 18:45)

    Beaucoup de nouveautés merci pour votre travail :)

  • #14

    giteisalain (mardi, 11 novembre 2014 19:29)

    Bravo, bravo, bravo !

  • #15

    Anne-Sophie CAMBEUR Le Studio Des Songes (mardi, 11 novembre 2014 21:37)

    BRAVO a vous! Jimdo m'épate et super pour la modernisation!

  • #16

    hebergement-canaldumidi (mardi, 11 novembre 2014 23:44)

    Pas mal de choses à repenser avec ces bons conseils ! l'idée d'une vidéo de fond me plaît bien mais....j'ai peur que le soleil du Midi éblouisse mes visiteurs !!!!:) (il faut d'abord que je me mette au travail !)

  • #17

    joailettes35 (mercredi, 12 novembre 2014 21:13)

    Superbes conseils pour redynamiser nos sites
    Merci à Jimdo de faire toujours plus pour les webmasters

  • #18

    crecital (vendredi, 14 novembre 2014 14:18)

    Merci pour cet excellent article qui donne de bonnes pistes pour découvrir les nouveaux designs, c'était nécessaire ...

    Salutations à Lucas, Justine et Chris, rencontrés avec plaisir à Marseille !
    Cordialement, Jean Michael

  • #19

    art-therapie-isabelle-vil (vendredi, 14 novembre 2014 16:34)

    je disais bravo pour mon autre site et j'ai adopté... quoique, je dis toujours bravo... et ne me décide toujours pas pour celui-ci !

  • #20

    fanjat (vendredi, 14 novembre 2014 16:56)

    Dommage que les "nouveautés" font perdre l'essentiel de l'intérêt qu'avait JIMDO à savoir une prise en main immédiate et intuitive. De plus beaucoup de fonctionnalités ont disparues : le paramétrage de l'espace entre logo et titre, la possibilité de faire juxtaposer logo et titre sur la même ligne, la possibilité d'avoir un sous menu latéral, le choix d'une disposition parmi de nombreuses proposées comme dans les anciennes propositions de sites JIMDO, bref JIMDO veut nous imposer ses propres notions design, réduit les fonctionnalités et est devenu finalement plus complexe et plus réducteur que l'ancienne version.
    Vraiment dommage, on casse pas une machine qui gagne et désormais je me tournerais vers des propositions plus intuitive set plus simples à personnaliser.

  • #21

    Équipe Jimdo (vendredi, 14 novembre 2014 17:43)

    Bonjour Fanjat,

    Merci pour votre message et merci de nous donner votre avis !

    Petites précisions : les anciens designs Jimdo dataient de 2007 et il nous fallait moderniser notre offre de design. Tout ce qui n’évolue pas meurt. Aujourd’hui, des milliers d’utilisateurs nous remercient d’avoir changé nos designs car leur site semblait trop vieillot. Notre offre de designs va grandir de semaines en semaines maintenant.

    Nous n’allons pas faire la liste des choses qui ont été ajoutées mais souvenez-vous bien qu’avant :
    - il était impossible de changer la couleur, la police des menus de navigation
    - il était impossible de changer la couleur du fond d’un site ou d’une sidebar sans passer par du code
    - il était impossible d’avoir des designs avec des menus déroulants
    - il était impossible de gérer la transparence de la couleur
    - il y avait un choix de 30 polices de caractères alors que maintenant vous en avez près de 1000…

    …et encore un tas d’autres choses !! Les possibilités de personnalisation ont été décuplées !

    Si vous trouvez des outils plus simples et intuitifs que Jimdo, nous serions heureux de les connaître. N'hésitez pas à nous en faire part. Bon week-end. L'équipe

  • #22

    masviel (mardi, 18 novembre 2014 07:45)

    Bonjour à toute l'équipe Jimdo. Les nouveaux designs proposés étaient une évolution nécessaire. Merci pour vos précieux conseils. Bien cordialement. Frédéric.

  • #23

    Mehdi (vendredi, 21 novembre 2014 01:53)

    Bravo à l'équipe Jimdo pour ses avancées spectaculaire en si peu de temps. Vous avez véritablement révolutionné la création de site web en la rendant simple et à la portée de tous.

    Nous ne pouvons que vous féliciter et vous encourager à poursuivre vos travaux.

    En effet le changement de design vers des styles beaucoup plus 2.0 et épuré était vital !

  • #24

    Services Adom' (vendredi, 21 novembre 2014 09:19)

    Vos photos me donne envie d'un bon petit café.
    C'est vrai que l'image de fond de qualité retient l'attention du visiteur, on va y penser... Merci pour vos conseils.

  • #25

    Richoult (mardi, 25 novembre 2014)

    Merci Jimdo.
    Ces conseils m'ont aidé a mettre a jour le site et faire plus original.
    Merci encore de toute la Team Javras.

  • #26

    BAKAYOKO SOUALIHO aliass charleget45 (mercredi, 26 novembre 2014 12:12)

    cool on peut conter
    sur vous

  • #27

    cpcjoal (lundi, 15 décembre 2014 16:27)

    Merci à toute l'équipe de Jimdo. est-il possible de créer plus d'animation dans la version free pour rendre plus attrayant nos sites

  • #28

    Équipe Jimdo (lundi, 15 décembre 2014 17:36)

    Bonjour @cpcjoal ,

    merci pour votre message. Au niveau des design, tous les comptes Jimdo (Free/Pro/Business) disposent des mêmes mises en page.
    À vous de les personnaliser comme vous le souhaitez et d'ajouter les éléments qu'ils vous manquent nativement dans notre interface en utilisant simplement le module widget/htlm :

    http://aide.jimdo.com/basiques/%C3%A9l%C3%A9ments/widget-html/

    Cordialement,

  • #29

    Patrice (samedi, 20 décembre 2014 13:13)

    Le choix, des détails, franchement je suis surpris par la qualité de la communication. En tout cas on a envie de faire mieux pour son site.

  • #30

    teamdofacile (mardi, 23 décembre 2014 21:46)

    Si vous avez une question, n’hésiter pas je suis la pour donner des conseilles !

  • #31

    actionsucces (lundi, 29 décembre 2014 06:39)

    bien jolie tout ça mais lorsque l'on a des menus et des menus cachés, pas facile de tout changer...
    surtout lorsque les menus cachés avec mots de passe apparaissent a tous ...
    il y a encore des améliorations à faire

  • #32

    Santé et aloe vera (jeudi, 16 juillet 2015 00:55)

    je test Malaga, impossible de changer le style des polices et autre même en mettant le bouton sur on, c'est quoi ce binzzzz
    C'est pénible vos design si on ne peut rien faire franchement !

  • #33

    Santé et aloe vera (jeudi, 16 juillet 2015 01:35)

    haaaaaaa cela à été dur mais cela marche après avoir tout fermé et rouvert, pas cool

  • #34

    AloeVeraSanté.net (dimanche, 19 juillet 2015 01:37)

    Bonjour,
    quels sont les designs qui ont une navigation fixe, car c'est dommage il n'y a pas l'option sur la page de sélection des designs http://aide.jimdo.com/mise-en-page/index-des-designs/
    ce serait bien de le faire pour plusieurs désign,
    merci de me répondre par email

  • #35

    Jimdo France (lundi, 20 juillet 2015 08:51)

    Bonjour @AloeVeraSanté.net, effectivement c'est une option manquante dans l'index des designs. Merci pour votre remarque.
    Les designs qui ont une navigation fixe sont : Melbourne, Miami, Rome et Bordeaux.

    Très bonne journée. L'équipe
    Ps : n'hésitez pas à nous envoyer vos demandes au support si vous souhaitez une réponse par e-mail ;)


  • #36

    Presenter dubai (lundi, 29 août 2016 13:57)

    Your blog is extremely brilliant. Quality contents are here.

  • #37

    Web design Cairo (mercredi, 21 septembre 2016 11:11)

    Very knowledgeable blog information about wholesale clothing, i like this.