{"id":5054,"date":"2022-09-23T02:00:00","date_gmt":"2022-09-23T00:00:00","guid":{"rendered":"https:\/\/alvarotrigo.com\/epa\/game-design-portfolios\/"},"modified":"2025-06-30T17:46:22","modified_gmt":"2025-06-30T15:46:22","slug":"game-design-portfolios","status":"publish","type":"post","link":"https:\/\/alvarotrigo.com\/blog\/game-design-portfolios\/","title":{"rendered":"How to Make Your Game Design Portfolio [+ 13 Examples]"},"content":{"rendered":"\n<p>Nowadays, getting a job in any field is incredibly tricky, and the game design industry is no different. If you are a <strong>game designer,<\/strong> having a polished, professional, and striking <strong>portfolio<\/strong> will make you stand out from the crowd.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1360\" height=\"907\" data-src=\"https:\/\/alvarotrigo.com\/blog\/wp-content\/uploads\/2024\/07\/sample-game-design-project.jpg\" alt=\"Best Game Design Portfolios\" class=\"wp-image-15302 lazyload\" data-srcset=\"https:\/\/alvarotrigo.com\/blog\/wp-content\/uploads\/2024\/07\/sample-game-design-project.jpg 1360w, https:\/\/alvarotrigo.com\/blog\/wp-content\/uploads\/2024\/07\/sample-game-design-project-300x200.jpg 300w, https:\/\/alvarotrigo.com\/blog\/wp-content\/uploads\/2024\/07\/sample-game-design-project-1024x683.jpg 1024w, https:\/\/alvarotrigo.com\/blog\/wp-content\/uploads\/2024\/07\/sample-game-design-project-768x512.jpg 768w\" data-sizes=\"(max-width: 1360px) 100vw, 1360px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1360px; --smush-placeholder-aspect-ratio: 1360\/907;\" \/><\/figure>\n\n\n\n<p>Keep reading to discover how to make excellent <strong>game design portfolio websites<\/strong>. We will also discuss what to include and share some samples to use as a blueprint. Without further ado, let\u2019s get started.<\/p>\n\n\n\n<h2 id=\"best-practices-to-make-a-game-design-portfolio\" class=\"wp-block-heading\">Best Practices to Make a Game Design Portfolio<\/h2>\n\n\n\n<p>Let\u2019s look at the best practices you can adapt to make your game design portfolio stand out.&nbsp;<\/p>\n\n\n\n<h3 id=\"good-hero-headernbsp\" class=\"wp-block-heading\">Good Hero Header <\/h3>\n\n\n\n<p>A hero header is a banner or eye-catching image added just below a website header. Since graphics are a core part of gaming, including a hero header can help grab a visitor&#8217;s attention from the start.&nbsp;<\/p>\n\n\n\n<p>Avoid adding random images to the hero header of your gaming portfolio. Instead, incorporate gaming designs using shapes and colors to create an aesthetic on-theme appeal. You can display multiple images using a <a href=\"https:\/\/alvarotrigo.com\/blog\/hero-slider\/\">hero slider<\/a> design. Also, consider adding a CTA (call to action) button to simplify navigation.&nbsp;<\/p>\n\n\n\n<h3 id=\"simple-navigationnbsp\" class=\"wp-block-heading\">Simple Navigation <\/h3>\n\n\n\n<p>Your portfolio should show that you understand UX principles and the importance of a user-friendly and seamless interface. Therefore, it makes it easy for people to find what they seek.&nbsp;<\/p>\n\n\n\n<p>Use simple navigation by incorporating well-labeled buttons and pages such as projects, about, or contact. Also, make your portfolio easily accessible on devices like desktops, laptops, and tablets. The key is to keep it simple and professional.&nbsp;<\/p>\n\n\n\n<h3 id=\"showcase-your-best-projectsnbsp\" class=\"wp-block-heading\">Showcase Your Best Projects <\/h3>\n\n\n\n<p>Select your best work to showcase on your portfolio. Include a variety of projects to show your versatility when working on different designs. Don\u2019t just display projects. Instead, add a description to explain the concept more.<\/p>\n\n\n\n<p>Below are some essential details to display in each project:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Year. <\/strong><br>Highlight the year you did the project. Organize your work from latest to oldest or vice versa for order.&nbsp;<\/li>\n\n\n\n<li><strong>Game Scene. <\/strong><br>This can be a single shot showing an exciting scene.&nbsp;<\/li>\n\n\n\n<li><strong>Link. <\/strong><br>A URL someone can follow to download or purchase the game.&nbsp;<\/li>\n\n\n\n<li><strong>Summary. <\/strong><br>Add a brief description of what the game and project was about.&nbsp;<\/li>\n\n\n\n<li><strong>Team Size. <\/strong><br>If you worked with a team, how many people did you collaborate with? You include this information in the summary of the project.&nbsp;<\/li>\n\n\n\n<li><strong>Your Role. <\/strong><br>Indicate your role in the project, i.e., technical game designer.&nbsp;<\/li>\n\n\n\n<li><strong>Engine. <\/strong><br>Highlight the game engines you used, such as Godot, Unity, Buildbox, Phaser, etc.&nbsp;<\/li>\n<\/ul>\n\n\n\n<p>Here is a sample of how your projects should look in your game design portfolio:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"900\" data-src=\"https:\/\/alvarotrigo.com\/blog\/wp-content\/uploads\/2024\/07\/unnamed-file-114.jpg\" alt=\"Game Design Portfolio Example\" class=\"wp-image-15303 lazyload\" data-srcset=\"https:\/\/alvarotrigo.com\/blog\/wp-content\/uploads\/2024\/07\/unnamed-file-114.jpg 1600w, https:\/\/alvarotrigo.com\/blog\/wp-content\/uploads\/2024\/07\/unnamed-file-114-300x169.jpg 300w, https:\/\/alvarotrigo.com\/blog\/wp-content\/uploads\/2024\/07\/unnamed-file-114-1024x576.jpg 1024w, https:\/\/alvarotrigo.com\/blog\/wp-content\/uploads\/2024\/07\/unnamed-file-114-768x432.jpg 768w, https:\/\/alvarotrigo.com\/blog\/wp-content\/uploads\/2024\/07\/unnamed-file-114-1536x864.jpg 1536w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/900;\" \/><\/figure>\n\n\n\n<p>&gt; <strong>PS: <\/strong>You can add student projects or game jams if you haven\u2019t worked on anything official yet.&nbsp;<\/p>\n\n\n\n<h3 id=\"makingof-design-processnbsp\" class=\"wp-block-heading\">Making-Of \/ Design Process <\/h3>\n\n\n\n<p>Designing a game is not a straight line. Therefore, it is essential to discuss the making process. Include the challenges faced in different stages and how you overcame them.&nbsp;<\/p>\n\n\n\n<p>Start from when the idea was pitched all the way to playtesting the game. Add everything systematically to <a href=\"https:\/\/alvarotrigo.com\/blog\/html-css-timelines\/\">create a timeline<\/a> of events. Also, include demo videos of your completed games.&nbsp;&nbsp;<\/p>\n\n\n\n<h3 id=\"marketplace-to-download-your-gamesnbsp\" class=\"wp-block-heading\">MarketPlace to Download Your Games <\/h3>\n\n\n\n<p>It is common for someone to be curious about your work and want to experience playing the game firsthand. Hence, write down all the platforms where the game is available, for example, PlayStation, Steam, and Xbox.&nbsp;<\/p>\n\n\n\n<h3 id=\"skillsets-by-categoriesnbsp\" class=\"wp-block-heading\">Skillsets By Categories <\/h3>\n\n\n\n<p>&#8220;Game design&#8221; is a broad field. It\u2019s very difficult to demonstrate skills in all areas of it. Focus on one or a couple and show your skills in that area. Add your specific skill sets and group them into categories for easy viewing. If possible, add your resume as a downloadable PDF copy.<\/p>\n\n\n\n<h3 id=\"about-younbsp\" class=\"wp-block-heading\">About You <\/h3>\n\n\n\n<p>This section allows you to provide more details about yourself as a game designer. Here are three things to include under <strong>&#8220;About You&#8221;<\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Type of Game Designer. <\/strong><br>Talk about the kind of game design you specialize in. For instance, are you a game artist, user experience, system, level, or technical designer? Add more information to provide extra context for the person viewing your portfolio.&nbsp;<\/li>\n\n\n\n<li><strong>GitHub Repository. <\/strong><br>A repository stores your files and codes, including their revision history. Think of it as a central storage location where multiple people can view your game design&#8217;s source code. This is a great way to share more information about your code.&nbsp;<\/li>\n\n\n\n<li><strong>Awards\/ Reviews. <\/strong><br>Include reviews from previous projects you\u2019ve worked on. These could be comments from collaborators or people who have interacted with your designs. If you\u2019ve also secured any awards related to game design, list them here.&nbsp;<\/li>\n<\/ul>\n\n\n\n<h3 id=\"contact-pagenbsp\" class=\"wp-block-heading\">Contact Page <\/h3>\n\n\n\n<p>In this section, note all contact details prospects can use to reach out. Remember to include an active email address, social media pages, or website.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"13-best-game-designer-portfolios\">13 Best Game Designer Portfolios<\/h2>\n\n\n\n<p>Now that you know what to add to your portfolio, it\u2019s time to start your project!<\/p>\n\n\n\n<p>Here\u2019s a list of 13 game design portfolio websites that can inspire you to create your portfolio:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"1.-hugo-peters\">1. <a href=\"https:\/\/hugo.fyi\/\" target=\"_blank\" rel=\"noopener nofollow\">Hugo Peters<\/a><\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1360\" height=\"608\" data-src=\"https:\/\/alvarotrigo.com\/blog\/wp-content\/uploads\/2024\/07\/unnamed-file-115.jpg\" alt=\"Hugo Peters - Game Portfolio\" class=\"wp-image-15304 lazyload\" data-srcset=\"https:\/\/alvarotrigo.com\/blog\/wp-content\/uploads\/2024\/07\/unnamed-file-115.jpg 1360w, https:\/\/alvarotrigo.com\/blog\/wp-content\/uploads\/2024\/07\/unnamed-file-115-300x134.jpg 300w, https:\/\/alvarotrigo.com\/blog\/wp-content\/uploads\/2024\/07\/unnamed-file-115-1024x458.jpg 1024w, https:\/\/alvarotrigo.com\/blog\/wp-content\/uploads\/2024\/07\/unnamed-file-115-768x343.jpg 768w\" data-sizes=\"(max-width: 1360px) 100vw, 1360px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1360px; --smush-placeholder-aspect-ratio: 1360\/608;\" \/><\/figure>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/hugo.fyi\/\" title=\"Visit Portfolio\" target=\"_blank\" rel=\"noopener nofollow\">Visit Portfolio<\/a><\/div>\n<\/div>\n\n\n\n<p>When you arrive at the homepage of this game designer portfolio, you can instantly see what exactly makes the website so remarkable. The homepage features stunning animations of different video game characters Hugo has developed over the years.<\/p>\n\n\n\n<p>On his website, he has a detailed list of both professional and personal projects he has undertaken throughout his career. The easy construction coupled with the striking visuals creates an unforgettable portfolio experience.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"2.-jay-van-hutten\">2. <a href=\"http:\/\/www.jayvanhutten.com\/\" target=\"_blank\" rel=\"noopener nofollow\">Jay Van Hutten<\/a><\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1360\" height=\"598\" data-src=\"https:\/\/alvarotrigo.com\/blog\/wp-content\/uploads\/2024\/07\/unnamed-file-116.jpg\" alt=\"Jay Van Hutten Portfolio\" class=\"wp-image-15305 lazyload\" data-srcset=\"https:\/\/alvarotrigo.com\/blog\/wp-content\/uploads\/2024\/07\/unnamed-file-116.jpg 1360w, https:\/\/alvarotrigo.com\/blog\/wp-content\/uploads\/2024\/07\/unnamed-file-116-300x132.jpg 300w, https:\/\/alvarotrigo.com\/blog\/wp-content\/uploads\/2024\/07\/unnamed-file-116-1024x450.jpg 1024w, https:\/\/alvarotrigo.com\/blog\/wp-content\/uploads\/2024\/07\/unnamed-file-116-768x338.jpg 768w\" data-sizes=\"(max-width: 1360px) 100vw, 1360px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1360px; --smush-placeholder-aspect-ratio: 1360\/598;\" \/><\/figure>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"http:\/\/www.jayvanhutten.com\/\" title=\"Visit Portfolio\" target=\"_blank\" rel=\"noopener nofollow\">Visit Portfolio<\/a><\/div>\n<\/div>\n\n\n\n<p>Jay Van Hutten has one of those rare game design portfolio websites that aren\u2019t constructed traditionally. It features a sliding feature that contains all the information needed to know the game designer.<\/p>\n\n\n\n<p>As you slide further, you can see animated glimpses of the different games Jay has developed over the years, coupled with their specifications.<\/p>\n\n\n\n<p>If you want to create a similar sliding effect on your website, you can use fullPage.js.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"3.-chau-ho\">3. <a href=\"https:\/\/www.chauhogamedesigner.com\/\" target=\"_blank\" rel=\"noopener nofollow\">Chau Ho<\/a><\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1360\" height=\"609\" data-src=\"https:\/\/alvarotrigo.com\/blog\/wp-content\/uploads\/2024\/07\/unnamed-file-117.jpg\" alt=\"Chau Ho - Game Designer Portfolio\" class=\"wp-image-15306 lazyload\" data-srcset=\"https:\/\/alvarotrigo.com\/blog\/wp-content\/uploads\/2024\/07\/unnamed-file-117.jpg 1360w, https:\/\/alvarotrigo.com\/blog\/wp-content\/uploads\/2024\/07\/unnamed-file-117-300x134.jpg 300w, https:\/\/alvarotrigo.com\/blog\/wp-content\/uploads\/2024\/07\/unnamed-file-117-1024x459.jpg 1024w, https:\/\/alvarotrigo.com\/blog\/wp-content\/uploads\/2024\/07\/unnamed-file-117-768x344.jpg 768w\" data-sizes=\"(max-width: 1360px) 100vw, 1360px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1360px; --smush-placeholder-aspect-ratio: 1360\/609;\" \/><\/figure>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/www.chauhogamedesigner.com\/\" title=\"Visit Portfolio\" target=\"_blank\" rel=\"noopener nofollow\">Visit Portfolio<\/a><\/div>\n<\/div>\n\n\n\n<p>If you are looking for a sleek and professional game design portfolio example, check out Chau Ho&#8217;s website.<\/p>\n\n\n\n<p>The website is a great blend of vectors and information and can seamlessly showcase all of Chau Ho&#8217;s work on one single page.<\/p>\n\n\n\n<p>The colorful graphics on top of a simple black-and-white background create a stunning contrast and leave a lasting impression.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"4.-david-shaver\">4. <a href=\"http:\/\/www.davidshaver.net\/\" target=\"_blank\" rel=\"noopener nofollow\">David Shaver<\/a><\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1360\" height=\"608\" data-src=\"https:\/\/alvarotrigo.com\/blog\/wp-content\/uploads\/2024\/07\/unnamed-file-118.jpg\" alt=\"Professional Game Design Portfolio\" class=\"wp-image-15307 lazyload\" data-srcset=\"https:\/\/alvarotrigo.com\/blog\/wp-content\/uploads\/2024\/07\/unnamed-file-118.jpg 1360w, https:\/\/alvarotrigo.com\/blog\/wp-content\/uploads\/2024\/07\/unnamed-file-118-300x134.jpg 300w, https:\/\/alvarotrigo.com\/blog\/wp-content\/uploads\/2024\/07\/unnamed-file-118-1024x458.jpg 1024w, https:\/\/alvarotrigo.com\/blog\/wp-content\/uploads\/2024\/07\/unnamed-file-118-768x343.jpg 768w\" data-sizes=\"(max-width: 1360px) 100vw, 1360px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1360px; --smush-placeholder-aspect-ratio: 1360\/608;\" \/><\/figure>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"http:\/\/www.davidshaver.net\/\" title=\"Visit Portfolio\" target=\"_blank\" rel=\"noopener nofollow\">Visit Portfolio<\/a><\/div>\n<\/div>\n\n\n\n<p>This portfolio website is neither striking nor extremely professional, but it does the job.<\/p>\n\n\n\n<p>These straightforward portfolios are great for people who don&#8217;t want to invest a lot of money and time into their portfolios but still want their websites to be easy to navigate.<\/p>\n\n\n\n<p>Check this portfolio out if you want inspiration to create fun, simple, yet professional website portfolios.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"5.-robby-leonardi\">5. <a href=\"http:\/\/www.rleonardi.com\/interactive-resume\/\" target=\"_blank\" rel=\"noopener nofollow\">Robby Leonardi<\/a><\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1360\" height=\"606\" data-src=\"https:\/\/alvarotrigo.com\/blog\/wp-content\/uploads\/2024\/07\/unnamed-file-119.jpg\" alt=\"Game Design Portfolio Website\" class=\"wp-image-15308 lazyload\" data-srcset=\"https:\/\/alvarotrigo.com\/blog\/wp-content\/uploads\/2024\/07\/unnamed-file-119.jpg 1360w, https:\/\/alvarotrigo.com\/blog\/wp-content\/uploads\/2024\/07\/unnamed-file-119-300x134.jpg 300w, https:\/\/alvarotrigo.com\/blog\/wp-content\/uploads\/2024\/07\/unnamed-file-119-1024x456.jpg 1024w, https:\/\/alvarotrigo.com\/blog\/wp-content\/uploads\/2024\/07\/unnamed-file-119-768x342.jpg 768w\" data-sizes=\"(max-width: 1360px) 100vw, 1360px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1360px; --smush-placeholder-aspect-ratio: 1360\/606;\" \/><\/figure>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"http:\/\/www.rleonardi.com\/interactive-resume\/\" title=\"Visit Portfolio\" target=\"_blank\" rel=\"noopener nofollow\">Visit Portfolio<\/a><\/div>\n<\/div>\n\n\n\n<p>This game designer portfolio is guaranteed to turn your frown upside down. It is such a fun take on an interactive portfolio.<\/p>\n\n\n\n<p>The whole website resembles an actual game, and the character simply moves between different levels as you scroll, indirectly providing potential clients and employers with all the information.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>If you want to create a similar scrolling effect you can use <a href=\"https:\/\/alvarotrigo.com\/blog\/scroll-horizontally-with-mouse-wheel-vanilla-java\/\">Scrolling Horizontally With Mouse Wheel Java<\/a><\/p>\n<\/blockquote>\n\n\n\n<p>Although this website is very well developed and quite brilliantly planned, it is definingly harder to recreate. Nonetheless, it can inspire and help you create your own unique and interactive website.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"6.-ary-shirazi\">6. <a href=\"http:\/\/www.arashshirazi.co.uk\/category\/games\/\" target=\"_blank\" rel=\"noopener nofollow\">Ary Shirazi<\/a><\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1360\" height=\"609\" data-src=\"https:\/\/alvarotrigo.com\/blog\/wp-content\/uploads\/2024\/07\/unnamed-file-120.jpg\" alt=\"Ary Shirazi Designer Portfolio\" class=\"wp-image-15309 lazyload\" data-srcset=\"https:\/\/alvarotrigo.com\/blog\/wp-content\/uploads\/2024\/07\/unnamed-file-120.jpg 1360w, https:\/\/alvarotrigo.com\/blog\/wp-content\/uploads\/2024\/07\/unnamed-file-120-300x134.jpg 300w, https:\/\/alvarotrigo.com\/blog\/wp-content\/uploads\/2024\/07\/unnamed-file-120-1024x459.jpg 1024w, https:\/\/alvarotrigo.com\/blog\/wp-content\/uploads\/2024\/07\/unnamed-file-120-768x344.jpg 768w\" data-sizes=\"(max-width: 1360px) 100vw, 1360px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1360px; --smush-placeholder-aspect-ratio: 1360\/609;\" \/><\/figure>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"http:\/\/www.arashshirazi.co.uk\/category\/games\/\" title=\"Visit Portfolio\" target=\"_blank\" rel=\"noopener nofollow\">Visit Portfolio<\/a><\/div>\n<\/div>\n\n\n\n<p>If you are looking for game design portfolios that are both clean, professional, and easy to navigate while still having an oomph of personality, then you must check out Arashi\u2019s portfolio website.<\/p>\n\n\n\n<p>The home page is rather simple, only featuring a bunch of pictures from different video games, but that works in the website\u2019s favor as it gives depth to other pages, including the portfolio section.<\/p>\n\n\n\n<p>Each game is neatly represented, and when you place the cursor on top of the pictures, you get a summary of the whole game. This is perfect for people who don\u2019t have a lot of time to explore the games thoroughly.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"7.-manuel-correia\">7. <a href=\"https:\/\/gamesbymanuel.com\/\" target=\"_blank\" rel=\"noopener nofollow\">Manuel Correia<\/a><\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1360\" height=\"612\" data-src=\"https:\/\/alvarotrigo.com\/blog\/wp-content\/uploads\/2024\/07\/unnamed-file-121.jpg\" alt=\"Game Design Website Example\" class=\"wp-image-15310 lazyload\" data-srcset=\"https:\/\/alvarotrigo.com\/blog\/wp-content\/uploads\/2024\/07\/unnamed-file-121.jpg 1360w, https:\/\/alvarotrigo.com\/blog\/wp-content\/uploads\/2024\/07\/unnamed-file-121-300x135.jpg 300w, https:\/\/alvarotrigo.com\/blog\/wp-content\/uploads\/2024\/07\/unnamed-file-121-1024x461.jpg 1024w, https:\/\/alvarotrigo.com\/blog\/wp-content\/uploads\/2024\/07\/unnamed-file-121-768x346.jpg 768w\" data-sizes=\"(max-width: 1360px) 100vw, 1360px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1360px; --smush-placeholder-aspect-ratio: 1360\/612;\" \/><\/figure>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/gamesbymanuel.com\/\" title=\"Visit Portfolio\" target=\"_blank\" rel=\"noopener nofollow\">Visit Portfolio<\/a><\/div>\n<\/div>\n\n\n\n<p>Manuel Correia&#8217;s game design portfolio example uses colorful game posters to help them stand out on a plain black-and-white background.<\/p>\n\n\n\n<p>The layout of the website is very simple and very easy to navigate, which is why this portfolio works.<\/p>\n\n\n\n<p>Manuel enjoys designing a wide variety of games, and his expertise in both analog and digital games is quite visible just from the homepage. This is definitely a website worth checking out.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"8.-gael-baurens\">8. <a href=\"https:\/\/gael-baurens.fr\/\" target=\"_blank\" rel=\"noopener nofollow\">Gael Baurens<\/a><\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1360\" height=\"606\" data-src=\"https:\/\/alvarotrigo.com\/blog\/wp-content\/uploads\/2024\/07\/unnamed-file-122.jpg\" alt=\"Video Game Design Portfolio\" class=\"wp-image-15311 lazyload\" data-srcset=\"https:\/\/alvarotrigo.com\/blog\/wp-content\/uploads\/2024\/07\/unnamed-file-122.jpg 1360w, https:\/\/alvarotrigo.com\/blog\/wp-content\/uploads\/2024\/07\/unnamed-file-122-300x134.jpg 300w, https:\/\/alvarotrigo.com\/blog\/wp-content\/uploads\/2024\/07\/unnamed-file-122-1024x456.jpg 1024w, https:\/\/alvarotrigo.com\/blog\/wp-content\/uploads\/2024\/07\/unnamed-file-122-768x342.jpg 768w\" data-sizes=\"(max-width: 1360px) 100vw, 1360px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1360px; --smush-placeholder-aspect-ratio: 1360\/606;\" \/><\/figure>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/gael-baurens.fr\/\" title=\"Visit Portfolio\" target=\"_blank\" rel=\"noopener nofollow\">Visit Portfolio<\/a><\/div>\n<\/div>\n\n\n\n<p>The illustrated picture of Gael himself and the black background with blue and white accents combine to create a unique and quirky video game design portfolio.<\/p>\n\n\n\n<p>The website is pretty straightforward; all the details are available right on the home page, but subtle additions like the illustration and movement of the pictures add a certain depth to the portfolio.<\/p>\n\n\n\n<p>If you are looking for a website that is easy to navigate but still maintains the developer\u2019s unique aesthetics, you must check out this portfolio.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"9.-jack-bromhead\">9. <a href=\"https:\/\/www.jackbromhead.com\/\" target=\"_blank\" rel=\"noopener nofollow\">Jack Bromhead<\/a><\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1360\" height=\"602\" data-src=\"https:\/\/alvarotrigo.com\/blog\/wp-content\/uploads\/2024\/07\/unnamed-file-123.jpg\" alt=\"Jack Bromhead Game Designer\" class=\"wp-image-15312 lazyload\" data-srcset=\"https:\/\/alvarotrigo.com\/blog\/wp-content\/uploads\/2024\/07\/unnamed-file-123.jpg 1360w, https:\/\/alvarotrigo.com\/blog\/wp-content\/uploads\/2024\/07\/unnamed-file-123-300x133.jpg 300w, https:\/\/alvarotrigo.com\/blog\/wp-content\/uploads\/2024\/07\/unnamed-file-123-1024x453.jpg 1024w, https:\/\/alvarotrigo.com\/blog\/wp-content\/uploads\/2024\/07\/unnamed-file-123-768x340.jpg 768w\" data-sizes=\"(max-width: 1360px) 100vw, 1360px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1360px; --smush-placeholder-aspect-ratio: 1360\/602;\" \/><\/figure>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/www.jackbromhead.com\/\" title=\"Visit Portfolio\" target=\"_blank\" rel=\"noopener nofollow\">Visit Portfolio<\/a><\/div>\n<\/div>\n\n\n\n<p>The clips taken directly from video games, paired with high-definition pictures, make this game design portfolio example stand out from the rest.<\/p>\n\n\n\n<p>Instead of using tons of words to explain the games, Jack lets the animations, the pictures, and subtle interactive elements speak for themselves and create the ultimate visitor experience.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"10.-dean-tate\">10. <a href=\"http:\/\/www.iamdeantate.com\/\" target=\"_blank\" rel=\"noopener nofollow\">Dean Tate<\/a><\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1360\" height=\"611\" data-src=\"https:\/\/alvarotrigo.com\/blog\/wp-content\/uploads\/2024\/07\/unnamed-file-124.jpg\" alt=\"Game Design Online Portfolio\" class=\"wp-image-15313 lazyload\" data-srcset=\"https:\/\/alvarotrigo.com\/blog\/wp-content\/uploads\/2024\/07\/unnamed-file-124.jpg 1360w, https:\/\/alvarotrigo.com\/blog\/wp-content\/uploads\/2024\/07\/unnamed-file-124-300x135.jpg 300w, https:\/\/alvarotrigo.com\/blog\/wp-content\/uploads\/2024\/07\/unnamed-file-124-1024x460.jpg 1024w, https:\/\/alvarotrigo.com\/blog\/wp-content\/uploads\/2024\/07\/unnamed-file-124-768x345.jpg 768w\" data-sizes=\"(max-width: 1360px) 100vw, 1360px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1360px; --smush-placeholder-aspect-ratio: 1360\/611;\" \/><\/figure>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"http:\/\/www.iamdeantate.com\/\" title=\"Visit Portfolio\" target=\"_blank\" rel=\"noopener nofollow\">Visit Portfolio<\/a><\/div>\n<\/div>\n\n\n\n<p>Dean\u2019s game design online portfolio is constructed differently from the rest of the portfolios on this list.<\/p>\n\n\n\n<p>Instead of providing a simple glimpse of the different projects he has worked on, he explains each of the games in great detail, which can be great if you are looking to capture the attention of a specific client.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"11.-renaud-forestie\">11. <a href=\"https:\/\/reuno.net\/\" target=\"_blank\" rel=\"noopener nofollow\">Renaud Forestie<\/a><\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1360\" height=\"611\" data-src=\"https:\/\/alvarotrigo.com\/blog\/wp-content\/uploads\/2024\/07\/unnamed-file-125.jpg\" alt=\"Creative Game Design Portfolio\" class=\"wp-image-15314 lazyload\" data-srcset=\"https:\/\/alvarotrigo.com\/blog\/wp-content\/uploads\/2024\/07\/unnamed-file-125.jpg 1360w, https:\/\/alvarotrigo.com\/blog\/wp-content\/uploads\/2024\/07\/unnamed-file-125-300x135.jpg 300w, https:\/\/alvarotrigo.com\/blog\/wp-content\/uploads\/2024\/07\/unnamed-file-125-1024x460.jpg 1024w, https:\/\/alvarotrigo.com\/blog\/wp-content\/uploads\/2024\/07\/unnamed-file-125-768x345.jpg 768w\" data-sizes=\"(max-width: 1360px) 100vw, 1360px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1360px; --smush-placeholder-aspect-ratio: 1360\/611;\" \/><\/figure>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/reuno.net\/\" title=\"Visit Portfolio\" target=\"_blank\" rel=\"noopener nofollow\">Visit Portfolio<\/a><\/div>\n<\/div>\n\n\n\n<p>This portfolio website looks less like a portfolio and more like a collage of illustrations and animations.<\/p>\n\n\n\n<p>The homepage is so vivid that it instantly sucks in the visitor and lets them experience a multitude of styles almost instantly, and this is the strength of this website.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"12.-mathias-takacs\">12. <a href=\"https:\/\/www.squashandstretch.org\/\" target=\"_blank\" rel=\"noopener nofollow\">Mathias Takacs<\/a><\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1360\" height=\"608\" data-src=\"https:\/\/alvarotrigo.com\/blog\/wp-content\/uploads\/2024\/07\/unnamed-file-126.jpg\" alt=\"Game Design Portfolio Example\" class=\"wp-image-15315 lazyload\" data-srcset=\"https:\/\/alvarotrigo.com\/blog\/wp-content\/uploads\/2024\/07\/unnamed-file-126.jpg 1360w, https:\/\/alvarotrigo.com\/blog\/wp-content\/uploads\/2024\/07\/unnamed-file-126-300x134.jpg 300w, https:\/\/alvarotrigo.com\/blog\/wp-content\/uploads\/2024\/07\/unnamed-file-126-1024x458.jpg 1024w, https:\/\/alvarotrigo.com\/blog\/wp-content\/uploads\/2024\/07\/unnamed-file-126-768x343.jpg 768w\" data-sizes=\"(max-width: 1360px) 100vw, 1360px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1360px; --smush-placeholder-aspect-ratio: 1360\/608;\" \/><\/figure>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/www.squashandstretch.org\/\" title=\"Visit Portfolio\" target=\"_blank\" rel=\"noopener nofollow\">Visit Portfolio<\/a><\/div>\n<\/div>\n\n\n\n<p>Mathias\u2019s game design website is very similar to Renaud\u2019s. Although it is much less striking in comparison, it is equally brilliant because it showcases his unique art style.<\/p>\n\n\n\n<p>He also has an uncanny ability that lets him morph his art style depending on the theme, and this portfolio does a great job of highlighting that.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"13.-heath-smith\">13. <a href=\"https:\/\/heathsmith.net\/index.php\/portfolio\/\" target=\"_blank\" rel=\"noopener nofollow\">Heath Smith<\/a><\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1360\" height=\"609\" data-src=\"https:\/\/alvarotrigo.com\/blog\/wp-content\/uploads\/2024\/07\/unnamed-file-127.jpg\" alt=\"Lead Game Designer Portfolio\" class=\"wp-image-15316 lazyload\" data-srcset=\"https:\/\/alvarotrigo.com\/blog\/wp-content\/uploads\/2024\/07\/unnamed-file-127.jpg 1360w, https:\/\/alvarotrigo.com\/blog\/wp-content\/uploads\/2024\/07\/unnamed-file-127-300x134.jpg 300w, https:\/\/alvarotrigo.com\/blog\/wp-content\/uploads\/2024\/07\/unnamed-file-127-1024x459.jpg 1024w, https:\/\/alvarotrigo.com\/blog\/wp-content\/uploads\/2024\/07\/unnamed-file-127-768x344.jpg 768w\" data-sizes=\"(max-width: 1360px) 100vw, 1360px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1360px; --smush-placeholder-aspect-ratio: 1360\/609;\" \/><\/figure>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/heathsmith.net\/index.php\/portfolio\/\" title=\"Visit Portfolio\" target=\"_blank\" rel=\"noopener nofollow\">Visit Portfolio<\/a><\/div>\n<\/div>\n\n\n\n<p>This portfolio is probably the only website on the list that is constructed with a traditional layout, but that doesn\u2019t mean that this game design portfolio is boring or tacky.<\/p>\n\n\n\n<p>In fact, the website is incredibly well done, and any visitor can instantly experience the different projects the developer has worked on over the years.<\/p>\n\n\n\n<p>Although the website lacks interactive elements, colorful images, or flashy animations, it manages to leave a lasting impression.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"get-the-job-of-your-dream-with-these-portfolio-examples\">Get the Job of Your Dreams as a Game Designer!<\/h2>\n\n\n\n<p>While game design and development are very popular, only some work in this field. This means that companies prefer choosing well-known names when handling more significant projects.<\/p>\n\n\n\n<p>To compete with these well-known designers, you must create a portfolio to impress the clients. Remember to include a hero header, sample projects, and a walk-through of the design process. All in all, your portfolio should be easy to navigate.&nbsp;<\/p>\n\n\n\n<p>We hope you can find some inspiration from the 13 examples highlighted in the article!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"related-articles\">Related Articles<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/alvarotrigo.com\/blog\/websites-graphic-design-portfolios\/\">13+ Portfolio Websites For Graphic Designers<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/alvarotrigo.com\/blog\/video-portfolio-website\/\">7+ Amazing Video Portfolio Websites<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Discover Beautiful Portfolios for Game Designers and get inspired by them<\/p>\n","protected":false},"author":5,"featured_media":5053,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[121],"tags":[16,126,86,17],"class_list":["post-5054","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-design","tag-design","tag-inspiration","tag-portfolios","tag-web"],"acf":[],"_links":{"self":[{"href":"https:\/\/alvarotrigo.com\/blog\/wp-json\/wp\/v2\/posts\/5054","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alvarotrigo.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/alvarotrigo.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/alvarotrigo.com\/blog\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/alvarotrigo.com\/blog\/wp-json\/wp\/v2\/comments?post=5054"}],"version-history":[{"count":6,"href":"https:\/\/alvarotrigo.com\/blog\/wp-json\/wp\/v2\/posts\/5054\/revisions"}],"predecessor-version":[{"id":19418,"href":"https:\/\/alvarotrigo.com\/blog\/wp-json\/wp\/v2\/posts\/5054\/revisions\/19418"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/alvarotrigo.com\/blog\/wp-json\/wp\/v2\/media\/5053"}],"wp:attachment":[{"href":"https:\/\/alvarotrigo.com\/blog\/wp-json\/wp\/v2\/media?parent=5054"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/alvarotrigo.com\/blog\/wp-json\/wp\/v2\/categories?post=5054"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/alvarotrigo.com\/blog\/wp-json\/wp\/v2\/tags?post=5054"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}