20 лучших студенческих портфолио 2023 года

Вы ищете лучшие студенческие портфолио и примеры веб-сайтов, потому что хотите создать свое собственное, чтобы выделиться из массы?

Вот маленький секрет, о котором никто не говорит: просто присутствием в Интернете вы демонстрируете свой профессионализм и серьезность.

И что самое лучшее, это не обязательно должен быть идеальный сайт!

Эй, мы говорим о портфолио, сделанном студентами, которые намного проще, чем примеры, которые мы добавили в нашу лучшую коллекцию веб-сайтов портфолио.

Но это чемпионы в этой категории (к вашему сведению: нам нужно было пройти 95 из них, чтобы составить список из 20 лучших).

Помните , что вы можете создать не только похожую, НО НАМНОГО лучше с этими темами WordPress для портфолио за небольшие инвестиции. Или поднимитесь на новый уровень с конструктором веб-сайтов портфолио.

Лучшие студенческие портфолио и идеи

1. Кайла Падилья

Построено с помощью: Squarespace

Веб-сайт студенческого портфолио Кайлы Падиллы минималистичный, с большим количеством пустого пространства, что обеспечивает отличное чтение. Что здорово, так это то, что у Кайлы есть слайдер с ее любимыми цитатами вместо ссылок и отзывов.

Кроме того, простая панель навигации приведет вас к необходимой информации, социальным сетям и контактам.

Примечание. Сохраняйте минималистский дизайн веб-сайта, чтобы ваш контент выделялся больше.

Мы уверены, что эти окончательные примеры веб-сайтов Squarespace также предложат отличное творческое упражнение.

2. Кабель Мишка Лигот

Построено с помощью: Squarespace

Kabel Mishka Ligot — еще один отличный пример простого веб-сайта с чистым дизайном. Прозрачный заголовок исчезает при прокрутке, но снова появляется, когда вы прокручиваете страницу вверх, что улучшает взаимодействие с пользователем.

Примечание. Используйте исчезающий/появляющийся заголовок, чтобы улучшить UX вашего студенческого веб-сайта.

3. Деванш Ганди

Построено с помощью: Squarespace

Деванш Ганди создает онлайн-присутствие с двумя страницами и ссылками на резюме, Twitter и Dribble.

В разделе героев его домашней страницы есть текст на сплошном фоне, за которым следуют несколько примеров его работ.

Примечание. Держите свою область героя без изображений, используя только одно предложение биографии (хорошо, два).

Чтобы увидеть больше альтернатив, ознакомьтесь с нашей лучшей коллекцией веб-сайтов с резюме.

4. Брэндон Сан

Создан с помощью: Weebly

В отличие от Деванша, Брэндон Сан использует большое изображение с текстовым наложением и прозрачным заголовком. Последний плавает поверх экрана, поэтому вам не нужно прокручивать назад, чтобы перейти к панели навигации.

Помните, что это бесплатный веб-сайт Weebly; вот почему у него есть плавающая реклама в левом нижнем углу.

Примечание. Перейдите на более личный уровень со своими посетителями, разместив свое изображение в верхней части страницы.

5. Даля Грин

Создано с помощью: Wix

Dalya Green — студенческий сайт с интересным градиентным фоном в области героя. Помимо текста, вы также можете нажать кнопку в правом нижнем углу, чтобы увидеть забавные факты, которые отображаются в виде наклеек (нажмите на нее, и вы увидите).

Кроме того, этот веб-сайт Wix имеет потрясающий дизайн с разделенным экраном для представления некоторых работ, а также интерактивное электронное письмо и WhatsApp. Кроме того, есть кнопка возврата наверх, чтобы избежать прокрутки.

Примечание. Кнопка «Вернуться наверх» — это удобная деталь для улучшения взаимодействия с пользователем.

6. Карн Имваттана

Построено с помощью: Squarespace

Домашняя страница Karn Imwattana представляет собой страницу с изображением вверху и текстом внизу. На его студенческом веб-сайте есть простая панель навигации со значком Facebook и еще более простой нижний колонтитул.

Примечание. Используйте свою домашнюю страницу, чтобы написать о себе, а другие внутренние страницы — для проектов, резюме и т. д.

7. Минси Ву

Построено с помощью: Squarespace

Mingxi Wu — полноэкранный сайт студенческого портфолио с анимированным фоном, текстовым наложением и ссылками на работы. Но вы также можете получить доступ к портфолио через меню. Точно так же вы можете проверить профиль Минси в LinkedIn по ссылке на панели навигации.

Примечание. Используйте домашнюю страницу с одним разделом и полноэкранным фоновым изображением или видео (или даже слайдером).

8. Кайла Валейн

Построено с помощью: Squarespace

В то время как веб-сайт Кайлы Валейн выглядит как набор текста на черном фоне, все становится намного интереснее, когда вы наводите курсор на текст. Эффект наведения показывает различные изображения, относящиеся к теме.

Помимо домашней/рабочей страницы, у Кайлы есть еще только одна страница, на которой она больше рассказывает о себе.

Примечание. Вместо светлого дизайна вы можете поэкспериментировать с темным, чтобы получить более первоклассный вид.

9. Кристина Клеричи

Построено с помощью: Squarespace

У Кристины Клеричи есть трехстраничный веб-сайт студенческого портфолио, разделенный на дома, исследования и контакты.

Домашняя страница начинается с краткой биографии и ссылки на резюме, а также изображения. Этот сайт имеет простой плавающий заголовок, но не имеет нижнего колонтитула.

Примечание. Создайте страницу без нижнего колонтитула для более аккуратного вида.

10. Флоренс Чен

Построено с помощью: Squarespace

Флоренс Чен имеет большое изображение героя с эффектом параллакса, заголовком и текстом. Заголовок легкий и простой, а в нижнем колонтитуле есть кнопка возврата наверх и ссылки на социальные сети.

Единственная дополнительная вещь на первой полосе — это биография, которая знакомит вас с Флоренцией на месте.

Примечание. Добавьте эффект параллакса для большей привлекательности.

11. Эшли Кортес

Создан с помощью: WordPress

Ashley Cortez — это бесплатный веб-сайт WordPress с минималистской атмосферой, с изображением и текстом на главном изображении и дополнительными вкладками меню ниже (на случай, если вы не получите к ним доступ в основной панели навигации).

Нижний колонтитул — это простое «Спасибо за посещение!» (чего никто не делает!) и иконки социальных сетей.

Примечание. Вы все равно можете создать красивый студенческий веб-сайт, даже если используете бесплатную платформу.

12. Натан Кох

Построено с помощью: Squarespace

Что уникально на сайте Натана Коха, так это очень большое белое пятно над сгибом с текстом внизу. Это придает веб-сайту более чистый вид, больше подчеркивая текст.

Верхний и нижний колонтитулы имеют тот же цвет фона, что и основной, чтобы сохранить минималистский дизайн.

Кроме того, вы также найдете временную шкалу с опытом работы и «свяжитесь с нами», которую невозможно пропустить.

Примечание. Много пустого пространства, если все сделано правильно, может работать очень ХОРОШО.

13. Кантвон

Построено с помощью: Squarespace

Несмотря на то, что студенческий веб-сайт Kantwon довольно прост, на нем есть множество цепляющих деталей и элементов, которые улучшают приключение при прокрутке. Подсказка: Кантвон ​​использует много смайликов на своем одностраничном макете веб-сайта.

Примечание. Мы все привыкли выражать себя с помощью смайликов, так почему бы не использовать их и на своем веб-сайте?

14. Матти Шерзингер

Создан с помощью: Webflow

Доказано, что вводный текст на простом фоне в главном разделе может привлечь внимание посетителей.

Матти Шерзингер прекрасно об этом знает и продолжает свою домашнюю страницу с примерами проектов и нижним колонтитулом со ссылками на социальные сети и электронную почту.

Примечание. Используйте текст, чтобы вызвать интерес посетителей (выделение жирным шрифтом и заглавными буквами).

Нам также очень понравилось курировать лучшие веб-сайты Webflow для вашего удобства.

15. Оньекати Нвабуезе

Создан с помощью: Webflow

У Onyekachi Nwabueze есть очень интерактивный веб-сайт с классной приветственной анимацией в верхней части страницы.

Этот персональный веб-сайт имеет уникальную прокрутку, сохраняя при этом простую атмосферу (с большими изображениями).

Примечание. Если использование только текста в разделе героев кажется скучным, приправьте его запоминающейся анимацией.

16. Сидни Висентина

Создан с помощью: Webflow

Если Натан Кох использует много пустого пространства и мало текста в верхней части страницы, Сидни Висентина использует БОЛЬШОЙ заголовок и текст, который занимает большую часть экрана. Но пустое пространство все еще присутствует, чтобы обеспечить отличную читаемость.

Кроме того, на домашней странице есть несколько полноразмерных разделов, демонстрирующих работы, со ссылками для просмотра проектов в мельчайших подробностях.

Примечание. Используйте большие разделы с фоновыми изображениями, чтобы смело представить свои работы и проекты.

17. Дэвид Луонг

Построено с помощью: Squarespace

Дэвид Луонг — еще один отличный пример темного веб-сайта с биографией в области героя, за которой следует сетка прошлых проектов и участия.

Липкое меню позволяет вам намного проще переходить со страницы на страницу, в то время как в нижнем колонтитуле есть только значки социальных сетей.

Примечание. Создайте сетку со ссылками на дополнительную информацию о ваших работах, проектах и ​​опыте.

18. Даля Барон

Создано с помощью: Wix

Даля Барон имеет круглое изображение себя с кратким текстом обо мне, сопровождаемым круглыми кнопками (меню) со ссылками на другие разделы.

Хотя весь веб-сайт использует один и тот же фон, нижний колонтитул разделен линией, что является приятной упрощенной деталью.

Примечание. Добавьте текст «Обо мне» на главную страницу, чтобы все могли быстро узнать о вас больше.

19. Ханна Сальер

Создано с помощью: Wix

Ханна Сальер ведет одностраничный студенческий веб-сайт с плавающим заголовком, который упрощает переход по разделам. Тем не менее, у Ханны есть категории портфолио на отдельных страницах, чтобы сделать главную страницу более простой.

Нижний колонтитул содержит дополнительную информацию и ссылки, а также контактную форму.

Примечание. Используйте плавающее меню на одностраничном сайте, чтобы быстрее перемещаться по разделам.

20. Изабель Нган

Создан с помощью: Webflow

Изабель Нган знает, как склониться к минимализму в своем отзывчивом веб-дизайне, но в то же время обогащает его творческими штрихами.

Поскольку на этом студенческом веб-сайте нет плавающего заголовка, кнопка возврата наверх очень удобна.

Нам также нравится видеть, что контент загружается во время прокрутки, что делает его более приятным.

Примечание. Сочетание простоты с творчеством может сделать просмотр вашего сайта более захватывающим.