mar.

17

mai

2016

10 sites Jimdo utilisant le design Miami

Dans la course entre les designs Jimdo, nous avons déjà analysé les mises en page Rio de Janeiro, Barcelona, Zurich et Rome. Aujourd'hui, direction Miami ! Une fois que vous aurez essayé ce design, vous comprendrez pourquoi c'est l'endroit parfait pour votre site web - et pourquoi il fait partie de nos designs les plus appréciés. Nous avons rassemblé ci-dessous les raisons qui font que vous allez aimer Miami, et 10 exemples de sites réussis qui utilisent cette mise en page. 

Pourquoi vous allez aimer Miami

  • Un large espace logo : Le design Miami a l'un des plus grands espaces consacrés au logo de tous les designs Jimdo, donc si vous avez un logo que vous souhaitez mettre en avant, ce design est fait pour vous !
  • Clair ou sombre ? Tout est possible : Vous pouvez utiliser le design dans une version claire, ou sélectionner une variante sombre pour un style plus contrasté.
  • Flexibilité et liberté : Avec son grand espace contenu et sa sidebar en bas, Miami vous offre de l'espace pour mettre votre contenu exactement où vous le souhaitez, sans contrainte.
  • Menus déroulants et fil d'ariane : Avec Miami il y en a pour tous les goûts. Sa navigation simple peut être placée à droite, à gauche ou bien au centre, et dispose d'un menu déroulant et d'un fil d'ariane : cela permet à vos visiteurs de toujours savoir où ils se trouvent sur votre site.
  • Souplesse : Comme vous le verrez dans les exemples ci-dessous, Miami s'adapte à tous les projets : e-boutiques, blogs, et sites de portfolio.

10 exemples de sites Jimdo créés avec Miami

1. Les grès du Condroz

Notre 1er exemple propose de la pierre pour différents types de constructions : terrasses, parois, escaliers...  Ce qui nous plaît particulièrement sur ce site, c'est sa structure simple et claire : en arrivant sur le site, on sait directement de quoi il s'agit grâce au header et aux 3 rubriques sur la page d'accueil. Les couleurs des titres et textes sont bien accordées avec le logo et les images choisies (pour en savoir plus, lisez notre article de blog sur le sujet).

2. Les Ateliers de Laurène

Vous connaissez peut-être déjà le site des Ateliers de Laurène grâce à l'interview de notre article de blog : Laurène propose sur son site des ateliers DIY (fait main) à Paris. L'image d'arrière plan est très bien choisie car elle encadre parfaitement le logo. Sur son site les visiteurs peuvent directement s'inscrire aux ateliers via son e-boutique, ou suivre des tutoriels sur son blog. Les couleurs utilisées dans les polices de caractère et les photos s'accordent, pour un style très harmonieux.

3. Flcty

Flcty est le blog DIY de Svenja, passionnée de travaux manuels - notamment de tricot. Nous aimons beaucoup le style des images de son blog, sur lesquelles elle a ajouté de jolis textes (vous pouvez obtenir un résultat similaire avec un programme - gratuit - comme Canva). Sur sa page DIY, elle a téléchargé ses photos via l'élément Image placé dans des colonnes pour créer une page catégorie colorée et structurée pour son blog. 

4. Meduana

Voici un autre superbe exemple avec le design Miami et un fond sombre cette fois-ci, qui met parfaitement en valeur les photos présentées. Le site Meduana utilise de forts contrastes et des polices de caractère très lisibles (Nixie One pour les titres et Noto Sans pour les textes des différents paragraphes). L'utilisation des colonnes et des galeries d'image vient parfaire la structure du site.

5. Studio Gespuis

Nous apprécions beaucoup la navigation simple et claire de ce site Jimdo hollandais - tout comme le diaporama d'images. Le syle industriel, fonctionnel et moderne du site reflète bien la thématique et les produits présentés - ils sont par ailleurs parfaitement mis en valeur par les photos de qualité professionnelle.

6. Christian Heuser

Dès qu'on ouvre le site web de Christian Heuser, on découvre ses illustrations colorées et on a envie de sourire :) Grâce aux quatre éléments Image de la page d'accueil, les visiteurs sont guidés directement vers les pages les plus importantes de son portfolio.

Ce site web simple et clair est un bon exemple de mise en page minimaliste, qui laisse toute la place à la créativité du travail et des produits. 

7. Sergio Diaz

La version sombre du design Miami met bien en valeur le portfolio du photographe Sergio Diaz. Les photographes préfèrent très souvent un fond sombre car les couleurs ressortent mieux. Ici la police blanche crée un contraste et est parfaitement lisible. La galerie d'images sur la page d'accueil propose un bel aperçu des photos présentées sur le site, et donne tout de suite envie d'en voir plus... et de partir en voyage !

8. New York & London Bakery

Attention ce site de pâtisseries anglo-saxonnes va vous donner faim !

Le formulaire de contact sur la page d'accueil permet aux visiteurs de contacter rapidement la pâtissière, sans avoir à chercher sur le site pour passer commande. On aime le trait de séparation en forme de fouet pâtissier (sur la page Mes pâtisseries) qui rappelle le logo :)

9. Hoel & Naig

Les illustrations de Pegenn, designer breton, et cet air de vacances qui flotte sur le site  Hoel & Naig nous ont tout de suite conquis. Il a choisi le design Miami pour présenter ses personnages et son e-boutique avec papeterie et cadeaux de naissance.

10. American Dreams déco

Le logo et les larges visuels utilisés plongent tout de suite le visiteur dans l'ambiance du site. Les différentes catégories d'articles de cette e-boutique se retrouvent dans la navigation, claire et facile à utiliser. Et les informations principales comme l'adresse et les réseaux sociaux sont présents sur la sidebar du bas. Les fans d'Elvis vont être ravis ! 

Vous voulez essayer le design Miami sur votre site ? Rendez-vous dans la rubrique Designs dans la barre d'administration de votre site et sélectionnez ce design. Ou bien vous pouvez consulter notre vidéo tutorielle ci-dessous pour plus de détails :

Mathilde Kurtz

Rédactrice web

Écrire commentaire

Commentaires : 9
  • #1

    levi bensoussan (mardi, 17 mai 2016 17:24)

    jadore jimdo

  • #2

    Pierre (mercredi, 25 mai 2016 14:56)

    Bonjour,
    J'aimerais savoir comment obtenir l'effet de défilement de pages du menu (comme dans un blog, dirait-on) sur fonds d'écran d'images successives en arrière-fond; exemples: www.sergiodiaz.net ou www.meduana.fr (plusieurs images comme fonds d'écran) ou http://www.american-dreams-deco.com/ (une seule image).
    Merci déjà.
    Jimdo, c'est top.
    Bien cordialement,
    Pierre (p-h.vdp@hotmail.com)

  • #3

    Jimdo France (jeudi, 26 mai 2016 14:57)

    Bonjour Pierre, nous avons un tutoriel dans notre rubrique d'aide pour créer cet effet de défilement : http://aide.jimdo.com/aller-plus-loin-avec-jimdo/cr%C3%A9er-un-effet-de-d%C3%A9filement-d-image/ Bonne continuation !

  • #4

    LEMONNIER (jeudi, 02 juin 2016)

    En effet c'est extra et j'en suis fier de mon JIMDO ! pour ceux qui aiment aussi l'île Maurice ! et faire un achat immobilier mais aussi pour découvrir l'île www.jinvestyalilemaurice.com

  • #5

    Valérie (vendredi, 03 juin 2016 14:33)

    Bonjour , je voudrais savoir s'il y a un moyen de recadrer les photos qui défilent sur la page d'accueil. Avec le design Miami, la tête est coupé ! comment recentrer ?
    Merci

  • #6

    Jimdo France (mardi, 07 juin 2016 16:21)

    @Valérie : Non il n'y a pas de possibilité pour le moment de recadrer les photos d'arrière-plan. Cette fonction est plutôt faite pour faire défiler des photos "neutres", sans motif particulier. Le mieux serait de simplement remplacer cette photo...

  • #7

    Isabel Fouchécour (lundi, 13 juin 2016 23:06)

    Bonjour, le site de Christian Heuser m'inspire beaucoup. Je voudrais savoir :
    - comment mettre la navigation au centre et en plus gros,
    - comment obtenir l'effet du header : la page et son nom remontent et font disparaître l'image et le nom... et ne laissent plus apparent que la nav et la le contenu de la page...

    Merci beaucoup

  • #8

    BRIERE Martine (jeudi, 08 septembre 2016)

    Je dois créer un site Internet pour une association sociale départementale.
    Le logo n'est pas très grand, je souhaite un espace large car l'information devrait être importante avec photos et textes, colonnes, une side bar à droite de préférence et une navigation avec menu déroulant. pouvez-vous me proposer certains designs - Merci

  • #9

    Jimdo France (vendredi, 09 septembre 2016 13:17)

    Bonjour @Martine, je vous conseille d'essayer les designs Malaga (pour logo plutôt petit avec un espace contenu large et menu déroulant) et Helsinki (sidebar à droite, menu déroulant, large espace contenu) Bonne continuation !