Die 20 besten Studentenportfolios im Jahr 2023
Veröffentlicht: 2023-01-20Suchen Sie nach den besten Studentenportfolios und Website-Beispielen, weil Sie Ihre eigenen erstellen möchten, um sich von der Masse abzuheben?
Hier ist ein kleines Geheimnis, über das niemand spricht: Allein durch eine Online-Präsenz zeigen Sie Ihre Professionalität und Seriosität.
Und das Beste: Es muss nicht die perfekte Website sein!
Hey, wir sprechen von Portfolios, die von Studenten erstellt wurden, die viel einfacher sind als die Beispiele, die wir unserer Sammlung der besten Portfolio-Websites hinzugefügt haben.
Aber das sind die Champions in dieser Kategorie (FYI: Wir mussten 95 von ihnen durchgehen, um eine Liste der besten 20 zu erstellen).
Denken Sie daran, dass Sie mit diesen Portfolio-WordPress-Themes für eine kleine Investition nicht nur ein ähnliches, sondern VIEL besseres erstellen können. Oder bringen Sie die Dinge mit einem Portfolio-Website-Builder auf die nächste Stufe.
Beste Studentenportfolios & Ideen
1. Kayla Padilla
Gebaut mit: Squarespace
Die Studentenportfolio-Website von Kayla Padilla ist minimalistisch, mit viel Weißraum, der ein großartiges Leseerlebnis gewährleistet. Was cool ist, ist, dass Kayla einen Schieberegler mit ihren Lieblingszitaten anstelle von Referenzen und Testimonials hat.
Darüber hinaus führt Sie die einfache Navigationsleiste zu den notwendigen Informationen, sozialen Medien und Kontakten.
Hinweis: Behalten Sie ein minimalistisches Website-Design bei, um Ihre Inhalte hervorzuheben.
Wir sind sicher, dass diese ultimativen Beispiele für Squarespace-Websites auch eine hervorragende kreative Übung bieten.
2. Kabel Mischka Ligot
Gebaut mit: Squarespace
Kabel Mishka Ligot ist ein weiteres hervorragendes Beispiel für eine einfache Website mit einem sauberen Design. Die transparente Kopfzeile verschwindet beim Scrollen, erscheint aber wieder, wenn Sie nach oben scrollen, was die Benutzererfahrung verbessert.
Hinweis: Verwenden Sie einen verschwindenden/wieder erscheinenden Header, um die UX Ihrer Studenten-Website zu verbessern.
3. Devansh Gandhi
Gebaut mit: Squarespace
Devansh Gandhi erstellt eine Online-Präsenz mit zwei Seiten und Links zu Lebenslauf, Twitter und Dribble.
Der Heldenbereich seiner Homepage enthält Text auf festem Hintergrund, gefolgt von einigen Beispielen seiner Werke.
Hinweis: Halten Sie Ihren Heldenbereich bildfrei und verwenden Sie nur eine Biografie mit einem Satz (okay, zwei).
Weitere Alternativen finden Sie in unserer besten Website-Sammlung für Lebensläufe.
4. BrandonSan
Gebaut mit: Weebly
Im Gegensatz zu Devansh verwendet Brandon San ein großes Heldenbild mit einem Text-Overlay und einem transparenten Header. Letzteres schwebt oben auf dem Bildschirm, sodass Sie nicht zurückscrollen müssen, um zur Navigationsleiste zu gelangen.
Denken Sie daran, dass dies eine kostenlose Weebly-Website ist; Deshalb hat es die schwebende Anzeige in der unteren linken Ecke.
Hinweis: Gehen Sie mit Ihren Besuchern auf eine persönlichere Ebene, indem Sie ein Bild von sich „above the fold“ zeigen.
5. Dalya Grün
Gebaut mit: Wix
Dalya Green ist eine Studenten-Website mit einem interessanten Verlaufshintergrund im Heldenbereich. Neben dem Text können Sie auch auf die Schaltfläche in der unteren rechten Ecke drücken, um lustige Fakten anzuzeigen, die als Aufkleber angezeigt werden (klicken Sie darauf, und Sie werden sehen).
Darüber hinaus hat diese Wix-Website ein tolles Split-Screen-Design, um einige der Werke zu präsentieren, sowie eine anklickbare E-Mail und WhatsApp. Außerdem gibt es eine Zurück-nach-oben-Schaltfläche, um das Scrollen zu vermeiden.
Hinweis: Eine Zurück-nach-oben-Schaltfläche ist ein praktisches Detail, um die Benutzererfahrung zu verbessern.
6. Karn Imwattana
Gebaut mit: Squarespace
Die Homepage von Karn Imwattana ist eine About-Seite mit einem Bild oben und Text unten. Seine Studenten-Website verfügt über eine einfache Navigationsleiste mit einem Facebook-Symbol und einer noch einfacheren Fußzeile.
Hinweis: Verwenden Sie Ihre Homepage, um über sich selbst zu schreiben, während andere interne Seiten für Projekte, Lebenslauf usw.
7. Mingxi Wu
Gebaut mit: Squarespace
Mingxi Wu ist eine Vollbild-Portfolio-Website für Studenten mit einem animierten Hintergrund, einer Textüberlagerung und Links zu Werken. Sie können aber auch über das Menü auf das/die Portfolio(s) zugreifen. Ebenso können Sie das LinkedIn-Profil von Mingxi über den Link in der Navigationsleiste überprüfen.
Hinweis: Verwenden Sie eine einteilige Startseite mit einem Vollbild-Hintergrundbild oder -Video (oder sogar einem Schieberegler).
8. Kayla Valane
Gebaut mit: Squarespace
Während sich die Website von Kayla Valane anfühlt, als wäre sie nur ein Haufen Text auf schwarzem Hintergrund, werden die Dinge viel spannender, sobald Sie mit der Maus über den Text fahren. Der Hover-Effekt zeigt verschiedene Bilder zum Thema.
Neben der Privat-/Arbeitsseite hat Kayla nur eine weitere Seite, die mehr über sich selbst mitteilt.
Hinweis: Anstatt ein helles Design zu verwenden, können Sie mit einem dunklen Design Spaß haben, um ein hochwertigeres Gefühl zu erzielen.
9. Christina Clerici
Gebaut mit: Squarespace
Cristina Clerici hat eine dreiseitige Studentenportfolio-Website, die in Home, Forschung und Kontakte unterteilt ist.
Die Homepage beginnt mit einer kurzen Biografie und einem Link zum Lebenslauf sowie einem Bild. Diese Seite hat einen einfachen schwebenden Header, aber keinen Footer.
Hinweis: Erstellen Sie für ein übersichtlicheres Erscheinungsbild eine Seite ohne Fußzeile.
10. Florence Chen
Gebaut mit: Squarespace
Florence Chen hat ein großes Heldenbild mit Parallax-Effekt, Titel und Text. Die Kopfzeile ist leicht und einfach, während die Fußzeile eine Zurück-nach-oben-Schaltfläche und Links zu sozialen Medien enthält.
Das einzige andere, was auf der Titelseite steht, ist eine Biografie, die Sie auf Anhieb mit Florence vertraut macht.
Hinweis: Fügen Sie einen Parallax-Effekt für ein fesselnderes Gefühl hinzu.
11. Ashley Cortez
Erstellt mit: WordPress
Ashley Cortez ist eine kostenlose WordPress-Website mit einer minimalistischen Atmosphäre mit einem Bild und Text im Heldenbild und zusätzlichen Menüregisterkarten unten (falls Sie nicht in der Hauptnavigationsleiste darauf zugreifen).
Die Fußzeile ist nur ein einfaches „Danke für Ihren Besuch!“ (was niemand tut!) und Social-Media-Symbole.
Hinweis: Sie können immer noch eine schöne Studenten-Website erstellen, auch wenn Sie eine kostenlose Plattform verwenden.
12. Nathan Koch
Gebaut mit: Squarespace
Das Einzigartige an der Website von Nathan Koch ist der sehr große weiße Bereich über der Falte mit Text am unteren Rand. Es verleiht der Website ein saubereres Aussehen und betont den Text stärker.
Die Kopf- und Fußzeile behalten die gleiche Hintergrundfarbe wie die Basis bei, um das minimalistische Design intakt zu halten.
Darüber hinaus finden Sie auch eine Zeitleiste mit Arbeitserfahrungen und eine „Kontaktaufnahme“, die nicht zu übersehen ist.
Hinweis: Viel weißer Raum kann, wenn er richtig gemacht wird, wirklich gut funktionieren.
13. Kantwon
Gebaut mit: Squarespace
Auch wenn die Studenten-Website von Kantwon eher schlicht gehalten ist, hat sie viele einprägsame Details und Elemente, die das Scroll-Abenteuer bereichern. Hinweis: Kantwon verwendet viele Emojis auf seinem einseitigen Website-Layout.
Hinweis: Wir sind es alle gewohnt, uns mit Emojis auszudrücken, warum also nicht auch auf Ihrer Website?
14. Matti Scherzinger
Gebaut mit: Webflow
Es hat sich bewährt, dass ein Einleitungstext auf schlichtem Hintergrund im Heldenbereich die Aufmerksamkeit der Besucher auf sich ziehen kann.
Matti Scherzinger ist sich dessen bewusst und führt seine Homepage mit Projektbeispielen und einer Fußzeile mit Links zu Social Media und E-Mail fort.
Hinweis: Verwenden Sie Text, um das Interesse der Besucher zu wecken (mit Fettdruck und Großbuchstaben).
Wir haben es auch sehr genossen, die besten Webflow-Websites für Sie zu kuratieren.
15. Onyekachi Nwabueze
Gebaut mit: Webflow
Onyekachi Nwabueze hat eine sehr interaktive Website mit einer coolen, einladenden Animation „above the fold“.
Diese persönliche Website hat ein einzigartiges Scrolling, behält aber eine schlichte Atmosphäre bei (mit großen (größeren) Bildern).
Hinweis: Wenn es langweilig klingt, nur Text im Heldenabschnitt zu verwenden, peppen Sie ihn mit einer eingängigen Animation auf.
16. Cydney Vicentina
Gebaut mit: Webflow
Während Nathan Koch viel weißen Raum und wenig Text über der Falte verwendet, verwendet Cydney Vicentina einen GROSSEN Titel und Text, der den größten Teil des Bildschirms ausfüllt. Aber der weiße Raum ist immer noch da, um eine gute Lesbarkeit zu gewährleisten.
Darüber hinaus bietet die Homepage mehrere Abschnitte in voller Breite, die Werke präsentieren, mit Links, um Projekte im Detail anzuzeigen.
Hinweis: Verwenden Sie große Abschnitte mit Hintergrundbildern, um Ihre Werke und Projekte plakativ zu präsentieren.
17. David Luong
Gebaut mit: Squarespace
David Luong ist ein weiteres großartiges Beispiel für eine dunkle Website mit einer Biografie im Heldenbereich, gefolgt von einem Raster vergangener Projekte und Engagements.
Mit dem Sticky-Menü können Sie viel einfacher von Seite zu Seite springen, während die Fußzeile nur Symbole für soziale Medien enthält.
Hinweis: Erstellen Sie ein Raster mit Links zu weiteren Informationen über Ihre Arbeiten, Projekte und Erfahrungen.
18. Dalya Baron
Gebaut mit: Wix
Dalya Baron hat ein kreisförmiges Bild von sich selbst mit einem kurzen Text über mich, begleitet von kreisförmigen (Menü-)Schaltflächen, die zu anderen Abschnitten führen.
Während die gesamte Website denselben Hintergrund verwendet, ist die Fußzeile mit einer Linie getrennt, was ein nettes, vereinfachendes Detail ist.
Hinweis: Fügen Sie Ihren „Über mich“-Text auf der Startseite hinzu, damit jeder schnell mehr über Sie erfahren kann.
19. Hannah Salyer
Gebaut mit: Wix
Hannah Salyer betreibt eine einseitige Studenten-Website mit einer schwebenden Kopfzeile, die Sie einfacher durch die Abschnitte führt. Hannah hat ihre Portfolio-Kategorien jedoch auf separaten Seiten, um die Hauptseite unkomplizierter zu halten.
Die Fußzeile enthält weiterführende Informationen und Links sowie ein Kontaktformular.
Hinweis: Verwenden Sie ein schwebendes Menü auf einer einseitigen Website, um schneller durch die Abschnitte zu navigieren.
20. Isabel Ngan
Gebaut mit: Webflow
Isabel Ngan weiß, wie sie mit ihrem responsiven Webdesign zum Minimalismus tendiert, es aber gleichzeitig mit kreativen Akzenten bereichert.
Da diese Studenten-Website keine schwebende Kopfzeile hat, ist die Zurück-nach-oben-Schaltfläche sehr praktisch.
Wir möchten auch sehen, dass der Inhalt geladen wird, während Sie scrollen, was ihm ein angenehmeres Erlebnis verleiht.
Hinweis: Wenn Sie Einfachheit mit Kreativität verbinden, kann das Surfen auf Ihrer Website spannender werden.