Les couleurs

Lors de la création de mon site, j'ai choisi un fond de couleur neutre, le blanc pour favoriser la lecture et alléger la page. Ma couleur d'accent est la même que celle de mon logo, ce qui créer un lien clair entre la compagnie et le site. De plus, cette couleur s'agence bien avec le blanc puisque ce n'est pas une teinte trop pâle. En conservant cette couleur pour mes accents, j'évitais d'ajouter trop de couleur à mon site, ce qui peut être désagréable. J'ai choisi d'écrire en noir sur la majorité de mon site puisque cette couleur crée un bon contraste avec le fond blanc. Dans mon entête, le texte est écrit en blanc parce que c'est l'autre couleur du logo et parce que la lecture était plus facile. La couleur de mon logo est une teinte d'orange qui se rapproche au sentiment de la joie. J'ai fait ce choix pour deux raisons. Premièrement, la couleur m'attirait visuellement et deuxièmement, la nutrition et la perte de poids peuvent être des sujets très difficiles pour certains, alors je voulais rendre la page la plus joyeuse possible.

La typographie

Sur toutes les pages de mon site, j'ai choisi de conserver la même police pour le re rendre le plus professionnel possible. J'ai utilisé la même taille de police pour chacun des différents éléments de la page. Par exemple, le titre général ainsi que les titres des sections sont toujours écrits en "h1" alors que les titres des sous-sections sont écrits en "h3". J'ai utilisé la police Arial sans empattements pour faciliter la lecture et suivre les règles établies pour la lisibilité sur les écrans. Je n'ai utilisé les lettres majuscules qu'en début de phrase pour ne pas donner l'impression de crier. J'ai aéré le texte le plus possible pour faciliter la lecture, tout en évitant d'allonger les pages inutilement.

Les groupements et les composantes de saisie

Tout au long du site, les informations sont regroupées entre elles et les sections sont faciles à identifier grâce aux sous-titres. Par exemple, sur la page du formulaire d'inscription, j'ai séparé les informations personnelles des informations de livraison pour faciliter l'entrée de données. Je les ai séparées par de l'espace, mais aussi en les encadrants en couleur. J'ai toujours choisi la composante de saisie que je jugeais la plus appropriée pour l'information demandée. Peu importe la disposition de la page, j'ai toujours laissé un espace entre les colones et les lignes pour éviter que la page soit trop pleine ou illisible.

L'homogénéité

Comme mentionné plus tôt, j'ai conserver la même couleur et taille de police pour les éléments sur toutes les pages. De plus, toutes mes pages ont la même entête permettant d'accéder aux autres pages. En plus de l'entête, chaque page est "écrite" dans un cahier, ce qui donne encore plus l'impression que les informations sont reliées entre elles. Certaines pages comme celle d'inscription et de recette ont une couleur de fond sur certaines parties pour aider à différencier les différentes composantes, mais la couleur se rapproche d'une des couleurs du logo..

Guidage

Puisque toutes les pages ont la même entête, le logo est présent sur toutes et permet de retourner à la page d'accueil. À côté du logo, il y a la barre d'accueil qui permet de naviguer d'une page à l'autre. J'ai choisi d'accentuer sur quelle page nous sommes dans la barre de menu en le mettant en gras. J'ai décidé de ne pas faire une mise en évidence trop drastique, puisque le titre de la page est écrit relativement gros au début.