Hello World

01/ Concept

Pour ce premier projet, l’idée était de se familiariser avec l’environnement de la création et la gestion d’un site web et de son hébergement. Il m'a permis de comprendre comment acquérir un nom de domaine et d’y ajouter des dossiers et fichiers. De plus, ce travail m'a intoduit aux normes W3C et la sémantique propre à l’HTML et le CSS afin d’adopter un début de création propre.

Finalement, mes premières esquisses dans la hiérarchie visuelle et le design UI/UX sont visibles dans ce projet.

02/ Direction Artistique

Typographie

J'ai choisi d'utiliser une police particulière pour le titre, un peu carré, Zen Dots. L'idée était d'être en adéquation avec le titre, souvent référence aux premiers pas dans l'apprentissage d'un language de programmation.

Pour le corps de texte, j'ai opté pour une police simple et basique pour ne pas trop surcharger la lecture.

Palette de Couleurs

Le choix ici n'a pas été très poussé. Je voulais seulement un couleur douce pour le site avec en complément, un version plus saturée pour le footer. La police est quant à elle noire.

Hiérarchie Visuelle

J'ai utilisé un rappport hiérarchique de 1,118 avec comme base de texte, 16 pixels. Il n'ya pas eu beaucoup de réflexion à ce sujet car je ne comprenais pas encore l'impact d'un bon rapport.

03/ Mise En Forme

L'écriture fut assez simple et j'ai choisi de prendre un ton philosophique. Le site est aligné sur la gauche, limité par mes capacités à ce moment. J'ai cependant beaucoup travaillé sur mon choix de longueur de ligne en vue de rendre le site un minimum agréable.

04/ Résultat

05/ Introspection

Ce premier projet m'a permis de comprendre les aspects qui englobent la création d'un website fonctionnel. La gestion d'hébergement m'a paru dans un premier temps assez compliqué. De même que pour la conception visuelle verticale.

Visiter le projet