Choix visuels

Une image avec plusieurs personnes en train de pratiquer des différents sports a été choisie, afin de représenter le sujet du site web : un complexe sportif.
[https://openclipart.org/detail/76813/silhouette-sport-disciplines-set]
L'image a été modifiée afin que les silhouettes soient de couleurs plus distinctes et plus vives, pour rendre le logo plus vif et attirant.
Afin d'embellir le logo, une image en forme de cercle a été ajouté autour de l'image des sportifs. Le cercle a été modifié pour être blanc, afin d'obtenir un meilleur contraste avec la barre de navigation bleue.
[https://openclipart.org/detail/295800/frame-261]
Le texte (le nom du complexe) a été choisi en blanc, une couleur neutre qui ressortirait bien sur le fond bleu de la barre de navigation.
Une police sans serif a été choisie afin d'alléger (visuellement) le logo.
Le logo a été modifié pour avoir un fond transparent, afin d'avoir une allure plus professionnelle et plus belle sur la page (dans la barre de navigation).

Les couleurs sélectionnées se limitent au noir, au blanc, au gris et à quelques variétés de bleu.
Le noir, le gris et le blanc étant des couleurs neutres, elles permettent au site de maintenir une simplicité mature, alors que le bleu permet de rendre le site un peu plus vivant, sans le rendre enfantin.
Les seules autres couleurs sur le site se trouvent dans le logo, permettant alors au logo de plus ressortir,

Les polices "sans-serif",'Gill Sans' et 'Segoe UI' ont été choisies, car ce sont tous des polices sans serif qui sont ainsi plus facilement lisibles.
La H1 et la H4 sont les deux balises d'en-tête les plus utilisées. Elles sont toutes les deux de la police sans-serif. La H1 est d'une taille de 45px, puisqu'elle indique le titre de chaque page, et on veut alors qu'elle ressort bien de la page. La H4 est d'une taille de 24px, car elle indique plutôt les titres des sections du sites, donc on veut qu'elle soit assez grande pour que la page soit bien organisée, sans trop ressortir de la page.
La balise H5 est un peu moins utilisée. Elle a été mise en 25px. Similairement à la H4, la H5 aide à structurer la page. Elle a été mise dans la police Gill Sans, pour la différencier des autres balises d'en-tête, puisqu'elle structure plus spécifiquement les sections dans la page "boutique". Elle est aussi mise en taille 20px dans la page "À propos", puisqu'elle aide à organiser les sous-sections de la section "Nos valeurs".

CONTACTEZ-NOUS

Adresse
1000, avenue Émile-Journault Montréal (Québec) H2M 2E7

Téléphone
514 872-6900