CDst-CAT

Nos peaux de bananes

Ouïe ouïe ouïe ça fait mal

En 2021, 81% de nos visiteurs viennent sur mobile. Leur taux de rebond s’élève à 62,15 %, contre 40,24% sur ordinateur et 46,31 sur tablette.

Pourquoi créer cette page ?

Simplement pour faire le point sur le fonctionnement des blocs sur support mobile, la taille de leurs titres et textes, leur fonctionnalité.

Quel est notre objectif ?

Tout simplement les trier en trois catégories :

  • Fonctionne très bien
  • À améliorer
  • À jeter quand le site sera réorganisé

C’est partie pour une petite revue de blocs !

Ce bloc texte est le premier.

Mais avant de commencer, arrêtons nous quelques instants sur la photo de têtière

Trouver une bonne photo de têtière est long. Ce n’est pas du tout facile d’en trouver une qui s’adapte autant au format paysage (écran d’ordinateur) qu’au format carré (smartphone). Le sujet doit être forcément centré. Honnêtement, quand je monte une page, j’en arrive à espérer qu’on la supprime? Doit-on en arriver là ?

Bloc image

Gerard Fayet / TC-Dome

Je le trouve très sympa sur support mobile, et vous ? Petite remarque : le texte est un peu trop gros. Et il est important d'être bref. Sur écran d'ordinateur, la photo est par contre très grande et difficile à caser sans perdre le fil de lecture

Bloc slider

Bloc vidéo

Pourquoi avoir choisi cette vidéo ? Parce qu'on l'aime beaucoup !

TOP10 des sites touristiques incontournables

Bloc colonne

Bloc gauche droite

Si si, c’est celui là je vous assure !

Pour moi c’est parfait, on ne touche pas.

FRAC Auvergne
Image à gauche et texte à droite

C'est l'expo de Miryam Haddad au FRAC

Pour créer ses œuvres Miryam Haddad utilise son imagination, mélange des formes, des couleurs, des animaux, des décors et des personnages pour composer des mondes imaginaires qui semblent tout droit sortis d'un rêve ! 

Dans cet univers, un lion se mue en une sphinge à la placidité menaçante ; un héron se dresse, solennel, dans un paysage de chaos crépusculaire ; un crocodile gueule béante fraye parmi les ruines d’un temple antédiluvien...

FRAC Auvergne
Clermont Auvergne Métropole - J. Damase
Image à droite et texte à gauche

C'est l'exposition Jacques Callot au MARQ

Cette exposition-dossier propose de redécouvrir quelques œuvres emblématiques d’un artiste contemporain au cycle d’Effiat, de ses débuts en Italie à la fin de sa carrière à Nancy.

À coté des eaux-fortes de Jacques Callot, quelques toiles attribuées à son neveu Claude Callot (1620-1687) rappellent l’influence exercée par le maître de l’estampe dès la deuxième moitié du XVIIe siècle.

Ne vous fiez pas aux apparences ! Le texte de présentation ne motive pas le déplacement, mais l'exposition vaut le coup.

Jacques Callot, génie de la gravure

Bloc galerie

C’est tout de suite plus sympa quand on clique sur une photo. Mais vous voyez la galerie en bas de l’écran ?

Bloc instagram

Bloc Parallax

Oh c'est tout noir !

Il ne fonctionne pas

Je crois que tout le monde est d'accord, on vire !


Passion rugby avec l’ASM Experience

Bloc maps

C’est vraiment dommage de le bloquer à 20 fiches apidae. Je voulais m’en servir pour faire remonter les hébergements le long de la GR89, en intégrant le tracé GPS. Cela n’a pas été possible à cause de cela.

Bloc téléchargement

À moins de 2 km de la GR 89

Bloc testimonial

Il est parfait !

FRAC Auvergne
Miryam Haddad Artiste peintre

Venez voir mon expo au FRAC parce que franchement, je suis bourrée de talents ! Mes toiles sont trop belles, avec plein de couleurs, inspirés de croyances ancestrales proche du monde fanstasmagorique (c'est un mot que j'adore, même si je ne suis pas sûre de savoir ce qu'il dit).
Et au fait, ce n'est pas moi qui parle mais Elsa. Mais ça il ne faut pas le dire !

Bloc relation

Oups, les photos ne fonctionnent pas toutes…

Bloc top 10

Les 5 étapes d’une journée parfaite

Un bon petit déjeuner

1 Faites vous plaisir avec

Que vous soyez thé ou café, impossible de résisiter aux bonnes viennoiseries de nos boulangeries clermontoise. Idéal pour bien démarer sa journée !

Nos salons de thé & adresses gourmandes

Visitez une belle exposition

2 Ouvrez votre esprit

Le musée Bargoin ouvre à 10h. Profitez du calme matinal pour parcourir  en toute sérénité les relevés archéologiques dessinés dans les années 1920 par Marcelle Baud. Chaque détail est soigné et précis. Et quelle femme cette Marcelle ! Partir en expédition est révolutionnaire  à son époque. 

Traits d’Egypte, Marcelle Baud

Une bonne truffade

3 Déjeuner frugal

Connaissez-vous l’origine du mot truffade ? Il provient du mot auvergnat trufada, signifiant pomme de terre. Ce plat simple est composé de tome fraîche de Cantal, de poitrine de porc fumée, et de pommes de terre sautées. Il se déguste avec du jambon cru d’Auvergne et de la salade.

Régalez-vous avec une bonne truffade

Randonnez au cœur des volcans d'Auvergne

4 Maintenant, il faut l'éliminer cette truffade

Inutile d'aller trop loin ! Avec ses 300 km de sentiers balisés, la nature environnante de Clermont Métropole est facilement accessible par les transports en commun.
Grande randonnée, balade découverte en famille, itinéraire en VTT, course à pied, chacun trouvera une activité de plein air à sa portée le temps d’une ou plusieurs journées.

Partez en randonnée
Joël Damase

Royatonic

5 Instant bien-être bien mérité

Profitez des bienfaits d’une eau à plus de 30°C et de bassins à différentes températures (frigidarium, caldarium, tépidarium…), ainsi que de saunas, hammams et salles de repos.
Des animations relaxantes et dynamisantes sont à découvrir tant à l’intérieur que dans le bassin extérieur : jacuzzi, buses hydromassantes, lits à bulles, cascades et jets de massage. Et le vendredi en nocturne, l’ambiance fitness et wellness permet à chacun de trouver la formule idéale pour bien finir la semaine.

Bloc FAQ

Oh oh oh, les titres doivent être courts…

Foire aux questions

Là, je vais mettre un peu n'importe quoi, la page commence à être un peu longue et je manque d'idées.

Comment s'organiser

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat. Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium a, enim. Pellentesque congue. Ut in risus volutpat libero pharetra tempor. Cras vestibulum bibendum augue. Praesent egestas leo in pede. Praesent blandit odio eu enim. Pellentesque sed dui ut augue blandit sodales. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Cur

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat. Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium a, enim. Pellentesque congue. Ut in risus volutpat libero pharetra tempor. Cras vestibulum bibendum augue. Praesent egestas leo in pede. Praesent blandit odio eu enim. Pellentesque sed dui ut augue blandit sodales. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Cur

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat. Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium a, enim. Pellentesque congue. Ut in risus volutpat libero pharetra tempor. Cras vestibulum bibendum augue. Praesent egestas leo in pede. Praesent blandit odio eu enim. Pellentesque sed dui ut augue blandit sodales. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Cur

Bloc mise en relation APIDAE

La boutique de l'office