Un pied de page fort peut laisser une impression positive durable à vos visiteurs.
Il existe une multitude de façons créatives de renforcer le facteur cool de vos bas de page en mettant l'accent à la fois sur la forme et sur la fonction. Vous trouverez ci-dessous 10 idées simples pour vous inspirer vers la grandeur du pied de page.
1: Faites-en l'outil de navigation principal
Cela semble fou, non? Pourquoi une personne sensée prendrait-elle la navigation principale, traditionnellement placée dans l'en-tête, et la placerait-elle au bas de la page? Cela va à l'encontre de tant de règles et peut être un désastre absolu pour la facilité d'utilisation. Toutefois, si elle est exécutée correctement, la navigation par pied de page peut être facile à utiliser et rafraîchissante. L'exemple ci-dessus utilise un grand pied de page fixe qui se trouve au-dessus d'une page à défilement. Vous pouvez même quitter le menu de navigation pour afficher le contenu de la page dans toute sa splendeur. C'est une excellente mise en œuvre d'une idée risquée. Bravo à Madfrog pour son originalité.
2: Donnez-lui un? Haut de page? Bouton
Une fonctionnalité que j'aime beaucoup dans un pied de page est un bouton qui vous ramène en haut de la page. Sur de longues pages, vous avez fait un certain défilement au moment où vous atteignez le pied de page et la marche arrière peut être longue. Vous pouvez surmonter cette gêne avec un simple bouton JavaScript qui définit la position du défilement. Voir la mise en œuvre dans les exemples ci-dessus ainsi que sur le pied de page Madfrog du conseil précédent.
3: Donne le contraste
Si vous voulez un pied de page solide, ne laissez aucun doute sur le point de départ. Utiliser une simple ligne ou un graphique pour différencier le contenu principal du pied de page peut aider, mais donner au pied de page une couleur de fond considérablement plus sombre (ou plus claire) va encore plus loin. L'exemple ci-dessus utilise les deux techniques. L’arrière-plan sombre du pied de page contraste agréablement avec l’arrière-plan de la page blanche. Un graphisme attrayant a été ajouté pour que vous puissiez porter votre attention sur le formulaire de contact. Pour approfondir l’exemple, il est également possible d’augmenter ses fonctionnalités en plaçant un simple formulaire de contact dans le pied de page.
4: illustrer le diable
Si vous êtes un illustrateur de talent, le pied de page peut être une excellente occasion pour un élément créatif de rompre avec l'utilité stricte mais nécessaire de la page ci-dessus. Si le pied de page est la dernière chose que voit un utilisateur sur le site, vous pouvez également sortir avec un bang. Les deux sites ci-dessus ont mis en œuvre d’énormes illustrations ridiculement étonnantes qui ne servent à rien au-delà du simple fait de paraître vraiment cool.
5: Pack It avec contenu
Il y a certainement un argument de poids pour garder le contenu du pied de page simple, et croyez-moi, je serais le premier à le faire. Mais il y a aussi beaucoup d'occasions où il est approprié de simplement fourrer un tas de trucs dans votre pied de page (de façon élégante et organisée bien sûr). Les trois sites ci-dessus ont choisi de le faire. Il existe souvent de nombreux contenus, tels que des liens de copie légale et d'archives de blogs, que vous souhaitez que l'utilisateur voie sans encombrer le contenu principal de votre page. Un pied de page surdimensionné est un endroit pratique et logique pour mettre un tel contenu.
Notez, à partir des exemples ci-dessus, qu’il s’agit également d’un bon endroit pour dresser une liste de ressources gratuites pour vos utilisateurs. Quel que soit le type de site que vous avez, fournir une liste de ressources externes gratuites constitue un moyen simple d'ajouter de la valeur à votre site aux yeux de vos visiteurs.
6: Collez votre tête dedans
Vous ne trouvez rien à mettre dans votre pied de page? Essayez votre visage! Si vous créez un blog ou un portfolio, il est approprié d'inclure des informations sur le propriétaire du site (que ce soit vous ou votre client). Ecrivez vous-même une courte biographie pleine d’esprit, jetez-la à côté de votre sale tasse et soudain, votre site se transformera de cool et professionnel en invitant et personnel. Évidemment, les informations de contact sont un complément naturel à cette configuration si vous souhaitez ajouter encore plus de contenu.
7: Faites-en un hub de médias sociaux
Dans la même veine que la personnalisation du précédent conseil, le pied de page est également un endroit naturel pour inclure tous vos divers liens et widgets de médias sociaux (vous savez que vous en avez beaucoup plus pour les médias sociaux). C'est une pratique assez courante pour que le pied de page soit souvent le premier endroit où je cherche des liens sociaux. Ne vous arrêtez pas non plus sur Facebook, devenez fou et ajoutez votre flux Twitter, votre flux Flickr et même un lien MySpace si vous êtes assez malheureux pour en avoir un.
Rappelez-vous simplement de définir chaque style de paix en fonction de votre thème et de donner aux éléments de bas de page un aspect cohérent au lieu de créer une multitude de widgets préfabriqués et mal assortis. L'exemple ci-dessus utilise des fusées et un style CSS pour lier le tout de manière amusante et unique.
8: Le mettre à jour quotidiennement
Une autre fonctionnalité intéressante pour votre pied de page consiste à proposer une idée unique pour une brève fonctionnalité quotidienne qui complète votre site. Essayez de penser à quelque chose d'assez utile qu'un utilisateur puisse vérifier de temps en temps juste pour le voir. L'exemple ci-dessus est un site Web de designer proposant un jeu de couleurs quotidien téléchargeable gratuitement dans le pied de page. C'est à la fois pratique et pertinent pour le public du site. Pensez à qui visite votre site et à ce qui pourrait les intéresser.
9: Lancer une infographie
Le site ci-dessus est le seul exemple que j'ai rencontré qui utilise une infographie interactive dans le pied de page. En conséquence, j'ai passé plus de temps à jouer avec ce pied de page qu'à regarder les autres. Pour avoir une idée de ce que je veux dire par infographie, consultez ce post sur plus de 25 infographies utiles pour les concepteurs Web. Les infographies sont essentiellement un moyen de transmettre des données ennuyeuses de manière intéressante et visuellement créative. Pensez aux informations figurant dans votre pied de page et à la manière dont vous pouvez les présenter de manière plus interactive et attrayante.
10: Donne vie
Un peu d'animation contribue grandement à ajouter un intérêt visuel à votre page.Le pied de page de l'exemple ci-dessus présente des insectes animés dansant autour d'une flamme de bougie. L'effet est un pied de page accrocheur sur lequel vous ne pouvez pas vous empêcher de regarder pendant quelques secondes. Je recommande de garder vos animations simples. Le but est de le rendre attrayant sans trop nuire à votre contenu principal. D'autres idées d'animations subtiles pourraient inclure des couleurs pulsées, des nuages flottants et des tickers défilants.
Conclusion
Voilà, suffisamment de suggestions de pied de page créatives pour vous tenir au courant toute l'année. Utilisez les commentaires ci-dessous pour nous indiquer les exemples que vous jugez les meilleurs et assurez-vous de nous indiquer ceux que nous avons manqués!
Exemples de pied de page trouvés sur Footer Fetish.