20 meilleurs portfolios étudiants en 2023
Publié: 2023-01-20Êtes-vous à la recherche des meilleurs portfolios d'étudiants et exemples de sites Web parce que vous souhaitez créer le vôtre pour vous démarquer de la masse ?
Voici un petit secret dont personne ne parle : rien qu'en ayant une présence en ligne, vous faites preuve de professionnalisme et de sérieux.
Et mieux encore, il n'est pas nécessaire que ce soit le site Web parfait !
Hé, nous parlons de portfolios créés par des étudiants, qui sont beaucoup plus basiques que les exemples que nous avons ajoutés à notre meilleure collection de sites de portfolios.
Mais ce sont les champions de cette catégorie (pour info : il fallait en passer 95 pour faire une liste des 20 meilleurs).
N'oubliez pas que vous pouvez créer non seulement un thème similaire MAIS BEAUCOUP meilleur avec ces thèmes WordPress de portefeuille pour un petit investissement. Ou faites passer les choses au niveau supérieur avec un constructeur de site Web de portefeuille.
Meilleurs portfolios et idées d'étudiants
1. Kayla Padilla
Construit avec : Squarespace
Le site Web du portfolio étudiant de Kayla Padilla est minimaliste, avec beaucoup d'espace blanc qui garantit une excellente expérience de lecture. Ce qui est cool, c'est que Kayla a un curseur avec ses citations préférées au lieu de références et de témoignages.
De plus, la barre de navigation simple vous amène aux informations nécessaires, aux médias sociaux et aux contacts.
Remarque : Gardez une conception de site Web minimaliste pour que votre contenu se démarque davantage.
Nous sommes sûrs que ces exemples ultimes de sites Web Squarespace offriront également un excellent exercice créatif.
2. Kabel Michka Ligot
Construit avec : Squarespace
Kabel Mishka Ligot est un autre excellent exemple de site Web simple au design épuré. L'en-tête transparent disparaît lors du défilement mais réapparaît lorsque vous faites défiler vers le haut, améliorant ainsi l'expérience utilisateur.
Remarque : Utilisez un en-tête qui disparaît/réapparaît pour améliorer l'expérience utilisateur de votre site Web étudiant.
3. Devansh Gandhi
Construit avec : Squarespace
Devansh Gandhi crée une présence en ligne avec deux pages et des liens vers le CV, Twitter et Dribble.
La section héros de sa page d'accueil contient du texte sur un fond uni, suivi de quelques exemples de ses œuvres.
Remarque : Gardez votre zone de héros sans image, en utilisant seulement une biographie d'une phrase (d'accord, deux).
Pour plus d'alternatives, consultez notre meilleure collection de sites Web de CV.
4. Brandon San
Construit avec : Weebly
Contrairement à Devansh, Brandon San utilise une grande image de héros avec une superposition de texte et un en-tête transparent. Ce dernier flotte en haut de l'écran, vous n'avez donc pas besoin de revenir en arrière pour accéder à la barre de navigation.
N'oubliez pas qu'il s'agit d'un site Web Weebly gratuit. c'est pourquoi il a l'annonce flottante dans le coin inférieur gauche.
Remarque : adoptez un niveau plus personnel avec vos visiteurs en affichant une image de vous-même au-dessus du pli.
5. Dalya Vert
Construit avec : Wix
Dalya Green est un site Web étudiant avec un fond dégradé intéressant dans la zone des héros. Outre le texte, vous pouvez également appuyer sur le bouton dans le coin inférieur droit pour voir des faits amusants, qui apparaissent sous forme d'autocollants (cliquez dessus et vous verrez).
De plus, ce site Web Wix a une superbe conception d'écran partagé pour présenter certaines des œuvres et un e-mail cliquable et WhatsApp. De plus, il y a un bouton de retour en haut pour éviter le défilement.
Remarque : Un bouton de retour en haut est un détail pratique pour améliorer l'expérience utilisateur.
6. Karn Imwattana
Construit avec : Squarespace
La page d'accueil de Karn Imwattana est une page à propos avec une image en haut et du texte en bas. Son site Web étudiant comporte une barre de navigation de base avec une icône Facebook et un pied de page encore plus basique.
Remarque : Utilisez votre page d'accueil pour écrire sur vous-même, tandis que d'autres pages internes pour les projets, CV, etc.
7. Mingxi Wu
Construit avec : Squarespace
Mingxi Wu est un site Web de portfolio d'étudiants en plein écran avec un arrière-plan animé, une superposition de texte et des liens vers des œuvres. Mais vous pouvez aussi accéder au(x) portefeuille(s) via le menu. De même, vous pouvez consulter le profil LinkedIn de Mingxi via le lien dans la barre de navigation.
Remarque : Utilisez une page d'accueil à une seule section avec une image ou une vidéo d'arrière-plan en plein écran (ou même un curseur).
8. Kayla Valane
Construit avec : Squarespace
Alors que le site Web de Kayla Valane donne l'impression qu'il ne s'agit que d'un tas de texte sur fond noir, les choses deviennent beaucoup plus excitantes une fois que vous survolez le texte. L'effet de survol révèle différentes images relatives au sujet.
Outre la page domicile / travail, Kayla n'a qu'une seule page de plus qui en dit plus sur elle-même.
Remarque : au lieu d'utiliser un design clair, vous pouvez vous amuser avec un design sombre pour une sensation plus premium.
9. Cristina Clérici
Construit avec : Squarespace
Cristina Clerici a un site Web de portfolio étudiant de trois pages, divisé en accueil, recherche et contacts.
La page d'accueil commence par une courte biographie et un lien vers le CV, ainsi qu'une image. Ce site a un en-tête flottant simple mais pas de pied de page.
Remarque : créez une page sans pied de page pour une apparence plus soignée.
10. Florence Chen
Construit avec : Squarespace
Florence Chen a une grande image de héros avec un effet de parallaxe, un titre et un texte. L'en-tête est léger et simple, tandis que le pied de page comporte un bouton de retour en haut et des liens vers les réseaux sociaux.
La seule autre chose sur la première page est une biographie qui vous familiarise avec Florence sur place.
Remarque : Ajoutez un effet de parallaxe pour une sensation plus engageante.
11. Ashley Cortez
Construit avec : WordPress
Ashley Cortez est un site Web WordPress gratuit avec une ambiance minimaliste avec une image et du texte dans l'image du héros et des onglets de menu supplémentaires ci-dessous (au cas où vous n'y accéderiez pas dans la barre de navigation principale).
Le pied de page est juste un simple "Merci de votre visite!" (ce que personne ne fait !) et les icônes des réseaux sociaux.
Remarque : Vous pouvez toujours créer un beau site Web étudiant, même si vous utilisez une plateforme gratuite.
12. Nathan Koch
Construit avec : Squarespace
Ce qui est unique sur le site de Nathan Koch, c'est le très grand patch d'espace blanc au-dessus du pli avec du texte en bas. Cela donne un aspect plus propre au site Web, en mettant davantage l'accent sur le texte.
L'en-tête et le pied de page conservent la même couleur d'arrière-plan que la base pour conserver intact le design minimaliste.
De plus, vous trouverez également une chronologie avec une expérience de travail et un "contact" qu'il est impossible de manquer.
Remarque : Beaucoup d'espace blanc, lorsqu'il est bien fait, peut très bien fonctionner.
13. Canton
Construit avec : Squarespace
Même si le site Web étudiant de Kantwon est simple, il contient de nombreux détails et éléments accrocheurs qui améliorent l'aventure de défilement. Astuce : Kantwon utilise beaucoup d'emojis sur la mise en page de son site Web d'une page.
Remarque : Nous avons tous l'habitude de nous exprimer avec des émoticônes, alors pourquoi ne pas les utiliser également sur votre site Web ?
14. Matti Scherzinger
Construit avec : Webflow
Il est prouvé qu'un texte d'introduction sur fond uni dans la section héros peut capter l'attention des visiteurs.
Matti Scherzinger en est bien conscient et continue sa page d'accueil avec des exemples de projets et un pied de page avec des liens vers les réseaux sociaux et les e-mails.
Remarque : Utilisez du texte pour susciter l'intérêt des visiteurs (avec des caractères gras et des majuscules).
Nous avons également beaucoup apprécié la conservation des meilleurs sites Web Webflow pour votre commodité.
15. Onyekachi Nwabueze
Construit avec : Webflow
Onyekachi Nwabueze a un site Web très interactif avec une animation cool et accueillante au-dessus du pli.
Ce site Web personnel a un défilement unique tout en conservant une atmosphère simple (avec des images plus grandes).
Remarque : Si l'utilisation de texte uniquement dans la section des héros semble ennuyeuse, pimentez-la avec une animation accrocheuse.
16. Cydney Vicentine
Construit avec : Webflow
Si Nathan Koch utilise beaucoup d'espace blanc et peu de texte au-dessus du pli, Cydney Vicentina utilise un GRAND titre et un texte qui remplit la majeure partie de l'écran. Mais l'espace blanc est toujours là pour assurer une grande lisibilité.
De plus, la page d'accueil comporte plusieurs sections pleine largeur qui présentent des œuvres, avec des liens pour afficher les projets en détail.
Remarque : Utilisez de grandes sections avec des images d'arrière-plan pour présenter avec audace vos travaux et projets.
17. David Luong
Construit avec : Squarespace
David Luong est un autre excellent exemple de site Web sombre avec une biographie dans la zone des héros, suivie d'une grille de projets et d'implications passés.
Le menu collant vous permet de passer d'une page à l'autre beaucoup plus facilement, tandis que le pied de page ne contient que des icônes de médias sociaux.
Remarque : Créez une grille avec des liens vers plus d'informations sur vos travaux, projets et expériences.
18. Dalya Baron
Construit avec : Wix
Dalya Baron a une image circulaire d'elle-même avec un court texte sur moi accompagné de liens circulaires (menu) vers d'autres sections.
Alors que l'ensemble du site Web utilise le même arrière-plan, le pied de page est séparé par une ligne, ce qui est un détail agréable et simpliste.
Remarque : Ajoutez votre texte à propos de moi sur la page d'accueil, afin que tout le monde puisse rapidement en savoir plus sur vous.
19. Hannah Salyer
Construit avec : Wix
Hannah Salyer gère un site Web étudiant d'une page avec un en-tête flottant qui vous guide plus facilement à travers les sections. Cependant, Hannah a ses catégories de portefeuille sur des pages séparées pour garder la page principale plus simple.
Le pied de page contient des informations supplémentaires et des liens, ainsi qu'un formulaire de contact.
Remarque : Utilisez un menu flottant sur un site d'une page pour parcourir les sections plus rapidement.
20. Isabelle Ngan
Construit avec : Webflow
Isabel Ngan sait pencher vers le minimalisme avec son design web responsive mais en même temps l'enrichit de touches créatives.
Parce que ce site Web étudiant n'a pas d'en-tête flottant, le bouton de retour en haut est très pratique.
Nous aimons également voir que le contenu se charge pendant que vous faites défiler, ce qui lui donne une expérience plus agréable.
Remarque : Allier simplicité et créativité peut rendre la navigation sur votre site plus excitante.