ven.

26

juil.

2013

6 astuces pour améliorer le design de votre site !

Vous possédez un site Jimdo mais ne savez pas vraiment comment le rendre plus joli, plus attractif ? Nos Jimdo Experts peuvent bien sûr vous aider à améliorer la qualité visuelle de votre site. Mais si vous souhaitez le faire vous-même, voici ici 6 conseils design simples qui peuvent faire la différence !

1. Commencez avec de belles images.

Image pour créer un site Jimdo extraordinaire

 Choisissez une image de préférence en haute résolution pour votre fond (1800*1200 px minimum). Assurez-vous qu'elle soit visuellement intéressante tout en veillant à ce qu'elle ne soit pas trop chargée pour éviter de distraire les visiteurs de votre contenu ou rendre votre site illisible.


Vous pouvez choisir une photo prise par vos soins ou bien utiliser des images de photographes professionnels dans une banque d'images.

2. Rendez vos textes lisibles.

Jouez avec les contrastes pour rendre vos textes lisibles sur votre image de fond. Faire apparaître votre texte directement au dessus de l'image de fond peut rendre votre site totalement illisible et faire fuir vos visiteurs !

Utiliser un fond spécifique pour votre texte

                   À éviter

           Recommandé


3. Vérifiez vos alignements.

En fonction de l'image que vous utilisez et notamment si vous utilisez notre nouvelle fonction fond d'écran animé, vous devrez probablement aligner votre contenu sur la droite ou la gauche. Avec une mise en page équilibrée entre fond et contenu, vous serez sûrs d'attirer les visiteurs avec votre image captivante et de les retenir avec du contenu intéressant.

Site Jimdo dont le contenu est aligné à droite

4. Optez pour le plein écran.

Une superbe image en plein écran constitue une bonne base pour créer un superbe site Internet. Aprés avoir chargé votre image de fond (de préférence en haute résolution), assurez-vous de la paramétrer en plein écran. 

Jimdo- répétition image de fond à éviter
La répétition de l'image de fond est à éviter

En effet, la répétition verticale ou horizontale de cette image en fond rend votre site "kitsch" et beaucoup moins lisible. Privilégiez cette répétition si vous avez une idée de style bien spécifique.

Jimdo - Ajuster votre fond en plein écran

 Pour régler votre fond d'écran en mode "plein écran", rendez vous dans :

 

Style > fond personnalisé > Options pour l' arrière plan

 

Attention, tous les designs Jimdo ne sont pas compatibles avec l'option "fond personnalisé".

5. Allégez votre en-tête (header)

Évitez la surenchère d'images et utilisez plutôt une image transparente dans votre header. Choisissez la simplicité, mettez juste un titre dans votre header — un titre unique en haut de page sur un fond personnalisé rend merveilleusement bien à l'écran.

Ne pas utiliser image de fonc

 

Pour obtenir un header transparent, rendez-vous dans :

 

 

> Modifier le header > Galerie  et choisissez la première proposition. Votre texte de header ressortira mieux sur votre site.

6. Bonus : une vidéo en arrière-plan

Vous voulez un design encore plus original pour votre site ? Utilisez notre nouvelle fonction vidéo en arrière-plan qui vous ouvre de nouvelles perspectives de design ! Si vous avez une belle vidéo de fond, votre site se démarquera vraiment des autres

Jimdo- Insérer une vidéo en arrière plan

Pour insérer une vidéo en fond de votre site, c'est très facile, rendez-vous dans le menu :

 

> Styles > Fond personnalisé > Vidéo

 

Copiez l'adresse de votre vidéo (préalablement chargée sur Youtube ou Vimeo) et c'est parti ! Et cliquez ici pour plus de détails sur cette fonction.

Exemple de site avec une vidéo en fond d'écran.

Et maintenant à vous de jouer sur votre site Jimdo !

Lucas, community support france

Lucas Lefèvre

Community support France


Suivez-nous !

Devenez fan de Jimdo France sur Facebook ou suivez-nous sur Twitter, nous vous recommanderons des widgets pour votre site, et vous donnerons aussi des conseils en web design, référencement et plus encore ! 


Écrire commentaire

Commentaires : 25
  • #1

    theveux nicole (jeudi, 01 août 2013 12:29)

    merci pour tous vos petits trucs et pour améliorer la visibilité.
    Bonne continuation

  • #2

    Ze Tuto (jeudi, 01 août 2013 14:01)

    Merci pour ces astuces Jimdo ! ;)

  • #3

    Jimdo Expert ZKW (jeudi, 01 août 2013 16:00)

    Merci Lucas pour ces conseils judicieux !
    Bonne journée à tous. Olivier

  • #4

    joailettes35 (jeudi, 01 août 2013 18:54)

    Toujours des conseils pratiques
    Merci !!!!!!

  • #5

    Armelle (vendredi, 02 août 2013 17:45)

    Merci pour toutes ces explications bien utiles.

  • #6

    maxalfred (vendredi, 02 août 2013 22:11)

    Merci, nous allons essayer de ne rien oublier

  • #7

    Antoine Mallet - ColorInside (mardi, 06 août 2013 09:56)

    Excellent article, il est évident de constater que Jimdo prend énormément soin de sa communauté avec des astuces percutantes et concrètes : même en période de vacances ! ...1001 Merci !

  • #8

    giteisalain (mardi, 06 août 2013 15:37)

    merci, c'est clair et profitable !

  • #9

    L'Atelier du Perroquet (samedi, 10 août 2013 16:46)

    Vous faites du bon boulot! MERCI! :D

  • #10

    Happlay (dimanche, 18 août 2013 15:59)

    Très bonnes astuces pour la communauté !

  • #11

    aloeverasante (lundi, 19 août 2013 02:02)

    Oui sympa
    mais j'aimerais bien voir ce que donne une vidéo en ar plan avant de le faire

  • #12

    Satinbox team (lundi, 19 août 2013 10:32)

    Vous ne verrez plus la version AVANT, mais la nouvelle version de SATINBOX.net a suivi vos conseils ! merci

  • #13

    Tessier (vendredi, 27 septembre 2013 13:50)

    j'ai d'excellents retours grâce à mon site chez vous ! Je lis vos conseils avec attention ...bravo Jimdo !

  • #14

    Studio Yoga République (vendredi, 27 septembre 2013 16:16)

    merci pour tous ces conseils judicieux, c'est bien utile quand on n'est pas du métier !

  • #15

    coonscathya (vendredi, 27 septembre 2013 17:03)

    moi j'aimerais pouvoir mettre des sections differentes et un cadrage plus large ont fait comment?

  • #16

    Eliane (samedi, 28 septembre 2013 11:58)

    Bonjour,
    Pouvez-vous m'expliquer déjà simplement comment vous procédez pour votre exemple des "cupcakes".
    L'image de fond + insérer un texte sur une image. Comment faire ?
    Idem pour votre exemple "alléger votre header". Comment l'avez-vous réalisé ? Prenez-vous un header de jimdo ou l'avez-vous complètement réalisé par vous-même ?
    C'est peut-être une évidence pour certains mais moi je n'ai pas encore compris le truc !
    Merci d'avance.

  • #17

    varassoc@gmail.com (jeudi, 07 novembre 2013 11:06)

    Merci pour tous ces conseils.
    J'ai un problème, quand je fais une modification, je l'enregistre et à la deuxième modification je suis obligée de me déconnecter et de me reconnecter. C'est la première fois que cela m'arrive.J'ai mis le site à jour pour le programme de mon association en juillet et n'ai eu aucun problème à ce moment Là. Aidez moi! D'avance merci

  • #18

    rassoul ba (mardi, 28 janvier 2014 19:02)

    C NICE CE QUE VOUS FAITE TOUT MES AMIS L’APPRÉCIE GRASSE A VOUS NOTRE GROUPE DE RAP ...
    MM COMMENT FAIRE POUR VOIR COMBIEN DE VISITEUR PAR MOIS OU MM PAR JOUR EN SUIVANT NOTRE LIGNE DE CONDUITE

  • #19

    Quelqu'un ! (dimanche, 01 juin 2014 19:23)

    Bonjour l'équipe Jimdo,
    a quand des nouvaux disign ? J'en ai marre des disign actuelle! Du HTML5, DU CSS3 , Du JAVASCRIPT! Svp des nouveaux disign!
    Merci,
    cordialement un utilisateur de Jimdo depuis 2010.

  • #20

    traiteurbassatine (jeudi, 28 août 2014 19:58)

    J AI DES DIFICULT2S POUR TROUVER UNE SOLUTION 0 MON SITE

  • #21

    Équipe Jimdo (vendredi, 29 août 2014 08:26)

    Bonjour @traiteurbasatine. Quelles genres de difficultés avez-vous ? N'hésitez pas à contacter le support pour obtenir de l'aide ! http://aide.jimdo.com/contact/ Bonne journée.

  • #22

    Casquette NY (jeudi, 11 septembre 2014 08:59)

    Idem pour votre exemple "alléger votre header". C

  • #23

    calliprof (mercredi, 15 octobre 2014 05:07)

    Bonjour, j'aimerais savoir où se trouve la fonction "header" dont vous parlez au paragraphe 5 ? Et comment accéder à la galerie de photos Jimdo ? J'espère qu'il y en a bien une car j'ai opté pour Jimdopro.
    Merci pour tous vos précieux conseils.
    Cordialement.

  • #24

    Équipe Jimdo (mercredi, 15 octobre 2014)

    Bonjour,

    Cet article date de l'été 2013: depuis, notre nouvelle interface et notre nouveau menu style sont sortis. Le header a été remplacé par une zone titre et une zone logo sur tous les nouveaux designs. Concernant la galerie de photo, ajoutez simplement un élément "galerie d'images" à votre page.

    Cordialement,

    L'Équipe Jimdo

  • #25

    Trucs et astuces Jimdo (samedi, 28 mars 2015 20:17)

    Toujours utile de rappeler les bases pour avoir un design clair, pas trop chargé et surtout facilement lisible par les internautes.