{"/api/v1/guruguides-api/post/read:\"{\\\"slug\\\":\\\"student-portfolio-website\\\"}\"":{"body":{"title":"9 student portfolio website examples to inspire up-and-coming designers","slug":"student-portfolio-website","publicationDate":"May 01, 2026","postInfo":{"readTime":9},"excerpt":"This guide helps design students track their progress and showcase their best work for potential employers with a stunning portfolio website.","hero":{"title":"2022_GG_11 student portfolio website examples to inspire up and coming designers_Desktop – 1920×480","alt":"","caption":"","description":"","sizes":[{"name":"placeholder","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2022/12/2022_GG_11-student-portfolio-website-examples-to-inspire-up-and-coming-designers_Desktop-1920x480-1.svg","width":1,"height":1},{"name":"thumbnail","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2022/12/2022_GG_11-student-portfolio-website-examples-to-inspire-up-and-coming-designers_Desktop-1920x480-1.svg","width":150,"height":150},{"name":"medium","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2022/12/2022_GG_11-student-portfolio-website-examples-to-inspire-up-and-coming-designers_Desktop-1920x480-1.svg","width":300,"height":300},{"name":"medium_large","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2022/12/2022_GG_11-student-portfolio-website-examples-to-inspire-up-and-coming-designers_Desktop-1920x480-1.svg","width":768,"height":1},{"name":"large","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2022/12/2022_GG_11-student-portfolio-website-examples-to-inspire-up-and-coming-designers_Desktop-1920x480-1.svg","width":1024,"height":1024},{"name":"full","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2022/12/JwfNXZ7U-2022_GG_11-student-portfolio-website-examples-to-inspire-up-and-coming-designers_Desktop-1920x480-1.svg","width":1,"height":1}]},"heroMobile":{"title":"2022_GG_11 student portfolio website examples to inspire up and coming designers_Mobile – 288×310","alt":"","caption":"","description":"","sizes":[{"name":"placeholder","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2022/12/2022_GG_11-student-portfolio-website-examples-to-inspire-up-and-coming-designers_Mobile-288x310-1.svg","width":1,"height":1},{"name":"thumbnail","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2022/12/2022_GG_11-student-portfolio-website-examples-to-inspire-up-and-coming-designers_Mobile-288x310-1.svg","width":150,"height":150},{"name":"medium","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2022/12/2022_GG_11-student-portfolio-website-examples-to-inspire-up-and-coming-designers_Mobile-288x310-1.svg","width":300,"height":300},{"name":"medium_large","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2022/12/2022_GG_11-student-portfolio-website-examples-to-inspire-up-and-coming-designers_Mobile-288x310-1.svg","width":768,"height":1},{"name":"large","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2022/12/2022_GG_11-student-portfolio-website-examples-to-inspire-up-and-coming-designers_Mobile-288x310-1.svg","width":1024,"height":1024},{"name":"full","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2022/12/0MNzXfEu-2022_GG_11-student-portfolio-website-examples-to-inspire-up-and-coming-designers_Mobile-288x310-1.svg","width":1,"height":1}]},"categories":[{"slug":"web-design","title":"Web Design","parentSlug":"web-design-branding","type":"category"},{"slug":"web-design-branding","title":"Web Design & Branding","type":"category"}],"authors":[{"fullName":"Nick A.","slug":"nickallen","firstName":"Nick","lastName":"Allen","bio":"Nick Allen is a writer, photographer, and content marketer. He’s also the founder of BrainBoost Media, a boutique content and operations studio. With a wide range of interests, he enjoys reading and writing about sports, entrepreneurship, and start-ups.","avatar":"https://secure.gravatar.com/avatar/6f287a9028fb459865bd89420e769685?s=132&d=mm&r=g"}],"related":{"title":"Web Design & Branding","slug":"web-design-branding","subtitle":"Get creative with our expert design and branding guides","description":"From voice to visuals, here’s how to create branding that everyone will recognize.","humanizeTitle":"For standing out online","posts":[{"title":"FAQ design: What is it, why you need it, and 15 great examples","slug":"faq-design","publicationMonth":"May 2026","postInfo":{"readTime":12},"excerpt":"Make important information easy for customers to find and build trust with your audience by creating a detailed FAQ page on your website.","cardImage":{"title":"2022_GURU_57 – FAQ design What is it, why you need it, and 15 great examples_Thumbnail – 288×310 – CC#E4D8FF","alt":"","caption":"","description":"","sizes":[{"name":"placeholder","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2023/01/2022_GURU_57-FAQ-design-What-is-it-why-you-need-it-and-15-great-examples_Thumbnail-288x310-CCE4D8FF.svg","width":1,"height":1},{"name":"thumbnail","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2023/01/2022_GURU_57-FAQ-design-What-is-it-why-you-need-it-and-15-great-examples_Thumbnail-288x310-CCE4D8FF.svg","width":150,"height":150},{"name":"medium","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2023/01/2022_GURU_57-FAQ-design-What-is-it-why-you-need-it-and-15-great-examples_Thumbnail-288x310-CCE4D8FF.svg","width":300,"height":300},{"name":"medium_large","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2023/01/2022_GURU_57-FAQ-design-What-is-it-why-you-need-it-and-15-great-examples_Thumbnail-288x310-CCE4D8FF.svg","width":768,"height":1},{"name":"large","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2023/01/2022_GURU_57-FAQ-design-What-is-it-why-you-need-it-and-15-great-examples_Thumbnail-288x310-CCE4D8FF.svg","width":1024,"height":1024},{"name":"full","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2023/01/2022_GURU_57-FAQ-design-What-is-it-why-you-need-it-and-15-great-examples_Thumbnail-288x310-CCE4D8FF.svg","width":1,"height":1}]},"categories":[{"slug":"web-design","title":"Web Design","parentSlug":"web-design-branding","type":"category"},{"slug":"web-design-branding","title":"Web Design & Branding","type":"category"}],"type":"guide"},{"title":"How to start a food blog: 11 steps for quality content","slug":"how-to-start-a-food-blog","publicationMonth":"May 2026","postInfo":{"readTime":11},"excerpt":"Share your love of all things food with the world using these tips for choosing a food blog niche and publishing quality content.","cardImage":{"title":"How to start a food blog- 11 steps for quality content","alt":"","caption":"","description":"","sizes":[{"name":"1536x1536","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2023/03/How-to-start-a-food-blog-11-steps-for-quality-content.svg","width":1,"height":1},{"name":"2048x2048","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2023/03/How-to-start-a-food-blog-11-steps-for-quality-content.svg","width":1,"height":1},{"name":"thumbnail","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2023/03/How-to-start-a-food-blog-11-steps-for-quality-content.svg","width":150,"height":150},{"name":"medium","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2023/03/How-to-start-a-food-blog-11-steps-for-quality-content.svg","width":300,"height":300},{"name":"medium_large","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2023/03/How-to-start-a-food-blog-11-steps-for-quality-content.svg","width":768,"height":1},{"name":"large","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2023/03/How-to-start-a-food-blog-11-steps-for-quality-content.svg","width":1024,"height":1024},{"name":"full","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2023/03/How-to-start-a-food-blog-11-steps-for-quality-content.svg","width":1,"height":1}]},"categories":[{"slug":"getting-started-online","title":"Getting Started Online","type":"category"},{"slug":"getting-started","title":"Starting a Business","parentSlug":"getting-started-online","type":"category"},{"slug":"web-design","title":"Web Design","parentSlug":"web-design-branding","type":"category"},{"slug":"web-design-branding","title":"Web Design & Branding","type":"category"}],"type":"guide"},{"title":"How to find logo design inspiration for your brand","slug":"find-logo-design-inspiration","publicationMonth":"May 2026","postInfo":{"readTime":9},"excerpt":"Discover great ideas for a new logo by compiling details about your brand, learning some design basics, and finding inspiration online.","cardImage":{"title":"03 – How to Find Logo Design Inspiration for Your Brand create images_Article Image","alt":"","caption":"","description":"","sizes":[{"name":"1536x1536","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2023/07/03-How-to-Find-Logo-Design-Inspiration-for-Your-Brand-create-images_Article-Image.svg","width":1,"height":1},{"name":"2048x2048","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2023/07/03-How-to-Find-Logo-Design-Inspiration-for-Your-Brand-create-images_Article-Image.svg","width":1,"height":1},{"name":"thumbnail","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2023/07/03-How-to-Find-Logo-Design-Inspiration-for-Your-Brand-create-images_Article-Image.svg","width":150,"height":150},{"name":"medium","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2023/07/03-How-to-Find-Logo-Design-Inspiration-for-Your-Brand-create-images_Article-Image.svg","width":300,"height":300},{"name":"medium_large","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2023/07/03-How-to-Find-Logo-Design-Inspiration-for-Your-Brand-create-images_Article-Image.svg","width":768,"height":1},{"name":"large","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2023/07/03-How-to-Find-Logo-Design-Inspiration-for-Your-Brand-create-images_Article-Image.svg","width":1024,"height":1024},{"name":"full","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2023/07/03-How-to-Find-Logo-Design-Inspiration-for-Your-Brand-create-images_Article-Image.svg","width":1,"height":1}]},"categories":[{"slug":"logo-design","title":"Logo Design","parentSlug":"web-design-branding","type":"category"},{"slug":"web-design-branding","title":"Web Design & Branding","type":"category"}],"type":"guide"},{"title":"How to trademark a logo","slug":"how-to-trademark-a-logo","publicationMonth":"May 2026","postInfo":{"readTime":9},"excerpt":"Guide of what is logo trademark, why trademarking a logo is important and what's the difference between logo trademarks and copyrights?","cardImage":{"title":"How to trademark a logo","alt":"","caption":"","description":"","sizes":[{"name":"1536x1536","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2021/06/How-to-trademark-a-logo.svg","width":1,"height":1},{"name":"2048x2048","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2021/06/How-to-trademark-a-logo.svg","width":1,"height":1},{"name":"thumbnail","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2021/06/How-to-trademark-a-logo.svg","width":150,"height":150},{"name":"medium","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2021/06/How-to-trademark-a-logo.svg","width":300,"height":300},{"name":"medium_large","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2021/06/How-to-trademark-a-logo.svg","width":768,"height":1},{"name":"large","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2021/06/How-to-trademark-a-logo.svg","width":1024,"height":1024},{"name":"full","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2021/06/How-to-trademark-a-logo.svg","width":1,"height":1}]},"categories":[{"slug":"logo-design","title":"Logo Design","parentSlug":"web-design-branding","type":"category"},{"slug":"web-design-branding","title":"Web Design & Branding","type":"category"}],"type":"guide"},{"title":"Resume website: What these sites need, and 17 inspiring examples","slug":"resume-website-examples","publicationMonth":"May 2026","postInfo":{"readTime":12},"excerpt":"Resume websites let you showcase your skills in a whole new light. Find out how to create one and check out examples for inspiration.","cardImage":{"title":"The 10 best portfolio websites to showcase your best work","alt":"","caption":"","description":"","sizes":[{"name":"1536x1536","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2022/11/The-10-best-portfolio-websites-to-showcase-your-best-work.svg","width":1,"height":1},{"name":"2048x2048","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2022/11/The-10-best-portfolio-websites-to-showcase-your-best-work.svg","width":1,"height":1},{"name":"thumbnail","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2022/11/The-10-best-portfolio-websites-to-showcase-your-best-work.svg","width":150,"height":150},{"name":"medium","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2022/11/The-10-best-portfolio-websites-to-showcase-your-best-work.svg","width":300,"height":300},{"name":"medium_large","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2022/11/The-10-best-portfolio-websites-to-showcase-your-best-work.svg","width":768,"height":1},{"name":"large","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2022/11/The-10-best-portfolio-websites-to-showcase-your-best-work.svg","width":1024,"height":1024},{"name":"full","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2022/11/The-10-best-portfolio-websites-to-showcase-your-best-work.svg","width":1,"height":1}]},"categories":[{"slug":"website-bulding","title":"Building a Website","parentSlug":"getting-started-online","type":"category"},{"slug":"getting-started-online","title":"Getting Started Online","type":"category"},{"slug":"web-design","title":"Web Design","parentSlug":"web-design-branding","type":"category"},{"slug":"web-design-branding","title":"Web Design & Branding","type":"category"}],"type":"guide"},{"title":"11 best event website designs: What makes them great","slug":"event-website-design","publicationMonth":"May 2026","postInfo":{"readTime":11},"excerpt":"Get ready for your next event with a showstopping website that features everything your visitors need to know before they buy tickets.","cardImage":{"title":"11 best event website designs- What makes them great","alt":"","caption":"","description":"","sizes":[{"name":"1536x1536","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2022/12/11-best-event-website-designs-What-makes-them-great.svg","width":1,"height":1},{"name":"2048x2048","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2022/12/11-best-event-website-designs-What-makes-them-great.svg","width":1,"height":1},{"name":"thumbnail","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2022/12/11-best-event-website-designs-What-makes-them-great.svg","width":150,"height":150},{"name":"medium","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2022/12/11-best-event-website-designs-What-makes-them-great.svg","width":300,"height":300},{"name":"medium_large","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2022/12/11-best-event-website-designs-What-makes-them-great.svg","width":768,"height":1},{"name":"large","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2022/12/11-best-event-website-designs-What-makes-them-great.svg","width":1024,"height":1024},{"name":"full","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2022/12/11-best-event-website-designs-What-makes-them-great.svg","width":1,"height":1}]},"categories":[{"slug":"web-design","title":"Web Design","parentSlug":"web-design-branding","type":"category"},{"slug":"web-design-branding","title":"Web Design & Branding","type":"category"}],"type":"guide"},{"title":"What is a microsite? Learn what they are and how to use them","slug":"what-is-a-microsite","publicationMonth":"May 2026","postInfo":{"readTime":10},"excerpt":"Discover how to use microsites to create a dedicated place where you can share important details about your brand, products, or services.","cardImage":{"title":"What is a microsite? Learn what they are and how to use them","alt":"","caption":"","description":"","sizes":[{"name":"1536x1536","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2023/01/What-is-a-microsite-Learn-what-they-are-and-how-to-use-them.svg","width":1,"height":1},{"name":"2048x2048","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2023/01/What-is-a-microsite-Learn-what-they-are-and-how-to-use-them.svg","width":1,"height":1},{"name":"thumbnail","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2023/01/What-is-a-microsite-Learn-what-they-are-and-how-to-use-them.svg","width":150,"height":150},{"name":"medium","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2023/01/What-is-a-microsite-Learn-what-they-are-and-how-to-use-them.svg","width":300,"height":300},{"name":"medium_large","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2023/01/What-is-a-microsite-Learn-what-they-are-and-how-to-use-them.svg","width":768,"height":1},{"name":"large","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2023/01/What-is-a-microsite-Learn-what-they-are-and-how-to-use-them.svg","width":1024,"height":1024},{"name":"full","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2023/01/Cnw5bHIO-What-is-a-microsite-Learn-what-they-are-and-how-to-use-them.svg","width":1,"height":1}]},"categories":[{"slug":"website-bulding","title":"Building a Website","parentSlug":"getting-started-online","type":"category"},{"slug":"getting-started-online","title":"Getting Started Online","type":"category"},{"slug":"web-design","title":"Web Design","parentSlug":"web-design-branding","type":"category"},{"slug":"web-design-branding","title":"Web Design & Branding","type":"category"}],"type":"guide"},{"title":"How to make a logo: The simple steps you need","slug":"how-to-make-a-logo","publicationMonth":"May 2026","postInfo":{"readTime":12},"excerpt":"Read the simple steps you need to make an attractive logo for you or your business.","cardImage":{"title":"simple steps to make logo","alt":"simple steps to make a logo","caption":"","description":"","sizes":[{"name":"full","url":"https://guru-guides.production.cloudplatform.tech/wp-content/uploads/2021/04/Hero_1252x310_px_How_to_make_a_logo.svg","width":1,"height":1}]},"categories":[{"slug":"logo-design","title":"Logo Design","parentSlug":"web-design-branding","type":"category"},{"slug":"web-design-branding","title":"Web Design & Branding","type":"category"}],"type":"guide"},{"title":"Personal logo design: Tips for building your brand","slug":"personal-logo-graphic-design","publicationMonth":"May 2026","postInfo":{"readTime":11},"excerpt":"Define your personal brand with a unique logo. Learn about the design process for creating a personal logo for resumes, hobbies, and more.","cardImage":{"title":"03 – Personal logo design Tips for building your brand_Article Image – artboard","alt":"","caption":"","description":"","sizes":[{"name":"1536x1536","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2023/07/03-Personal-logo-design-Tips-for-building-your-brand_Article-Image-artboard.svg","width":1,"height":1},{"name":"2048x2048","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2023/07/03-Personal-logo-design-Tips-for-building-your-brand_Article-Image-artboard.svg","width":1,"height":1},{"name":"thumbnail","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2023/07/03-Personal-logo-design-Tips-for-building-your-brand_Article-Image-artboard.svg","width":150,"height":150},{"name":"medium","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2023/07/03-Personal-logo-design-Tips-for-building-your-brand_Article-Image-artboard.svg","width":300,"height":300},{"name":"medium_large","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2023/07/03-Personal-logo-design-Tips-for-building-your-brand_Article-Image-artboard.svg","width":768,"height":1},{"name":"large","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2023/07/03-Personal-logo-design-Tips-for-building-your-brand_Article-Image-artboard.svg","width":1024,"height":1024},{"name":"full","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2023/07/03-Personal-logo-design-Tips-for-building-your-brand_Article-Image-artboard.svg","width":1,"height":1}]},"categories":[{"slug":"logo-design","title":"Logo Design","parentSlug":"web-design-branding","type":"category"},{"slug":"web-design-branding","title":"Web Design & Branding","type":"category"}],"type":"guide"},{"title":"How to find the best color combination for your logo design","slug":"color-combination-for-logo","publicationMonth":"May 2026","postInfo":{"readTime":12},"excerpt":"Pick the perfect colors for your logo with this guide featuring tips and tricks based on color psychology as well as real-world examples.","cardImage":{"title":"03 – How To Find The Best Color Combination For Your Logo Design copy_Article Image – artboard","alt":"","caption":"","description":"","sizes":[{"name":"1536x1536","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2023/08/03-How-To-Find-The-Best-Color-Combination-For-Your-Logo-Design-copy_Article-Image-artboard.svg","width":1,"height":1},{"name":"2048x2048","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2023/08/03-How-To-Find-The-Best-Color-Combination-For-Your-Logo-Design-copy_Article-Image-artboard.svg","width":1,"height":1},{"name":"thumbnail","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2023/08/03-How-To-Find-The-Best-Color-Combination-For-Your-Logo-Design-copy_Article-Image-artboard.svg","width":150,"height":150},{"name":"medium","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2023/08/03-How-To-Find-The-Best-Color-Combination-For-Your-Logo-Design-copy_Article-Image-artboard.svg","width":300,"height":300},{"name":"medium_large","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2023/08/03-How-To-Find-The-Best-Color-Combination-For-Your-Logo-Design-copy_Article-Image-artboard.svg","width":768,"height":1},{"name":"large","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2023/08/03-How-To-Find-The-Best-Color-Combination-For-Your-Logo-Design-copy_Article-Image-artboard.svg","width":1024,"height":1024},{"name":"full","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2023/08/03-How-To-Find-The-Best-Color-Combination-For-Your-Logo-Design-copy_Article-Image-artboard.svg","width":1,"height":1}]},"categories":[{"slug":"logo-design","title":"Logo Design","parentSlug":"web-design-branding","type":"category"},{"slug":"web-design-branding","title":"Web Design & Branding","type":"category"}],"type":"guide"},{"title":"How to start a fashion blog: Define your niche, then follow these 8 steps","slug":"how-to-start-a-fashion-blog","publicationMonth":"May 2026","postInfo":{"readTime":10},"excerpt":"Put your style in the spotlight with a fashion blog. Get inspiration for your blog niche and learn how to get your site up and running.","cardImage":{"title":"03 – Hero Thumbnail Colour code #A483FF Retail branding – How can it improve your e-commerce business_-05","alt":"","caption":"","description":"","sizes":[{"name":"1536x1536","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2023/03/03-Hero-Thumbnail-Colour-code-A483FF-Retail-branding-How-can-it-improve-your-e-commerce-business_-05.svg","width":1,"height":1},{"name":"2048x2048","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2023/03/03-Hero-Thumbnail-Colour-code-A483FF-Retail-branding-How-can-it-improve-your-e-commerce-business_-05.svg","width":1,"height":1},{"name":"thumbnail","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2023/03/03-Hero-Thumbnail-Colour-code-A483FF-Retail-branding-How-can-it-improve-your-e-commerce-business_-05.svg","width":150,"height":150},{"name":"medium","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2023/03/03-Hero-Thumbnail-Colour-code-A483FF-Retail-branding-How-can-it-improve-your-e-commerce-business_-05.svg","width":300,"height":300},{"name":"medium_large","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2023/03/03-Hero-Thumbnail-Colour-code-A483FF-Retail-branding-How-can-it-improve-your-e-commerce-business_-05.svg","width":768,"height":1},{"name":"large","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2023/03/03-Hero-Thumbnail-Colour-code-A483FF-Retail-branding-How-can-it-improve-your-e-commerce-business_-05.svg","width":1024,"height":1024},{"name":"full","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2023/03/03-Hero-Thumbnail-Colour-code-A483FF-Retail-branding-How-can-it-improve-your-e-commerce-business_-05.svg","width":1,"height":1}]},"categories":[{"slug":"getting-started-online","title":"Getting Started Online","type":"category"},{"slug":"getting-started","title":"Starting a Business","parentSlug":"getting-started-online","type":"category"},{"slug":"web-design","title":"Web Design","parentSlug":"web-design-branding","type":"category"},{"slug":"web-design-branding","title":"Web Design & Branding","type":"category"}],"type":"guide"},{"title":"13 best cool fonts for websites","slug":"best-fonts-for-websites","publicationMonth":"May 2026","postInfo":{"readTime":12},"excerpt":"Give your online home a fresh look with the best cool fonts for websites. Discover free fonts in a range of unique and modern styles.","cardImage":{"title":"03 – Article image","alt":"","caption":"","description":"","sizes":[{"name":"1536x1536","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2024/01/03-Article-image.svg","width":1,"height":1},{"name":"2048x2048","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2024/01/03-Article-image.svg","width":1,"height":1},{"name":"thumbnail","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2024/01/03-Article-image.svg","width":150,"height":150},{"name":"medium","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2024/01/03-Article-image.svg","width":300,"height":300},{"name":"medium_large","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2024/01/03-Article-image.svg","width":768,"height":1},{"name":"large","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2024/01/03-Article-image.svg","width":1024,"height":1024},{"name":"full","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2024/01/03-Article-image.svg","width":1,"height":1}]},"categories":[{"slug":"general-branding","title":"General Branding","parentSlug":"web-design-branding","type":"category"},{"slug":"web-design-branding","title":"Web Design & Branding","type":"category"}],"type":"guide"}]},"type":"guide","seo":{"title":"9 Student Portfolio Website Examples To Inspire Up-And-Coming Designers | Namecheap","canonical":"https://www.namecheap.com/guru-guides/student-portfolio-website/","breadcrumbs":[{"text":"Guru Guides","url":"/"},{"text":"Web Design & Branding","url":"/category/web-design-branding/"},{"text":"9 student portfolio website examples to inspire up-and-coming designers","url":"/student-portfolio-website/"}],"schema":{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://www.namecheap.com/guru-guides/student-portfolio-website/","url":"https://www.namecheap.com/guru-guides/student-portfolio-website/","name":"9 Student Portfolio Website Examples To Inspire Up-And-Coming Designers | Namecheap","isPartOf":{"@id":"https://www.namecheap.com/guru-guides/#website"},"primaryImageOfPage":{"@id":"https://www.namecheap.com/guru-guides/student-portfolio-website/#primaryimage"},"image":{"@id":"https://www.namecheap.com/guru-guides/student-portfolio-website/#primaryimage"},"thumbnailUrl":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2022/12/JwfNXZ7U-2022_GG_11-student-portfolio-website-examples-to-inspire-up-and-coming-designers_Desktop-1920x480-1.svg","datePublished":"2026-05-01T11:31:28+00:00","dateModified":"2026-05-01T11:34:00+00:00","author":{"@id":"https://www.namecheap.com/guru-guides/#/schema/person/4cdfbf12496d5683e81c7d7ae14c0ea6"},"description":"This guide helps design students track their progress and showcase their best work for potential employers with a stunning portfolio website.","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://www.namecheap.com/guru-guides/student-portfolio-website/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https://www.namecheap.com/guru-guides/student-portfolio-website/#primaryimage","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2022/12/JwfNXZ7U-2022_GG_11-student-portfolio-website-examples-to-inspire-up-and-coming-designers_Desktop-1920x480-1.svg","contentUrl":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2022/12/JwfNXZ7U-2022_GG_11-student-portfolio-website-examples-to-inspire-up-and-coming-designers_Desktop-1920x480-1.svg"},{"@type":"WebSite","@id":"https://www.namecheap.com/guru-guides/#website","url":"https://www.namecheap.com/guru-guides/","name":"Guru Guides - Namecheap","description":"Just another Namecheap site","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://www.namecheap.com/guru-guides/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https://www.namecheap.com/guru-guides/#/schema/person/4cdfbf12496d5683e81c7d7ae14c0ea6","name":"Nick Allen","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https://www.namecheap.com/guru-guides/#/schema/person/image/2f9aa86bc1616ddda77c15f2467b7cd2","url":"https://secure.gravatar.com/avatar/6f287a9028fb459865bd89420e769685?s=96&d=mm&r=g","contentUrl":"https://secure.gravatar.com/avatar/6f287a9028fb459865bd89420e769685?s=96&d=mm&r=g","caption":"Nick Allen"},"description":"Nick Allen is a writer, photographer, and content marketer. He’s also the founder of BrainBoost Media, a boutique content and operations studio. With a wide range of interests, he enjoys reading and writing about sports, entrepreneurship, and start-ups.","url":"https://www.namecheap.com/guru-guides/author/nickallen/"}]},"meta":{"description":{"content":"This guide helps design students track their progress and showcase their best work for potential employers with a stunning portfolio website.","name":"description"},"siteName":{"content":"Guru Guides - Namecheap","name":"site_name"},"siteUrl":{"content":"https://www.namecheap.com/guru-guides/","name":"site_url"},"metaDescription":{"content":"This guide helps design students track their progress and showcase their best work for potential employers with a stunning portfolio website.","name":"meta_description"},"robots":{"content":"index,follow,max-snippet:-1,max-image-preview:large,max-video-preview:-1","name":"robots"},"ogDescription":{"content":"This guide helps design students track their progress and showcase their best work for potential employers with a stunning portfolio website.","attributes":{"property":"og:description"}},"ogEnabled":{"content":"1","attributes":{"property":"og:enabled"}},"ogArticleModifiedTime":{"content":"2026-05-01T11:34:00+00:00","attributes":{"property":"og:article:modified_time"}},"ogArticlePublishedTime":{"content":"2026-05-01T11:31:28+00:00","attributes":{"property":"og:article:published_time"}},"ogImages":{"content":"1201,631,89809,https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2022/12/XWXJ2ecJ-2022_GG_11-student-portfolio-website-examples-to-inspire-up-and-coming-designers_SM-Facebook.png,https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2022/12/XWXJ2ecJ-2022_GG_11-student-portfolio-website-examples-to-inspire-up-and-coming-designers_SM-Facebook.png,full,8842,,757831,image/png","attributes":{"property":"og:image"}},"ogSiteName":{"content":"Guru Guides - Namecheap","attributes":{"property":"og:site_name"}},"ogTitle":{"content":"9 Student Portfolio Website Examples To Inspire Up-And-Coming Designers | Namecheap","attributes":{"property":"og:title"}},"ogType":{"content":"article","attributes":{"property":"og:type"}},"ogUrl":{"content":"https://www.namecheap.com/guru-guides/student-portfolio-website/","attributes":{"property":"og:url"}},"twitterTitle":{"content":"9 Student Portfolio Website Examples To Inspire Up-And-Coming Designers | Namecheap","name":"twitter:title"},"twitterDescription":{"content":"This guide helps design students track their progress and showcase their best work for potential employers with a stunning portfolio website.","name":"twitter:description"},"twitterImage":{"content":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2022/12/lpYjvk1I-2022_GG_11-student-portfolio-website-examples-to-inspire-up-and-coming-designers_SM-Twitter.png","name":"twitter:image"},"twitterCreator":{"content":"","name":"twitter:creator"},"twitterSite":{"content":"","name":"twitter:site"},"twitterCard":{"content":"summary_large_image","name":"twitter:card"}}},"faqs":[{"question":"What should a student portfolio website include?","answer":"\u003cp>A student \u003ca href=\"https://www.namecheap.com/guru-guides/best-portfolio-websites/\">portfolio website\u003c/a> should include visual examples of your best work along with a brief description of each project. In addition, include a brief bio, contact information, and a resume that details your skills and experience.\u003c/p>"},{"question":"How do I create a student portfolio website without coding?","answer":"\u003cp>Use a DIY website builder like \u003ca href=\"https://www.namecheap.com/support/knowledgebase/article.aspx/10755/2298/how-to-use-site-maker/\">Namecheap’s Site Maker\u003c/a> to create a student portfolio without coding. Site Maker walks you through the process and doesn’t require any web development experience to use. Simply follow along with the prompts to create a custom website and select your domain.\u003c/p>"},{"question":"How do I write a bio for a student portfolio website?","answer":"\u003cp>A \u003ca href=\"https://www.namecheap.com/guru-guides/short-professional-bio-examples-and-tips/\">personal bio\u003c/a> for a student portfolio website can be written in first or third person and should be one or two paragraphs long. Include details about your academic background and other relevant experience. In addition, talk about your passions and your unique approach to your work.\u003c/p>"}],"content":[{"blockName":"core/paragraph","attrs":[],"innerBlocks":[],"innerHTML":"\n\u003cp>A student portfolio website serves many purposes for undergraduate and graduate students in design. For one, it’s a fantastic way to showcase work as they apply for internships, advanced learning opportunities, or part time jobs while in school. It’s also useful for tracking improvements and new skills, especially when lining up similar projects and comparing them side by side to visualize growth. It also doubles as a way to \u003ca href=\"https://www.namecheap.com/blog/developing-your-personal-brand/\" target=\"_blank\" rel=\"noreferrer noopener\">build a personal brand\u003c/a>, so they can best tell the world their story, their perspective, and why someone might want to work with them.\u003c/p>\n","innerContent":["\n\u003cp>A student portfolio website serves many purposes for undergraduate and graduate students in design. For one, it’s a fantastic way to showcase work as they apply for internships, advanced learning opportunities, or part time jobs while in school. It’s also useful for tracking improvements and new skills, especially when lining up similar projects and comparing them side by side to visualize growth. It also doubles as a way to \u003ca href=\"https://www.namecheap.com/blog/developing-your-personal-brand/\" target=\"_blank\" rel=\"noreferrer noopener\">build a personal brand\u003c/a>, so they can best tell the world their story, their perspective, and why someone might want to work with them.\u003c/p>\n"]},{"blockName":"core/paragraph","attrs":[],"innerBlocks":[],"innerHTML":"\n\u003cp>No matter its end purpose, a student portfolio website serves an important role as a designer continues to learn, practice, and grow. But \u003ca href=\"https://www.namecheap.com/blog/online-portfolio-design-ideas-for-writers/\" target=\"_blank\" rel=\"noreferrer noopener\">portfolio ideas\u003c/a> don’t always come easy, even when you’re dealing with the subject you know best: yourself. These student portfolio website examples can set you in the right direction and help you decide how you want to show your talents to the world.\u003c/p>\n","innerContent":["\n\u003cp>No matter its end purpose, a student portfolio website serves an important role as a designer continues to learn, practice, and grow. But \u003ca href=\"https://www.namecheap.com/blog/online-portfolio-design-ideas-for-writers/\" target=\"_blank\" rel=\"noreferrer noopener\">portfolio ideas\u003c/a> don’t always come easy, even when you’re dealing with the subject you know best: yourself. These student portfolio website examples can set you in the right direction and help you decide how you want to show your talents to the world.\u003c/p>\n"]},{"blockName":"core/image","attrs":{"caption":"Photo by \u003ca href=\"https://unsplash.com/@laurenmancke?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText\" target=\"_blank\" rel=\"noreferrer noopener\">Lauren Mancke\u003c/a> on \u003ca href=\"https://unsplash.com/?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText\" target=\"_blank\" rel=\"noreferrer noopener\">Unsplash\u003c/a>","id":8823,"sizeSlug":"full","linkDestination":"none","title":"1-11 Student Portfolio Website Examples","description":"","alt":"","sizes":[{"name":"thumbnail","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2022/12/1-11-Student-Portfolio-Website-Examples-320x216.jpg","width":150,"height":101},{"name":"medium","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2022/12/G0hwJVmF-1-11-Student-Portfolio-Website-Examples-600x405.jpg","width":600,"height":405},{"name":"medium_large","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2022/12/1-11-Student-Portfolio-Website-Examples.jpg","width":669,"height":452},{"name":"large","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2022/12/1-11-Student-Portfolio-Website-Examples.jpg","width":669,"height":452},{"name":"1536x1536","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2022/12/1-11-Student-Portfolio-Website-Examples.jpg","width":669,"height":452},{"name":"2048x2048","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2022/12/1-11-Student-Portfolio-Website-Examples.jpg","width":669,"height":452},{"name":"full","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2022/12/1-11-Student-Portfolio-Website-Examples.jpg","width":669,"height":452}]},"innerBlocks":[],"innerHTML":"\n\u003cfigure class=\"wp-block-image size-full\">\u003cimg src=\"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2022/12/1-11-Student-Portfolio-Website-Examples.jpg\" alt=\"macbook on table\" class=\"wp-image-8823\"/>\u003cfigcaption class=\"wp-element-caption\">Photo by \u003ca href=\"https://unsplash.com/@laurenmancke?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText\" target=\"_blank\" rel=\"noreferrer noopener\">Lauren Mancke\u003c/a> on \u003ca href=\"https://unsplash.com/?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText\" target=\"_blank\" rel=\"noreferrer noopener\">Unsplash\u003c/a>\u003c/figcaption>\u003c/figure>\n","innerContent":["\n\u003cfigure class=\"wp-block-image size-full\">\u003cimg src=\"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2022/12/1-11-Student-Portfolio-Website-Examples.jpg\" alt=\"macbook on table\" class=\"wp-image-8823\"/>\u003cfigcaption class=\"wp-element-caption\">Photo by \u003ca href=\"https://unsplash.com/@laurenmancke?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText\" target=\"_blank\" rel=\"noreferrer noopener\">Lauren Mancke\u003c/a> on \u003ca href=\"https://unsplash.com/?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText\" target=\"_blank\" rel=\"noreferrer noopener\">Unsplash\u003c/a>\u003c/figcaption>\u003c/figure>\n"]},{"blockName":"nc-hc/product-block","attrs":{"buttonLabel":"Create site with Site Maker","buttonUrl":"https://www.namecheap.com/visual/site-maker/","buttonTarget":"_blank","buttonRel":"noreferrer noopener"},"innerBlocks":[],"innerHTML":"\n\u003cdiv class=\"wp-block-nc-hc-product-block gb-product-card\">\u003cdiv class=\"gb-product-card__text\">\u003c/div>\u003ca href=\"https://www.namecheap.com/visual/site-maker/\" target=\"_blank\" rel=\"noreferrer noopener\" class=\"gb-btn gb-btn--primary\">Create site with Site Maker\u003c/a>\u003c/div>\n","innerContent":["\n\u003cdiv class=\"wp-block-nc-hc-product-block gb-product-card\">\u003cdiv class=\"gb-product-card__text\">\u003c/div>\u003ca href=\"https://www.namecheap.com/visual/site-maker/\" target=\"_blank\" rel=\"noreferrer noopener\" class=\"gb-btn gb-btn--primary\">Create site with Site Maker\u003c/a>\u003c/div>\n"]},{"blockName":"core/heading","attrs":{"label":"The 9 best student portfolio websites to inspire your own","checked":true,"isBlocked":false},"innerBlocks":[],"innerHTML":"\n\u003ch2 class=\"wp-block-heading\" id=\"the-9-best-student-portfolio-websites-to-inspire-your-own\">The 9 best student portfolio websites to inspire your own\u003c/h2>\n","innerContent":["\n\u003ch2 class=\"wp-block-heading\" id=\"the-9-best-student-portfolio-websites-to-inspire-your-own\">The 9 best student portfolio websites to inspire your own\u003c/h2>\n"]},{"blockName":"core/paragraph","attrs":[],"innerBlocks":[],"innerHTML":"\n\u003cp>Stuck on ideas? These 9 examples will show you that a student portfolio can be as polished and professional as that of any full-time designer.\u003c/p>\n","innerContent":["\n\u003cp>Stuck on ideas? These 9 examples will show you that a student portfolio can be as polished and professional as that of any full-time designer.\u003c/p>\n"]},{"blockName":"core/heading","attrs":{"level":3,"label":"1. Ruben Hernandez","parent":"dbf0670d-659e-420d-b2b0-b9bca58e294d","checked":true,"isBlocked":false},"innerBlocks":[],"innerHTML":"\n\u003ch3 class=\"wp-block-heading\" id=\"n-1-ruben-hernandez\">1. \u003ca href=\"https://ruben-hernandez-portfolio.webflow.io/\" target=\"_blank\" rel=\"noreferrer noopener\">Ruben Hernandez\u003c/a>\u003c/h3>\n","innerContent":["\n\u003ch3 class=\"wp-block-heading\" id=\"n-1-ruben-hernandez\">1. \u003ca href=\"https://ruben-hernandez-portfolio.webflow.io/\" target=\"_blank\" rel=\"noreferrer noopener\">Ruben Hernandez\u003c/a>\u003c/h3>\n"]},{"blockName":"core/image","attrs":{"caption":"\u003ca href=\"https://ruben-hernandez-portfolio.webflow.io/\" target=\"_blank\" rel=\"noreferrer noopener\">https://ruben-hernandez-portfolio.webflow.io/\u003c/a>","id":18141,"sizeSlug":"full","linkDestination":"none","title":"ruben-hernandez-portfolio-website","description":"","alt":"Ruben Hernandez portfolio website","sizes":[{"name":"thumbnail","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2026/05/ruben-hernandez-portfolio-website-150x101.png","width":150,"height":101},{"name":"medium","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2026/05/ruben-hernandez-portfolio-website-300x203.png","width":300,"height":203},{"name":"medium_large","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2026/05/ruben-hernandez-portfolio-website.png","width":669,"height":452},{"name":"large","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2026/05/ruben-hernandez-portfolio-website.png","width":669,"height":452},{"name":"1536x1536","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2026/05/ruben-hernandez-portfolio-website.png","width":669,"height":452},{"name":"2048x2048","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2026/05/ruben-hernandez-portfolio-website.png","width":669,"height":452},{"name":"full","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2026/05/ruben-hernandez-portfolio-website.png","width":669,"height":452}]},"innerBlocks":[],"innerHTML":"\n\u003cfigure class=\"wp-block-image size-full\">\u003cimg src=\"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2026/05/ruben-hernandez-portfolio-website.png\" alt=\"Ruben Hernandez portfolio website\" class=\"wp-image-18141\"/>\u003cfigcaption class=\"wp-element-caption\">\u003ca href=\"https://ruben-hernandez-portfolio.webflow.io/\" target=\"_blank\" rel=\"noreferrer noopener\">https://ruben-hernandez-portfolio.webflow.io/\u003c/a>\u003c/figcaption>\u003c/figure>\n","innerContent":["\n\u003cfigure class=\"wp-block-image size-full\">\u003cimg src=\"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2026/05/ruben-hernandez-portfolio-website.png\" alt=\"Ruben Hernandez portfolio website\" class=\"wp-image-18141\"/>\u003cfigcaption class=\"wp-element-caption\">\u003ca href=\"https://ruben-hernandez-portfolio.webflow.io/\" target=\"_blank\" rel=\"noreferrer noopener\">https://ruben-hernandez-portfolio.webflow.io/\u003c/a>\u003c/figcaption>\u003c/figure>\n"]},{"blockName":"core/paragraph","attrs":[],"innerBlocks":[],"innerHTML":"\n\u003cp>Ruben Hernandez uses his portfolio to showcase a variety of his work. Bold, colorful images greet you as soon as you visit the site. When you click on any samples of his work, you’ll get more details about the background for the project and how he developed a solution for the client. A bio can be viewed on the About page, providing a brief but compelling description of the way his education at the American Institute of Graphic Arts changed his life. This portfolio has a modern look that aligns with Ruben’s design style.\u003c/p>\n","innerContent":["\n\u003cp>Ruben Hernandez uses his portfolio to showcase a variety of his work. Bold, colorful images greet you as soon as you visit the site. When you click on any samples of his work, you’ll get more details about the background for the project and how he developed a solution for the client. A bio can be viewed on the About page, providing a brief but compelling description of the way his education at the American Institute of Graphic Arts changed his life. This portfolio has a modern look that aligns with Ruben’s design style.\u003c/p>\n"]},{"blockName":"core/heading","attrs":{"level":3,"label":"2. Lauren Hung","parent":"dbf0670d-659e-420d-b2b0-b9bca58e294d","checked":true,"isBlocked":false},"innerBlocks":[],"innerHTML":"\n\u003ch3 class=\"wp-block-heading\" id=\"n-2-lauren-hung\">2. \u003ca href=\"https://www.laurenhungdesign.com/\" target=\"_blank\" rel=\"noreferrer noopener\">Lauren Hung\u003c/a>\u003c/h3>\n","innerContent":["\n\u003ch3 class=\"wp-block-heading\" id=\"n-2-lauren-hung\">2. \u003ca href=\"https://www.laurenhungdesign.com/\" target=\"_blank\" rel=\"noreferrer noopener\">Lauren Hung\u003c/a>\u003c/h3>\n"]},{"blockName":"core/image","attrs":{"caption":"\u003ca href=\"https://www.laurenhungdesign.com/\" target=\"_blank\" rel=\"noreferrer noopener\">https://www.laurenhungdesign.com/\u003c/a>","id":18142,"sizeSlug":"full","linkDestination":"none","title":"lauren-hung-portfolio-website","description":"","alt":"Lauren Hung portfolio website","sizes":[{"name":"thumbnail","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2026/05/lauren-hung-portfolio-website-150x101.png","width":150,"height":101},{"name":"medium","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2026/05/lauren-hung-portfolio-website-300x203.png","width":300,"height":203},{"name":"medium_large","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2026/05/lauren-hung-portfolio-website.png","width":669,"height":452},{"name":"large","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2026/05/lauren-hung-portfolio-website.png","width":669,"height":452},{"name":"1536x1536","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2026/05/lauren-hung-portfolio-website.png","width":669,"height":452},{"name":"2048x2048","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2026/05/lauren-hung-portfolio-website.png","width":669,"height":452},{"name":"full","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2026/05/lauren-hung-portfolio-website.png","width":669,"height":452}]},"innerBlocks":[],"innerHTML":"\n\u003cfigure class=\"wp-block-image size-full\">\u003cimg src=\"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2026/05/lauren-hung-portfolio-website.png\" alt=\"Lauren Hung portfolio website\" class=\"wp-image-18142\"/>\u003cfigcaption class=\"wp-element-caption\">\u003ca href=\"https://www.laurenhungdesign.com/\" target=\"_blank\" rel=\"noreferrer noopener\">https://www.laurenhungdesign.com/\u003c/a>\u003c/figcaption>\u003c/figure>\n","innerContent":["\n\u003cfigure class=\"wp-block-image size-full\">\u003cimg src=\"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2026/05/lauren-hung-portfolio-website.png\" alt=\"Lauren Hung portfolio website\" class=\"wp-image-18142\"/>\u003cfigcaption class=\"wp-element-caption\">\u003ca href=\"https://www.laurenhungdesign.com/\" target=\"_blank\" rel=\"noreferrer noopener\">https://www.laurenhungdesign.com/\u003c/a>\u003c/figcaption>\u003c/figure>\n"]},{"blockName":"core/paragraph","attrs":[],"innerBlocks":[],"innerHTML":"\n\u003cp>A friendly greeting gives Lauren Hung’s portfolio homepage a welcoming feel. On that same page, visitors can see images from her past work. Clicking on one of these images brings you to a page with in-depth details about the project and Lauren’s role in the design process. Her About page provides a concise overview of her qualifications and experience. One of the best features of this student portfolio is the way Lauren’s resume is easily accessed via a button in the upper right-hand corner with no download required.\u003c/p>\n","innerContent":["\n\u003cp>A friendly greeting gives Lauren Hung’s portfolio homepage a welcoming feel. On that same page, visitors can see images from her past work. Clicking on one of these images brings you to a page with in-depth details about the project and Lauren’s role in the design process. Her About page provides a concise overview of her qualifications and experience. One of the best features of this student portfolio is the way Lauren’s resume is easily accessed via a button in the upper right-hand corner with no download required.\u003c/p>\n"]},{"blockName":"core/heading","attrs":{"level":3,"label":"3. Jon Rodz","parent":"dbf0670d-659e-420d-b2b0-b9bca58e294d","checked":true,"isBlocked":false},"innerBlocks":[],"innerHTML":"\n\u003ch3 class=\"wp-block-heading\" id=\"n-3-jon-rodz\">3. \u003ca href=\"https://www.jonrodz.com/\" target=\"_blank\" rel=\"noreferrer noopener\">Jon Rodz\u003c/a>\u003c/h3>\n","innerContent":["\n\u003ch3 class=\"wp-block-heading\" id=\"n-3-jon-rodz\">3. \u003ca href=\"https://www.jonrodz.com/\" target=\"_blank\" rel=\"noreferrer noopener\">Jon Rodz\u003c/a>\u003c/h3>\n"]},{"blockName":"core/image","attrs":{"caption":"\u003ca href=\"https://www.jonrodz.com/\" target=\"_blank\" rel=\"noreferrer noopener\">https://www.jonrodz.com/\u003c/a>","id":18143,"sizeSlug":"full","linkDestination":"none","title":"jon_rodz_portfolio_website","description":"","alt":"Jon Rodz portfolio website","sizes":[{"name":"thumbnail","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2026/05/jon_rodz_portfolio_website-150x101.png","width":150,"height":101},{"name":"medium","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2026/05/jon_rodz_portfolio_website-300x203.png","width":300,"height":203},{"name":"medium_large","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2026/05/jon_rodz_portfolio_website.png","width":669,"height":452},{"name":"large","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2026/05/jon_rodz_portfolio_website.png","width":669,"height":452},{"name":"1536x1536","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2026/05/jon_rodz_portfolio_website.png","width":669,"height":452},{"name":"2048x2048","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2026/05/jon_rodz_portfolio_website.png","width":669,"height":452},{"name":"full","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2026/05/jon_rodz_portfolio_website.png","width":669,"height":452}]},"innerBlocks":[],"innerHTML":"\n\u003cfigure class=\"wp-block-image size-full\">\u003cimg src=\"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2026/05/jon_rodz_portfolio_website.png\" alt=\"Jon Rodz portfolio website\" class=\"wp-image-18143\"/>\u003cfigcaption class=\"wp-element-caption\">\u003ca href=\"https://www.jonrodz.com/\" target=\"_blank\" rel=\"noreferrer noopener\">https://www.jonrodz.com/\u003c/a>\u003c/figcaption>\u003c/figure>\n","innerContent":["\n\u003cfigure class=\"wp-block-image size-full\">\u003cimg src=\"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2026/05/jon_rodz_portfolio_website.png\" alt=\"Jon Rodz portfolio website\" class=\"wp-image-18143\"/>\u003cfigcaption class=\"wp-element-caption\">\u003ca href=\"https://www.jonrodz.com/\" target=\"_blank\" rel=\"noreferrer noopener\">https://www.jonrodz.com/\u003c/a>\u003c/figcaption>\u003c/figure>\n"]},{"blockName":"core/paragraph","attrs":[],"innerBlocks":[],"innerHTML":"\n\u003cp>The bright and friendly colors at the top of Jon Rodz’s portfolio website create a sense of fun and whimsy right from the start. His creativity is on full display, with select examples of his work listed directly below his introduction. Jon has gone the extra mile to showcase his abilities and experience by including a number of testimonials and design awards. He even has a design journal available to peruse as well as a detailed personal story on his About page. This student portfolio is an exercise in maximalism, but it works because of how well Jon has organized a large amount of information. \u003c/p>\n","innerContent":["\n\u003cp>The bright and friendly colors at the top of Jon Rodz’s portfolio website create a sense of fun and whimsy right from the start. His creativity is on full display, with select examples of his work listed directly below his introduction. Jon has gone the extra mile to showcase his abilities and experience by including a number of testimonials and design awards. He even has a design journal available to peruse as well as a detailed personal story on his About page. This student portfolio is an exercise in maximalism, but it works because of how well Jon has organized a large amount of information. \u003c/p>\n"]},{"blockName":"core/heading","attrs":{"level":3,"label":"4. Lauren Sheldon","parent":"dbf0670d-659e-420d-b2b0-b9bca58e294d","checked":true,"isBlocked":false},"innerBlocks":[],"innerHTML":"\n\u003ch3 class=\"wp-block-heading\" id=\"n-4-lauren-sheldon\">4. \u003ca href=\"https://www.laurensheldonsportfolio.com/\" target=\"_blank\" rel=\"noreferrer noopener\">Lauren Sheldon\u003c/a>\u003c/h3>\n","innerContent":["\n\u003ch3 class=\"wp-block-heading\" id=\"n-4-lauren-sheldon\">4. \u003ca href=\"https://www.laurensheldonsportfolio.com/\" target=\"_blank\" rel=\"noreferrer noopener\">Lauren Sheldon\u003c/a>\u003c/h3>\n"]},{"blockName":"core/image","attrs":{"caption":"\u003ca href=\"https://www.laurensheldonsportfolio.com/\" target=\"_blank\" rel=\"noreferrer noopener\">https://www.laurensheldonsportfolio.com/\u003c/a>","id":8824,"sizeSlug":"full","linkDestination":"none","title":"4-11 Student Portfolio Website Examples","description":"","alt":"","sizes":[{"name":"thumbnail","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2022/12/4-11-Student-Portfolio-Website-Examples-1-320x216.png","width":320,"height":216},{"name":"medium","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2022/12/4-11-Student-Portfolio-Website-Examples-1-600x405.png","width":600,"height":405},{"name":"medium_large","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2022/12/4-11-Student-Portfolio-Website-Examples-1.png","width":669,"height":452},{"name":"large","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2022/12/4-11-Student-Portfolio-Website-Examples-1.png","width":669,"height":452},{"name":"1536x1536","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2022/12/4-11-Student-Portfolio-Website-Examples-1.png","width":669,"height":452},{"name":"2048x2048","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2022/12/4-11-Student-Portfolio-Website-Examples-1.png","width":669,"height":452},{"name":"full","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2022/12/4-11-Student-Portfolio-Website-Examples-1.png","width":669,"height":452}]},"innerBlocks":[],"innerHTML":"\n\u003cfigure class=\"wp-block-image size-full\">\u003cimg src=\"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2022/12/4-11-Student-Portfolio-Website-Examples-1.png\" alt=\"laurensheldonsportfolio.com portfolio website\" class=\"wp-image-8824\"/>\u003cfigcaption class=\"wp-element-caption\">\u003ca href=\"https://www.laurensheldonsportfolio.com/\" target=\"_blank\" rel=\"noreferrer noopener\">https://www.laurensheldonsportfolio.com/\u003c/a>\u003c/figcaption>\u003c/figure>\n","innerContent":["\n\u003cfigure class=\"wp-block-image size-full\">\u003cimg src=\"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2022/12/4-11-Student-Portfolio-Website-Examples-1.png\" alt=\"laurensheldonsportfolio.com portfolio website\" class=\"wp-image-8824\"/>\u003cfigcaption class=\"wp-element-caption\">\u003ca href=\"https://www.laurensheldonsportfolio.com/\" target=\"_blank\" rel=\"noreferrer noopener\">https://www.laurensheldonsportfolio.com/\u003c/a>\u003c/figcaption>\u003c/figure>\n"]},{"blockName":"core/paragraph","attrs":[],"innerBlocks":[],"innerHTML":"\n\u003cp>Lauren Sheldon’s online portfolio gives you two clear choices on the home page: to view her portfolio and to get in touch with her. With those calls to action in place, she brings the visitor’s focus right to the steps she wants them to take. The portfolio allows the images to speak for themselves, inviting viewers to hover over each one and get a glimpse into the how and why behind each project once they click. The URL, too, is quite direct, leaving no ambiguity as to where the visitor has landed. \u003c/p>\n","innerContent":["\n\u003cp>Lauren Sheldon’s online portfolio gives you two clear choices on the home page: to view her portfolio and to get in touch with her. With those calls to action in place, she brings the visitor’s focus right to the steps she wants them to take. The portfolio allows the images to speak for themselves, inviting viewers to hover over each one and get a glimpse into the how and why behind each project once they click. The URL, too, is quite direct, leaving no ambiguity as to where the visitor has landed. \u003c/p>\n"]},{"blockName":"core/heading","attrs":{"level":3,"label":"5. Natalee Anderson","parent":"dbf0670d-659e-420d-b2b0-b9bca58e294d","checked":true,"isBlocked":false},"innerBlocks":[],"innerHTML":"\n\u003ch3 class=\"wp-block-heading\" id=\"n-5-natalee-anderson\">5. \u003ca href=\"https://andernay.myportfolio.com/\" target=\"_blank\" rel=\"noreferrer noopener\">Natalee Anderson\u003c/a>\u003c/h3>\n","innerContent":["\n\u003ch3 class=\"wp-block-heading\" id=\"n-5-natalee-anderson\">5. \u003ca href=\"https://andernay.myportfolio.com/\" target=\"_blank\" rel=\"noreferrer noopener\">Natalee Anderson\u003c/a>\u003c/h3>\n"]},{"blockName":"core/image","attrs":{"caption":"\u003ca href=\"https://andernay.myportfolio.com/\" target=\"_blank\" rel=\"noreferrer noopener\">https://andernay.myportfolio.com/\u003c/a>","id":18144,"sizeSlug":"full","linkDestination":"none","title":"natalee-anderson-portfolio-website","description":"","alt":"Natalee Anderson portfolio website","sizes":[{"name":"thumbnail","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2026/05/natalee-anderson-portfolio-website-150x101.png","width":150,"height":101},{"name":"medium","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2026/05/natalee-anderson-portfolio-website-300x203.png","width":300,"height":203},{"name":"medium_large","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2026/05/natalee-anderson-portfolio-website.png","width":669,"height":452},{"name":"large","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2026/05/natalee-anderson-portfolio-website.png","width":669,"height":452},{"name":"1536x1536","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2026/05/natalee-anderson-portfolio-website.png","width":669,"height":452},{"name":"2048x2048","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2026/05/natalee-anderson-portfolio-website.png","width":669,"height":452},{"name":"full","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2026/05/natalee-anderson-portfolio-website.png","width":669,"height":452}]},"innerBlocks":[],"innerHTML":"\n\u003cfigure class=\"wp-block-image size-full\">\u003cimg src=\"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2026/05/natalee-anderson-portfolio-website.png\" alt=\"Natalee Anderson portfolio website\" class=\"wp-image-18144\"/>\u003cfigcaption class=\"wp-element-caption\">\u003ca href=\"https://andernay.myportfolio.com/\" target=\"_blank\" rel=\"noreferrer noopener\">https://andernay.myportfolio.com/\u003c/a>\u003c/figcaption>\u003c/figure>\n","innerContent":["\n\u003cfigure class=\"wp-block-image size-full\">\u003cimg src=\"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2026/05/natalee-anderson-portfolio-website.png\" alt=\"Natalee Anderson portfolio website\" class=\"wp-image-18144\"/>\u003cfigcaption class=\"wp-element-caption\">\u003ca href=\"https://andernay.myportfolio.com/\" target=\"_blank\" rel=\"noreferrer noopener\">https://andernay.myportfolio.com/\u003c/a>\u003c/figcaption>\u003c/figure>\n"]},{"blockName":"core/paragraph","attrs":[],"innerBlocks":[],"innerHTML":"\n\u003cp>Natalee Anderson’s student portfolio site starts out strong with her \u003ca href=\"https://www.namecheap.com/guru-guides/personal-logo-graphic-design/\">personal logo\u003c/a> centered right at the top of the screen. When visitors click on any of the examples of her work, a behind-the-scenes look at the design process is provided to showcase her skills. Natalee also makes it easy to get in touch by providing multiple options for reaching out, including a contact form, an email address, and a link to her Instagram profile.\u003c/p>\n","innerContent":["\n\u003cp>Natalee Anderson’s student portfolio site starts out strong with her \u003ca href=\"https://www.namecheap.com/guru-guides/personal-logo-graphic-design/\">personal logo\u003c/a> centered right at the top of the screen. When visitors click on any of the examples of her work, a behind-the-scenes look at the design process is provided to showcase her skills. Natalee also makes it easy to get in touch by providing multiple options for reaching out, including a contact form, an email address, and a link to her Instagram profile.\u003c/p>\n"]},{"blockName":"core/heading","attrs":{"level":3,"label":"6. Kendall Barth","parent":"dbf0670d-659e-420d-b2b0-b9bca58e294d","checked":true,"isBlocked":false},"innerBlocks":[],"innerHTML":"\n\u003ch3 class=\"wp-block-heading\" id=\"n-6-kendall-barth\">6. \u003ca href=\"https://barthk.myportfolio.com/\" target=\"_blank\" rel=\"noreferrer noopener\">Kendall Barth\u003c/a>\u003c/h3>\n","innerContent":["\n\u003ch3 class=\"wp-block-heading\" id=\"n-6-kendall-barth\">6. \u003ca href=\"https://barthk.myportfolio.com/\" target=\"_blank\" rel=\"noreferrer noopener\">Kendall Barth\u003c/a>\u003c/h3>\n"]},{"blockName":"core/image","attrs":{"caption":"\u003ca href=\"https://barthk.myportfolio.com/\" target=\"_blank\" rel=\"noreferrer noopener\">https://barthk.myportfolio.com/\u003c/a>","id":18145,"sizeSlug":"full","linkDestination":"none","title":"kendall-barth-portfolio-website","description":"","alt":"Kendall Barth portfolio website","sizes":[{"name":"thumbnail","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2026/05/kendall-barth-portfolio-website-150x101.png","width":150,"height":101},{"name":"medium","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2026/05/kendall-barth-portfolio-website-300x203.png","width":300,"height":203},{"name":"medium_large","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2026/05/kendall-barth-portfolio-website.png","width":669,"height":452},{"name":"large","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2026/05/kendall-barth-portfolio-website.png","width":669,"height":452},{"name":"1536x1536","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2026/05/kendall-barth-portfolio-website.png","width":669,"height":452},{"name":"2048x2048","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2026/05/kendall-barth-portfolio-website.png","width":669,"height":452},{"name":"full","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2026/05/kendall-barth-portfolio-website.png","width":669,"height":452}]},"innerBlocks":[],"innerHTML":"\n\u003cfigure class=\"wp-block-image size-full\">\u003cimg src=\"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2026/05/kendall-barth-portfolio-website.png\" alt=\"Kendall Barth portfolio website\" class=\"wp-image-18145\"/>\u003cfigcaption class=\"wp-element-caption\">\u003ca href=\"https://barthk.myportfolio.com/\" target=\"_blank\" rel=\"noreferrer noopener\">https://barthk.myportfolio.com/\u003c/a>\u003c/figcaption>\u003c/figure>\n","innerContent":["\n\u003cfigure class=\"wp-block-image size-full\">\u003cimg src=\"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2026/05/kendall-barth-portfolio-website.png\" alt=\"Kendall Barth portfolio website\" class=\"wp-image-18145\"/>\u003cfigcaption class=\"wp-element-caption\">\u003ca href=\"https://barthk.myportfolio.com/\" target=\"_blank\" rel=\"noreferrer noopener\">https://barthk.myportfolio.com/\u003c/a>\u003c/figcaption>\u003c/figure>\n"]},{"blockName":"core/paragraph","attrs":[],"innerBlocks":[],"innerHTML":"\n\u003cp>Kendall Barth’s simple and straightforward portfolio homepage provides a concise look into her impressive range of abilities. Each of the images links to multiple examples of Kendall’s work in a particular area (graphic design, social media, printmaking, photography, etc.). The clean design makes it easy to focus on these portfolio pieces and really take in the work being presented. Those interested in working with Kendall can use the convenient contact form or click the resume link on her About page.\u003c/p>\n","innerContent":["\n\u003cp>Kendall Barth’s simple and straightforward portfolio homepage provides a concise look into her impressive range of abilities. Each of the images links to multiple examples of Kendall’s work in a particular area (graphic design, social media, printmaking, photography, etc.). The clean design makes it easy to focus on these portfolio pieces and really take in the work being presented. Those interested in working with Kendall can use the convenient contact form or click the resume link on her About page.\u003c/p>\n"]},{"blockName":"core/heading","attrs":{"level":3,"label":"7. Emma Deaton","parent":"dbf0670d-659e-420d-b2b0-b9bca58e294d","checked":true,"isBlocked":false},"innerBlocks":[],"innerHTML":"\n\u003ch3 class=\"wp-block-heading\" id=\"n-7-emma-deaton\">7. \u003ca href=\"https://emmadeaton.mypixieset.com/\" target=\"_blank\" rel=\"noreferrer noopener\">Emma Deaton\u003c/a>\u003c/h3>\n","innerContent":["\n\u003ch3 class=\"wp-block-heading\" id=\"n-7-emma-deaton\">7. \u003ca href=\"https://emmadeaton.mypixieset.com/\" target=\"_blank\" rel=\"noreferrer noopener\">Emma Deaton\u003c/a>\u003c/h3>\n"]},{"blockName":"core/image","attrs":{"caption":"\u003ca href=\"https://emmadeaton.mypixieset.com/\" target=\"_blank\" rel=\"noreferrer noopener\">https://emmadeaton.mypixieset.com/\u003c/a>","id":18146,"sizeSlug":"full","linkDestination":"none","title":"emma-deaton-portfolio-website","description":"","alt":"Emma Deaton portfolio website","sizes":[{"name":"thumbnail","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2026/05/emma-deaton-portfolio-website-150x101.png","width":150,"height":101},{"name":"medium","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2026/05/emma-deaton-portfolio-website-300x203.png","width":300,"height":203},{"name":"medium_large","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2026/05/emma-deaton-portfolio-website.png","width":669,"height":452},{"name":"large","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2026/05/emma-deaton-portfolio-website.png","width":669,"height":452},{"name":"1536x1536","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2026/05/emma-deaton-portfolio-website.png","width":669,"height":452},{"name":"2048x2048","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2026/05/emma-deaton-portfolio-website.png","width":669,"height":452},{"name":"full","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2026/05/emma-deaton-portfolio-website.png","width":669,"height":452}]},"innerBlocks":[],"innerHTML":"\n\u003cfigure class=\"wp-block-image size-full\">\u003cimg src=\"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2026/05/emma-deaton-portfolio-website.png\" alt=\"Emma Deaton portfolio website\" class=\"wp-image-18146\"/>\u003cfigcaption class=\"wp-element-caption\">\u003ca href=\"https://emmadeaton.mypixieset.com/\" target=\"_blank\" rel=\"noreferrer noopener\">https://emmadeaton.mypixieset.com/\u003c/a>\u003c/figcaption>\u003c/figure>\n","innerContent":["\n\u003cfigure class=\"wp-block-image size-full\">\u003cimg src=\"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2026/05/emma-deaton-portfolio-website.png\" alt=\"Emma Deaton portfolio website\" class=\"wp-image-18146\"/>\u003cfigcaption class=\"wp-element-caption\">\u003ca href=\"https://emmadeaton.mypixieset.com/\" target=\"_blank\" rel=\"noreferrer noopener\">https://emmadeaton.mypixieset.com/\u003c/a>\u003c/figcaption>\u003c/figure>\n"]},{"blockName":"core/paragraph","attrs":[],"innerBlocks":[],"innerHTML":"\n\u003cp>Soft, soothing tones make Emma Deaton’s portfolio website a soothing place to explore. Her homepage functions like an About page, introducing visitors to her background and education as well as her values as an artist. Examples of her work are divided into two main categories: design and photography. Each has a dedicated page with more insight into her artistic approach explained at the top. Conveniently, Emma’s \u003ca href=\"https://www.namecheap.com/guru-guides/footer-examples/\">website footer\u003c/a> includes links to her social media profiles. \u003c/p>\n","innerContent":["\n\u003cp>Soft, soothing tones make Emma Deaton’s portfolio website a soothing place to explore. Her homepage functions like an About page, introducing visitors to her background and education as well as her values as an artist. Examples of her work are divided into two main categories: design and photography. Each has a dedicated page with more insight into her artistic approach explained at the top. Conveniently, Emma’s \u003ca href=\"https://www.namecheap.com/guru-guides/footer-examples/\">website footer\u003c/a> includes links to her social media profiles. \u003c/p>\n"]},{"blockName":"core/heading","attrs":{"level":3,"label":"8. Kelly He","parent":"dbf0670d-659e-420d-b2b0-b9bca58e294d","checked":true,"isBlocked":false},"innerBlocks":[],"innerHTML":"\n\u003ch3 class=\"wp-block-heading\" id=\"n-8-kelly-he\">8. \u003ca href=\"https://kellyhedesign.com/\" target=\"_blank\" rel=\"noreferrer noopener\">Kelly He\u003c/a>\u003c/h3>\n","innerContent":["\n\u003ch3 class=\"wp-block-heading\" id=\"n-8-kelly-he\">8. \u003ca href=\"https://kellyhedesign.com/\" target=\"_blank\" rel=\"noreferrer noopener\">Kelly He\u003c/a>\u003c/h3>\n"]},{"blockName":"core/image","attrs":{"caption":"\u003ca href=\"https://kellyhedesign.com/\" target=\"_blank\" rel=\"noreferrer noopener\">https://kellyhedesign.com/\u003c/a>","id":8818,"sizeSlug":"full","linkDestination":"none","title":"8-11 Student Portfolio Website Examples","description":"","alt":"kellyhedesign.com portfolio website","sizes":[{"name":"thumbnail","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2022/12/Db31Cr9C-8-11-Student-Portfolio-Website-Examples-320x216.png","width":320,"height":216},{"name":"medium","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2022/12/8-11-Student-Portfolio-Website-Examples-600x405.png","width":600,"height":405},{"name":"medium_large","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2022/12/8-11-Student-Portfolio-Website-Examples.png","width":669,"height":452},{"name":"large","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2022/12/8-11-Student-Portfolio-Website-Examples.png","width":669,"height":452},{"name":"1536x1536","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2022/12/8-11-Student-Portfolio-Website-Examples.png","width":669,"height":452},{"name":"2048x2048","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2022/12/8-11-Student-Portfolio-Website-Examples.png","width":669,"height":452},{"name":"full","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2022/12/8-11-Student-Portfolio-Website-Examples.png","width":669,"height":452}]},"innerBlocks":[],"innerHTML":"\n\u003cfigure class=\"wp-block-image size-full\">\u003cimg src=\"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2022/12/8-11-Student-Portfolio-Website-Examples.png\" alt=\"kellyhedesign.com portfolio website\" class=\"wp-image-8818\"/>\u003cfigcaption class=\"wp-element-caption\">\u003ca href=\"https://kellyhedesign.com/\" target=\"_blank\" rel=\"noreferrer noopener\">https://kellyhedesign.com/\u003c/a>\u003c/figcaption>\u003c/figure>\n","innerContent":["\n\u003cfigure class=\"wp-block-image size-full\">\u003cimg src=\"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2022/12/8-11-Student-Portfolio-Website-Examples.png\" alt=\"kellyhedesign.com portfolio website\" class=\"wp-image-8818\"/>\u003cfigcaption class=\"wp-element-caption\">\u003ca href=\"https://kellyhedesign.com/\" target=\"_blank\" rel=\"noreferrer noopener\">https://kellyhedesign.com/\u003c/a>\u003c/figcaption>\u003c/figure>\n"]},{"blockName":"core/paragraph","attrs":[],"innerBlocks":[],"innerHTML":"\n\u003cp>The hero image on Kelly He’s online portfolio invites you to scroll through a handful of examples, each of which shows a different artistic style. The architectural student and interdisciplinary designer divides her portfolio into two parts, a work section and a fine arts section, to direct visitors to the work that interests them. On both pages, visitors will find a well-organized layout filled with examples and intricate details that outline her process. In her bio, Kelly links to a .pdf file of her portfolio as well.\u003c/p>\n","innerContent":["\n\u003cp>The hero image on Kelly He’s online portfolio invites you to scroll through a handful of examples, each of which shows a different artistic style. The architectural student and interdisciplinary designer divides her portfolio into two parts, a work section and a fine arts section, to direct visitors to the work that interests them. On both pages, visitors will find a well-organized layout filled with examples and intricate details that outline her process. In her bio, Kelly links to a .pdf file of her portfolio as well.\u003c/p>\n"]},{"blockName":"core/heading","attrs":{"level":3,"label":"9. Fred Pastrana","parent":"dbf0670d-659e-420d-b2b0-b9bca58e294d","checked":true,"isBlocked":false},"innerBlocks":[],"innerHTML":"\n\u003ch3 class=\"wp-block-heading\" id=\"n-9-fred-pastrana\">9. \u003ca href=\"https://fredpastrana.com/\" target=\"_blank\" rel=\"noreferrer noopener\">Fred Pastrana\u003c/a>\u003c/h3>\n","innerContent":["\n\u003ch3 class=\"wp-block-heading\" id=\"n-9-fred-pastrana\">9. \u003ca href=\"https://fredpastrana.com/\" target=\"_blank\" rel=\"noreferrer noopener\">Fred Pastrana\u003c/a>\u003c/h3>\n"]},{"blockName":"core/image","attrs":{"caption":"\u003ca href=\"https://fredpastrana.com/\" target=\"_blank\" rel=\"noreferrer noopener\">https://fredpastrana.com/\u003c/a>","id":18147,"sizeSlug":"full","linkDestination":"none","title":"fred-pastrana-portfolio-website","description":"","alt":"Fred Pastrana portfolio website","sizes":[{"name":"thumbnail","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2026/05/fred-pastrana-portfolio-website-150x101.png","width":150,"height":101},{"name":"medium","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2026/05/fred-pastrana-portfolio-website-300x203.png","width":300,"height":203},{"name":"medium_large","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2026/05/fred-pastrana-portfolio-website.png","width":669,"height":452},{"name":"large","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2026/05/fred-pastrana-portfolio-website.png","width":669,"height":452},{"name":"1536x1536","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2026/05/fred-pastrana-portfolio-website.png","width":669,"height":452},{"name":"2048x2048","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2026/05/fred-pastrana-portfolio-website.png","width":669,"height":452},{"name":"full","url":"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2026/05/fred-pastrana-portfolio-website.png","width":669,"height":452}]},"innerBlocks":[],"innerHTML":"\n\u003cfigure class=\"wp-block-image size-full\">\u003cimg src=\"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2026/05/fred-pastrana-portfolio-website.png\" alt=\"Fred Pastrana portfolio website\" class=\"wp-image-18147\"/>\u003cfigcaption class=\"wp-element-caption\">\u003ca href=\"https://fredpastrana.com/\" target=\"_blank\" rel=\"noreferrer noopener\">https://fredpastrana.com/\u003c/a>\u003c/figcaption>\u003c/figure>\n","innerContent":["\n\u003cfigure class=\"wp-block-image size-full\">\u003cimg src=\"https://minio.production.cloudplatform.tech/wp-guru-guides-uploads/2026/05/fred-pastrana-portfolio-website.png\" alt=\"Fred Pastrana portfolio website\" class=\"wp-image-18147\"/>\u003cfigcaption class=\"wp-element-caption\">\u003ca href=\"https://fredpastrana.com/\" target=\"_blank\" rel=\"noreferrer noopener\">https://fredpastrana.com/\u003c/a>\u003c/figcaption>\u003c/figure>\n"]},{"blockName":"core/paragraph","attrs":[],"innerBlocks":[],"innerHTML":"\n\u003cp>Fred Pastrana’s portfolio is big and bold. Kicking off with a colorful name tag design, readers continue scrolling to see evenly-stacked rows of portfolio samples from individual projects. Click on any example, and you’ll see lots of detail that describes precisely how Fred’s creative process unfolds, from the creative brief to his design process to observations made while creating the final product. That kind of detail can illustrate to any viewer how Fred works and if his approach is a good fit for their needs.\u003c/p>\n","innerContent":["\n\u003cp>Fred Pastrana’s portfolio is big and bold. Kicking off with a colorful name tag design, readers continue scrolling to see evenly-stacked rows of portfolio samples from individual projects. Click on any example, and you’ll see lots of detail that describes precisely how Fred’s creative process unfolds, from the creative brief to his design process to observations made while creating the final product. That kind of detail can illustrate to any viewer how Fred works and if his approach is a good fit for their needs.\u003c/p>\n"]},{"blockName":"core/heading","attrs":{"label":"What to include in an online student portfolio","checked":true,"isBlocked":false},"innerBlocks":[],"innerHTML":"\n\u003ch2 class=\"wp-block-heading\" id=\"what-to-include-in-an-online-student-portfolio\">What to include in an online student portfolio\u003c/h2>\n","innerContent":["\n\u003ch2 class=\"wp-block-heading\" id=\"what-to-include-in-an-online-student-portfolio\">What to include in an online student portfolio\u003c/h2>\n"]},{"blockName":"core/paragraph","attrs":[],"innerBlocks":[],"innerHTML":"\n\u003cp>The goal of your \u003ca href=\"https://www.namecheap.com/blog/build-online-portfolio-2021/\" target=\"_blank\" rel=\"noreferrer noopener\">online student portfolio\u003c/a> is twofold: to showcase your best work and to demonstrate your growth. Include samples that highlight both to help reviewers get a full picture of your capabilities and specialties. Alongside each example, you may want to consider including a description that talks about the assignment, including what its goals were, what your thought process was, and how you accomplished the task. If you mastered a particular technique or tool to achieve the end result, mention those tools here, too. \u003c/p>\n","innerContent":["\n\u003cp>The goal of your \u003ca href=\"https://www.namecheap.com/blog/build-online-portfolio-2021/\" target=\"_blank\" rel=\"noreferrer noopener\">online student portfolio\u003c/a> is twofold: to showcase your best work and to demonstrate your growth. Include samples that highlight both to help reviewers get a full picture of your capabilities and specialties. Alongside each example, you may want to consider including a description that talks about the assignment, including what its goals were, what your thought process was, and how you accomplished the task. If you mastered a particular technique or tool to achieve the end result, mention those tools here, too. \u003c/p>\n"]},{"blockName":"core/paragraph","attrs":[],"innerBlocks":[],"innerHTML":"\n\u003cp>Here’s a handy checklist you can review when \u003ca href=\"https://www.namecheap.com/blog/how-to-create-a-successful-digital-portfolio/\" target=\"_blank\" rel=\"noreferrer noopener\">building your portfolio\u003c/a>:\u003c/p>\n","innerContent":["\n\u003cp>Here’s a handy checklist you can review when \u003ca href=\"https://www.namecheap.com/blog/how-to-create-a-successful-digital-portfolio/\" target=\"_blank\" rel=\"noreferrer noopener\">building your portfolio\u003c/a>:\u003c/p>\n"]},{"blockName":"core/paragraph","attrs":[],"innerBlocks":[],"innerHTML":"\n\u003cp>- Samples of your best work\u003c/p>\n","innerContent":["\n\u003cp>- Samples of your best work\u003c/p>\n"]},{"blockName":"core/paragraph","attrs":[],"innerBlocks":[],"innerHTML":"\n\u003cp>- A brief description of the work\u003c/p>\n","innerContent":["\n\u003cp>- A brief description of the work\u003c/p>\n"]},{"blockName":"core/paragraph","attrs":[],"innerBlocks":[],"innerHTML":"\n\u003cp>- Your contact information\u003c/p>\n","innerContent":["\n\u003cp>- Your contact information\u003c/p>\n"]},{"blockName":"core/paragraph","attrs":[],"innerBlocks":[],"innerHTML":"\n\u003cp>- A brief bio, including a photo of yourself\u003c/p>\n","innerContent":["\n\u003cp>- A brief bio, including a photo of yourself\u003c/p>\n"]},{"blockName":"core/paragraph","attrs":[],"innerBlocks":[],"innerHTML":"\n\u003cp>- Information about your skills and capabilities\u003c/p>\n","innerContent":["\n\u003cp>- Information about your skills and capabilities\u003c/p>\n"]},{"blockName":"core/paragraph","attrs":[],"innerBlocks":[],"innerHTML":"\n\u003cp>- A resume or CV, if applicable\u003c/p>\n","innerContent":["\n\u003cp>- A resume or CV, if applicable\u003c/p>\n"]},{"blockName":"nc-hc/product-block","attrs":{"buttonLabel":"Discover Namecheap Visual Suite","buttonUrl":"https://www.namecheap.com/visual/","buttonTarget":"_blank","buttonRel":"noreferrer noopener"},"innerBlocks":[],"innerHTML":"\n\u003cdiv class=\"wp-block-nc-hc-product-block gb-product-card\">\u003cdiv class=\"gb-product-card__text\">\u003c/div>\u003ca href=\"https://www.namecheap.com/visual/\" target=\"_blank\" rel=\"noreferrer noopener\" class=\"gb-btn gb-btn--primary\">Discover Namecheap Visual Suite\u003c/a>\u003c/div>\n","innerContent":["\n\u003cdiv class=\"wp-block-nc-hc-product-block gb-product-card\">\u003cdiv class=\"gb-product-card__text\">\u003c/div>\u003ca href=\"https://www.namecheap.com/visual/\" target=\"_blank\" rel=\"noreferrer noopener\" class=\"gb-btn gb-btn--primary\">Discover Namecheap Visual Suite\u003c/a>\u003c/div>\n"]},{"blockName":"core/heading","attrs":{"label":"How do I make a student portfolio website?","checked":true,"isBlocked":false},"innerBlocks":[],"innerHTML":"\n\u003ch2 class=\"wp-block-heading\" id=\"how-do-i-make-a-student-portfolio-website\">How do I make a student portfolio website?\u003c/h2>\n","innerContent":["\n\u003ch2 class=\"wp-block-heading\" id=\"how-do-i-make-a-student-portfolio-website\">How do I make a student portfolio website?\u003c/h2>\n"]},{"blockName":"core/paragraph","attrs":[],"innerBlocks":[],"innerHTML":"\n\u003cp>Students generally have a few options when it comes time to build a portfolio website. Two of those options are great for students with no experience designing websites: an online portfolio builder and a website builder. An online portfolio builder gets the job done, allowing students to add their best work and some basic information about themselves. But a website builder like \u003ca href=\"https://www.namecheap.com/visual/site-maker/\" target=\"_blank\" rel=\"noreferrer noopener\">Namecheap Site Maker\u003c/a> opens up more possibilities, with full customization, easy drag-and-drop tools, and the ability to add other web pages that a portfolio builder may not support. \u003c/p>\n","innerContent":["\n\u003cp>Students generally have a few options when it comes time to build a portfolio website. Two of those options are great for students with no experience designing websites: an online portfolio builder and a website builder. An online portfolio builder gets the job done, allowing students to add their best work and some basic information about themselves. But a website builder like \u003ca href=\"https://www.namecheap.com/visual/site-maker/\" target=\"_blank\" rel=\"noreferrer noopener\">Namecheap Site Maker\u003c/a> opens up more possibilities, with full customization, easy drag-and-drop tools, and the ability to add other web pages that a portfolio builder may not support. \u003c/p>\n"]},{"blockName":"core/heading","attrs":{"label":"How do you maintain a student portfolio? ","checked":true,"isBlocked":false},"innerBlocks":[],"innerHTML":"\n\u003ch2 class=\"wp-block-heading\" id=\"how-do-you-maintain-a-student-portfolio\">How do you maintain a student portfolio? \u003c/h2>\n","innerContent":["\n\u003ch2 class=\"wp-block-heading\" id=\"how-do-you-maintain-a-student-portfolio\">How do you maintain a student portfolio? \u003c/h2>\n"]},{"blockName":"core/paragraph","attrs":[],"innerBlocks":[],"innerHTML":"\n\u003cp>Take the time to regularly review the material in your student portfolio — think once a semester, at least. As your assignments help you grow and new challenges push your abilities, you can add the best and brightest of that new work to your online portfolio. If you’ve improved your skills, you can also replace older assignments that don’t show off your skills as well. And once you’ve graduated and it’s time to enter the job market, give it one more thorough review to make sure you’re putting your best foot forward for any career opportunities.\u003c/p>\n","innerContent":["\n\u003cp>Take the time to regularly review the material in your student portfolio — think once a semester, at least. As your assignments help you grow and new challenges push your abilities, you can add the best and brightest of that new work to your online portfolio. If you’ve improved your skills, you can also replace older assignments that don’t show off your skills as well. And once you’ve graduated and it’s time to enter the job market, give it one more thorough review to make sure you’re putting your best foot forward for any career opportunities.\u003c/p>\n"]},{"blockName":"core/heading","attrs":{"label":"Create your own student portfolio website in minutes","checked":true,"isBlocked":false},"innerBlocks":[],"innerHTML":"\n\u003ch2 class=\"wp-block-heading\" id=\"create-your-own-student-portfolio-website-in-minutes\">Create your own student portfolio website in minutes\u003c/h2>\n","innerContent":["\n\u003ch2 class=\"wp-block-heading\" id=\"create-your-own-student-portfolio-website-in-minutes\">Create your own student portfolio website in minutes\u003c/h2>\n"]},{"blockName":"core/paragraph","attrs":[],"innerBlocks":[],"innerHTML":"\n\u003cp>Thankfully, you don’t need coding skills or a hired professional to create your own student portfolio website. With website builders like \u003ca href=\"https://www.namecheap.com/visual/site-maker/\" target=\"_blank\" rel=\"noreferrer noopener\">Namecheap Site Maker\u003c/a>, you’ll have all the tools you need to create a fully customized site that reflects who you are. Starting from a template or with a blank slate, you can choose the colors and fonts that illustrate your personality while displaying your best work in a way that lets your samples shine. The whole process takes minutes. And thanks to an affordable all-in-one package, everything you need to launch your portfolio is included for under $4 per month. Try a 14-day trial of \u003ca href=\"https://www.namecheap.com/visual/site-maker/\" target=\"_blank\" rel=\"noreferrer noopener\">Namecheap Site Maker\u003c/a> to get started today.\u003c/p>\n","innerContent":["\n\u003cp>Thankfully, you don’t need coding skills or a hired professional to create your own student portfolio website. With website builders like \u003ca href=\"https://www.namecheap.com/visual/site-maker/\" target=\"_blank\" rel=\"noreferrer noopener\">Namecheap Site Maker\u003c/a>, you’ll have all the tools you need to create a fully customized site that reflects who you are. Starting from a template or with a blank slate, you can choose the colors and fonts that illustrate your personality while displaying your best work in a way that lets your samples shine. The whole process takes minutes. And thanks to an affordable all-in-one package, everything you need to launch your portfolio is included for under $4 per month. Try a 14-day trial of \u003ca href=\"https://www.namecheap.com/visual/site-maker/\" target=\"_blank\" rel=\"noreferrer noopener\">Namecheap Site Maker\u003c/a> to get started today.\u003c/p>\n"]}],"stickyMenu":[{"label":"The 9 best student portfolio websites to inspire your own","labelEdited":"The 9 best student portfolio websites to inspire your own","level":2,"anchor":"the-9-best-student-portfolio-websites-to-inspire-your-own","children":[{"label":"1. Ruben Hernandez","labelEdited":"1. Ruben Hernandez","level":3,"anchor":"n-1-ruben-hernandez"},{"label":"2. Lauren Hung","labelEdited":"2. Lauren Hung","level":3,"anchor":"n-2-lauren-hung"},{"label":"3. Jon Rodz","labelEdited":"3. Jon Rodz","level":3,"anchor":"n-3-jon-rodz"},{"label":"4. Lauren Sheldon","labelEdited":"4. Lauren Sheldon","level":3,"anchor":"n-4-lauren-sheldon"},{"label":"5. Natalee Anderson","labelEdited":"5. Natalee Anderson","level":3,"anchor":"n-5-natalee-anderson"},{"label":"6. Kendall Barth","labelEdited":"6. Kendall Barth","level":3,"anchor":"n-6-kendall-barth"},{"label":"7. Emma Deaton","labelEdited":"7. Emma Deaton","level":3,"anchor":"n-7-emma-deaton"},{"label":"8. Kelly He","labelEdited":"8. Kelly He","level":3,"anchor":"n-8-kelly-he"},{"label":"9. Fred Pastrana","labelEdited":"9. Fred Pastrana","level":3,"anchor":"n-9-fred-pastrana"}]},{"label":"What to include in an online student portfolio","labelEdited":"What to include in an online student portfolio","level":2,"anchor":"what-to-include-in-an-online-student-portfolio"},{"label":"How do I make a student portfolio website?","labelEdited":"How do I make a student portfolio website?","level":2,"anchor":"how-do-i-make-a-student-portfolio-website"},{"label":"How do you maintain a student portfolio? ","labelEdited":"How do you maintain a student portfolio? ","level":2,"anchor":"how-do-you-maintain-a-student-portfolio"},{"label":"Create your own student portfolio website in minutes","labelEdited":"Create your own student portfolio website in minutes","level":2,"anchor":"create-your-own-student-portfolio-website-in-minutes"}]},"status":200,"statusText":"OK"}}A student portfolio website serves many purposes for undergraduate and graduate students in design. For one, it’s a fantastic way to showcase work as they apply for internships, advanced learning opportunities, or part time jobs while in school. It’s also useful for tracking improvements and new skills, especially when lining up similar projects and comparing them side by side to visualize growth. It also doubles as a way to build a personal brand, so they can best tell the world their story, their perspective, and why someone might want to work with them.
No matter its end purpose, a student portfolio website serves an important role as a designer continues to learn, practice, and grow. But portfolio ideas don’t always come easy, even when you’re dealing with the subject you know best: yourself. These student portfolio website examples can set you in the right direction and help you decide how you want to show your talents to the world.
Stuck on ideas? These 9 examples will show you that a student portfolio can be as polished and professional as that of any full-time designer.
Ruben Hernandez uses his portfolio to showcase a variety of his work. Bold, colorful images greet you as soon as you visit the site. When you click on any samples of his work, you’ll get more details about the background for the project and how he developed a solution for the client. A bio can be viewed on the About page, providing a brief but compelling description of the way his education at the American Institute of Graphic Arts changed his life. This portfolio has a modern look that aligns with Ruben’s design style.
A friendly greeting gives Lauren Hung’s portfolio homepage a welcoming feel. On that same page, visitors can see images from her past work. Clicking on one of these images brings you to a page with in-depth details about the project and Lauren’s role in the design process. Her About page provides a concise overview of her qualifications and experience. One of the best features of this student portfolio is the way Lauren’s resume is easily accessed via a button in the upper right-hand corner with no download required.
The bright and friendly colors at the top of Jon Rodz’s portfolio website create a sense of fun and whimsy right from the start. His creativity is on full display, with select examples of his work listed directly below his introduction. Jon has gone the extra mile to showcase his abilities and experience by including a number of testimonials and design awards. He even has a design journal available to peruse as well as a detailed personal story on his About page. This student portfolio is an exercise in maximalism, but it works because of how well Jon has organized a large amount of information.
Lauren Sheldon’s online portfolio gives you two clear choices on the home page: to view her portfolio and to get in touch with her. With those calls to action in place, she brings the visitor’s focus right to the steps she wants them to take. The portfolio allows the images to speak for themselves, inviting viewers to hover over each one and get a glimpse into the how and why behind each project once they click. The URL, too, is quite direct, leaving no ambiguity as to where the visitor has landed.
Natalee Anderson’s student portfolio site starts out strong with her personal logo centered right at the top of the screen. When visitors click on any of the examples of her work, a behind-the-scenes look at the design process is provided to showcase her skills. Natalee also makes it easy to get in touch by providing multiple options for reaching out, including a contact form, an email address, and a link to her Instagram profile.
Kendall Barth’s simple and straightforward portfolio homepage provides a concise look into her impressive range of abilities. Each of the images links to multiple examples of Kendall’s work in a particular area (graphic design, social media, printmaking, photography, etc.). The clean design makes it easy to focus on these portfolio pieces and really take in the work being presented. Those interested in working with Kendall can use the convenient contact form or click the resume link on her About page.
Soft, soothing tones make Emma Deaton’s portfolio website a soothing place to explore. Her homepage functions like an About page, introducing visitors to her background and education as well as her values as an artist. Examples of her work are divided into two main categories: design and photography. Each has a dedicated page with more insight into her artistic approach explained at the top. Conveniently, Emma’s website footer includes links to her social media profiles.
The hero image on Kelly He’s online portfolio invites you to scroll through a handful of examples, each of which shows a different artistic style. The architectural student and interdisciplinary designer divides her portfolio into two parts, a work section and a fine arts section, to direct visitors to the work that interests them. On both pages, visitors will find a well-organized layout filled with examples and intricate details that outline her process. In her bio, Kelly links to a .pdf file of her portfolio as well.
Fred Pastrana’s portfolio is big and bold. Kicking off with a colorful name tag design, readers continue scrolling to see evenly-stacked rows of portfolio samples from individual projects. Click on any example, and you’ll see lots of detail that describes precisely how Fred’s creative process unfolds, from the creative brief to his design process to observations made while creating the final product. That kind of detail can illustrate to any viewer how Fred works and if his approach is a good fit for their needs.
The goal of your online student portfolio is twofold: to showcase your best work and to demonstrate your growth. Include samples that highlight both to help reviewers get a full picture of your capabilities and specialties. Alongside each example, you may want to consider including a description that talks about the assignment, including what its goals were, what your thought process was, and how you accomplished the task. If you mastered a particular technique or tool to achieve the end result, mention those tools here, too.
Here’s a handy checklist you can review when building your portfolio:
- Samples of your best work
- A brief description of the work
- Your contact information
- A brief bio, including a photo of yourself
- Information about your skills and capabilities
- A resume or CV, if applicable
Students generally have a few options when it comes time to build a portfolio website. Two of those options are great for students with no experience designing websites: an online portfolio builder and a website builder. An online portfolio builder gets the job done, allowing students to add their best work and some basic information about themselves. But a website builder like Namecheap Site Maker opens up more possibilities, with full customization, easy drag-and-drop tools, and the ability to add other web pages that a portfolio builder may not support.
Take the time to regularly review the material in your student portfolio — think once a semester, at least. As your assignments help you grow and new challenges push your abilities, you can add the best and brightest of that new work to your online portfolio. If you’ve improved your skills, you can also replace older assignments that don’t show off your skills as well. And once you’ve graduated and it’s time to enter the job market, give it one more thorough review to make sure you’re putting your best foot forward for any career opportunities.
Thankfully, you don’t need coding skills or a hired professional to create your own student portfolio website. With website builders like Namecheap Site Maker, you’ll have all the tools you need to create a fully customized site that reflects who you are. Starting from a template or with a blank slate, you can choose the colors and fonts that illustrate your personality while displaying your best work in a way that lets your samples shine. The whole process takes minutes. And thanks to an affordable all-in-one package, everything you need to launch your portfolio is included for under $4 per month. Try a 14-day trial of Namecheap Site Maker to get started today.
A student portfolio website should include visual examples of your best work along with a brief description of each project. In addition, include a brief bio, contact information, and a resume that details your skills and experience.
Use a DIY website builder like Namecheap’s Site Maker to create a student portfolio without coding. Site Maker walks you through the process and doesn’t require any web development experience to use. Simply follow along with the prompts to create a custom website and select your domain.
A personal bio for a student portfolio website can be written in first or third person and should be one or two paragraphs long. Include details about your academic background and other relevant experience. In addition, talk about your passions and your unique approach to your work.
More content by Nick A.
From voice to visuals, here’s how to create branding that everyone will recognize.
Get all the latest offers, articles, and industry news straight to your mailbox every month.
Need help? We're always here for you.