Mise en contexte
Amandine est étudiante en architecture. Avant de se lancer dans le milieu professionnel, elle avait besoin d’un support capable de présenter son travail autrement qu’à travers un dossier PDF envoyé par mail.
Enseignant à l’université, nous accompagnons régulièrement des étudiants dans la création de leur portfolio en ligne. Ce contact direct avec le milieu académique nous permet de bien connaître leurs contraintes : peu de budget, un besoin de résultat rapide et surtout des attentes visuelles très spécifiques selon la filière.
L’objectif était ici de disposer d’un portfolio en ligne, consultable en quelques secondes par une agence ou un recruteur, et suffisamment sobre pour laisser toute la place aux projets.
Objectifs du projet
présenter clairement les projets réalisés durant sa formation
valoriser son parcours et ses expériences
afficher les logiciels qu’elle maîtrise
adopter une direction artistique fidèle aux codes de l’architecture
rester parfaitement consultable depuis un téléphone
Mettre les projets au premier plan
Le cœur du portfolio repose sur la présentation des projets. Chaque réalisation dispose de son propre espace, avec une place prépondérante laissée aux visuels : plans, perspectives et maquettes.
Le parti pris a été de réduire le texte au strict nécessaire. Le visiteur regarde d’abord, lit ensuite. Cette hiérarchie reprend la manière dont un dossier d’architecture est réellement consulté en agence.
Valoriser le parcours et les expériences
Une section dédiée retrace les expériences déjà acquises : stages, projets d’école et travaux personnels.
Pour éviter l’effet liste statique, cette section s’appuie sur une animation au défilement : les expériences apparaissent progressivement à mesure que le visiteur descend dans la page. Le rendu reste sobre, mais le site gagne en dynamisme et la lecture du parcours devient plus rythmée.
Présentées sous forme de parcours chronologique, ces informations permettent à un recruteur de situer immédiatement le niveau et la progression d’Amandine, sans avoir à ouvrir un CV séparé.
Afficher la maîtrise des outils
Le portfolio met également en avant les logiciels maîtrisés par Amandine : Archicad pour la conception et la modélisation, Twinmotion pour le rendu et la mise en situation, et Procreate pour les croquis et illustrations.
Dans un secteur où la compétence technique est un critère de sélection direct, cette section répond à une question que se pose systématiquement une agence avant un entretien. Elle est volontairement placée après les projets : les réalisations légitiment les outils, pas l’inverse.
Une structure de site simple et directe
L’architecture du site a été pensée pour être comprise sans effort.
Le travail a porté sur :
une navigation courte, sans sous-menus inutiles
des sections clairement identifiées
une lecture linéaire, du plus important au plus contextuel
un rythme visuel régulier d’une section à l’autre
Cette sobriété n’est pas un manque de contenu, c’est un choix de direction artistique : beaucoup de blanc, une typographie unique, une grille stricte.
Une expérience pensée pour le mobile
Une large partie des consultations se fait depuis un téléphone, souvent après un premier contact ou l’envoi d’un lien.
Le portfolio a donc été entièrement adapté au format mobile : les visuels restent lisibles, les projets se parcourent d’un seul geste et la mise en page conserve la même respiration que sur ordinateur.
Rendu final
Le portfolio a été conçu et développé sur Framer. Il offre aujourd’hui à Amandine un lien unique à transmettre pour candidater, avec un rendu à la hauteur des exigences visuelles du milieu de l’architecture.
