Projets in English

Portfolio V1

A screenshot of the website's landing page, with a big bold welcome.

La version 1.0 du portfolio est le premier projet de développement personnel que j'ai réalisé depuis mon arrivé à Ada Tech School. Il fallait qu'il présente les projets sur lesquels j'avais travaillé, qu'il fournisse les liens vers mes autres pages de réseaux sociaux et qu'il inclue des informations sur moi-même. De plus, il devait être disponible en anglais et en français.

Tech stack et outils

Inspiration du design

Capture d'écran du site web de Cognac Godet montrant du gros texte avec des images entre certains mots.
J'ai aimé le texte serif avec des images entre les mots de Cognac Godet.
Le site web d'Amie, avec une barre de navigation semi-transparente.
Quand le nouveau site web d'Amie a été publié, j'ai tout de suite été attiré par sa barre de navigation. J'ai expérimenté plusieurs designs, mais je revenais toujours à un design similaire.
Le site de Pedro Duarte en mode sombre, très simple et minimaliste.
J'ai apprécié l'aspect simple et propre du site web de Pedro Duarte. Par conséquent, mes pages consacrées aux analyses de projet ont fini par ressembler à ses articles de blog. Excellent site web, Pedro !
Un diagramme de bouton avec toutes ses ombres et couleurs expliquées.
J'ai utilisé le guide des boutons de Farrel Putra pour créer les étiquettes de mon portfolio. Une technique très minimaliste qui donne de très bons résultats.

Iterations

Une capture d'écran du fichier Figma utilisé pour explorer toutes les possibilités de conception.

1ère itération - police mono, fond blanc, page unique avec de nombreux liens.

2ème itération - mode sombre, un bloc de texte avec des liens en surbrillance.

3e itération - barre de navigation, grand message de bienvenue et deux paragraphes.

4ème itération - barre de navigation en haut, message de bienvenue, et paragraphes avec images et entre les mots.

Produit final

Capture d'écran montrant la barre de navigation ouverte sur l'onglet projets.

Capture d'écran montrant la barre de navigation ouverte sur l'onglet des notes.

Un grand merci à ceux qui m'ont aidé