--- title: 9 Rules of Portfolio Site Creation description: Designers don't just create résumés, they create portfolios that showcase their ... image: https://www.websitemagazine.com/hubfs/Imported_Blog_Media/design-3-1-1-1.png --- [Log In](https://www.websitemagazine.com/_hcms/mem/login) [Subscribe](https://websitemagazine.tradepub.com/free/w_webk05/prgm.cgi) [![Website Magazine Logo](https://www.websitemagazine.com/hs-fs/hubfs/gradient-regular@3x-1.png?width=586&height=145&name=gradient-regular@3x-1.png "Website Magazine Logo")](http://Website%20Services,%20Inc.) - [About](https://www.websitemagazine.com/about) - [FAQs](https://www.websitemagazine.com/about/faq) - [Advertise](https://www.websitemagazine.com/about/advertise) - [Editorial Staff](https://www.websitemagazine.com/about/editorial-publishing-staff) - [Resources](https://websitemagazine.tradepub.com) - [Newsletter](https://www.websitemagazine.com/newsletter-sign-up) - More - [Contact Us](https://www.websitemagazine.com/contact) [Log In](https://www.websitemagazine.com/_hcms/mem/login) [Subscribe](https://websitemagazine.tradepub.com/free/w_webk05/prgm.cgi) Search - [Latest](https://www.websitemagazine.com) - [Design](https://www.websitemagazine.com/web-design) - [Development](https://www.websitemagazine.com/web-development) - [SEO](https://www.websitemagazine.com/seo) - [Ecommerce](https://www.websitemagazine.com/ecommerce) - [Content](https://www.websitemagazine.com/content) - [Marketing](https://www.websitemagazine.com/marketing) - [Advertising](https://www.websitemagazine.com/advertising) - [Email](https://www.websitemagazine.com/email) - [Infographics](https://www.websitemagazine.com/infographics) - [View All Topics](https://www.websitemagazine.com/channels) # 9 Rules of Portfolio Site Creation ![Allison Howen](https://www.websitemagazine.com/hubfs/Allison%20Howen.jpeg) [by Allison Howen](https://www.websitemagazine.com/marketing/author/allison-howen) 13 Jun, 2013 - - - [mailto:?Body=https://www.websitemagazine.com/marketing/9-rules-of-portfolio-site-creation](mailto:?Body=https://www.websitemagazine.com/marketing/9-rules-of-portfolio-site-creation) - Link Copied! ![9 Rules of Portfolio Site Creation](https://www.websitemagazine.com/hubfs/Imported_Blog_Media/design-3-1-1-1.png) **Designers don't just create r‚Äö√†√∂¬¨¬©sum‚Äö√†√∂¬¨¬©s, they create portfolios that showcase their best works of art. More often than not, those portfolios are featured on the Web so that they can be easily accessed and shared at any time and from everywhere or used to supplement hard copy promotional materials.** Unlike their paper counterparts, digital portfolios must follow Web design and development best practices, not to mention tricky, and ever-changing, SEO tactics. After all, a site without functionality, and visitors, is ineffective (regardless of how cool it looks). Discover 9 rules of portfolio site creation that will help make your digital showcase better than the rest: --- ## 1. Make a Statement with your Cover Page First impressions are everything, which is why it is very important to set the tone with your site's cover page. Whether you want to take a fun approach like [Jesse Willmon](https://www.jessewillmon.com/) (below), or a straightforward style like [Frank Chimero](https://frankchimero.com/work/), make sure that the portfolio's theme stays consistent throughout the entire site. Also, remember that the collection's layout and design elements shouldn't interfere with the site's overall usability. ![](https://www.websitemagazine.com/hs-fs/hubfs/Imported_Blog_Media/portfoliocoverdesign-2-1-1-1.png?width=630&height=400&name=portfoliocoverdesign-2-1-1-1.png) --- ## 2. Feature a Clear Menu Bar An online portfolio should have a variety of content, including assorted work samples, references, past experience and contact information. In order to get all of this important information seen, designers must feature a clear menu bar on their site, because no one is going to waste their time searching for information that should be readily available. Instead, possible employers will simply move on to the next candidate's portfolio. [Paul Currah](https://www.paulcurrah.com/), for example, not only features a menu bar at the top of his site that makes it easy to navigate through his diverse collection of work, but also features a bright menu on the left side of the page to make it simple for visitors to learn more about him and his skills. ![](https://www.websitemagazine.com/hs-fs/hubfs/Imported_Blog_Media/portfoliodesignmenu-2-1-1-1.png?width=630&height=330&name=portfoliodesignmenu-2-1-1-1.png) --- ## 3. Be Selective with Work Examples I had an art teacher who once told me that for every 100 paintings I create, I will only like one. While she may have been exaggerating a bit, the point is that art (design) is very subjective and more often than not, you will be more critical of your work than others will be. That said, use your critical eye to your advantage by carefully selecting the pieces of work that you want to feature. While it is a no brainer to feature your highest performing work and projects from your most prominent clients, use your best judgment to decide what other examples make it into your featured showcase. --- ## 4. Provide Descriptions The images of the featured work on your site might make sense to you, but make sure they also make sense to your potential employers. The best way to do this is by accompanying your work examples with short, yet detailed, descriptions. These descriptions should state what the project goal was as well as detail your specific contributions to the project. Olly Gibbs' portfolio site, for instance, features a project title that drops down when visitors mouse over image examples. Then, when images are clicked on, a window slides across the right of the screen to provide visitors with a description about the project. ![](https://www.websitemagazine.com/hs-fs/hubfs/Imported_Blog_Media/designportfoliodescription-2-1-1-1.png?width=630&height=300&name=designportfoliodescription-2-1-1-1.png) --- ## 5. Add Testimonials Just as user generated reviews are very influential to the decision making process for consumers shopping on ecommerce sites, testimonials can also sway an employer to choose to hire you over another candidate. [Philip Bloom](https://oddwebthings.com/) does a good job of featuring testimonials by displaying a "What clients have to say" section on the cover page of his portfolio. By doing this, potential employers who may not have been even looking for testimonials can tell that Bloom's work has been deemed a success by previous employers. ![](https://www.websitemagazine.com/hs-fs/hubfs/Imported_Blog_Media/designportfoliotestimonial-2-1-1-1.png?width=630&height=200&name=designportfoliotestimonial-2-1-1-1.png) --- ## 6. Be Accessible Your digital portfolio is worthless if potential employers can't figure out how to get a hold of you. While some designers choose to display their contact information on every page of their site, you should at least have an "about" and/or "contact" tab featured on your main menu. By doing this, visitors won't have to search for a way to contact you because regardless of wherever else you feature this information on your site, they can easily click the appropriate place in the menu bar to obtain access to this data. As an example, check out how easy [Jamie Kim](https://www.jamiekim.com/) makes it to get in touch with her. ![](https://www.websitemagazine.com/hs-fs/hubfs/Imported_Blog_Media/designportfoliocontact-2-1-1-1.png?width=630&height=330&name=designportfoliocontact-2-1-1-1.png) --- ## 7. Update Frequently Just as the rest of the professional world needs to keep their r‚Äö√†√∂¬¨¬©sum‚Äö√†√∂¬¨¬© up to date, a designer should do the same. This can show employers a few things, including that your work is in demand, that you stay current with new technologies and that you take pride in your creations. --- ## 8. Stay Creative Some designers choose to take a simplistic approach to their portfolio design, while others, like [Kendra Schaefer](https://www.kendraschaefer.com/), decide on a more dramatic approach. Regardless of what technique is chosen, designers should make sure to add some personality into the site by including a few unique bells and whistles. So despite which design path you choose to go down, remember to stay creative - after all, you are a designer. ![](https://www.websitemagazine.com/hs-fs/hubfs/Imported_Blog_Media/designportfoliocreative-2-1-1-1.png?width=630&height=450&name=designportfoliocreative-2-1-1-1.png) --- ## 9. Sell Yourself Last, but certainly not least, make sure to promote your portfolio whenever and wherever possible. As mentioned previously, a portfolio that is not seen is ineffective despite all the time and effort that is put into it. This is why designers should actively take steps to increase their site's visibility. This can be done by linking to the portfolio on social sites like LinkedIn, Facebook, Twitter and Google+, as well as featuring some of your work on design-centered community sites, like [Behance](https://www.behance.net/) and [Dribble](https://dribbble.com/). Plus, designers should include their portfolio's URL on all of their business cards, so new contacts can easily access work samples. In addition, including a blog on your portfolio, like [Luc Latulippe](https://luclatulippe.com/) has done, can help drive traffic to your website. This is because the Google search engine loves timeliness and authority, and a regularly updated blog can help your portfolio site obtain both. ![](https://www.websitemagazine.com/hs-fs/hubfs/Imported_Blog_Media/designportfolioblog-2-1-1-1.png?width=630&height=500&name=designportfolioblog-2-1-1-1.png) --- ![Allison Howen](https://www.websitemagazine.com/hubfs/Allison%20Howen.jpeg) [Allison Howen](https://www.websitemagazine.com/marketing/author/allison-howen) I'm a creative and adaptable journalist with experience in both print and digital media. Some of my best attributes include my social media management, writing and video editing skills. Skills: • Managing social media accounts with tools like HootSuite and Sprout Social • Creating and marketing content for print and digital media • Editing videos with software like Avid Media Composer • Composing articles with Adobe InCopy • Strong knowledge of AP Style • Skilled at interviewing and writing • Able to work on a deadline and produce quality results • Organized and detail oriented • Innovative problem solver - - - [mailto:ahowen@websitemagazine.com](mailto:ahowen@websitemagazine.com) #### Popular Post ### [31 Back-to-School Keyword Targets ![31 Back-to-School Keyword Targets](https://www.websitemagazine.com/hubfs/Imported_Blog_Media/schoolbus-1-1-1-1.jpg)](https://www.websitemagazine.com/marketing/31-back-to-school-keyword-targets) ### [GoDaddy Goes .XXX ![GoDaddy Goes .XXX](https://www.websitemagazine.com/hubfs/Imported_Blog_Media/gradient-regular-logo-mark-Jan-23-2023-12-15-39-1451-AM-Apr-10-2023-01-36-09-0977-PM-3-1.png)](https://www.websitemagazine.com/marketing/godaddy-goes-xxx) ### [23 Cool Tech Facts ![23 Cool Tech Facts](https://www.websitemagazine.com/hubfs/Imported_Blog_Media/fact_100x100-2-1-1-1.png)](https://www.websitemagazine.com/marketing/23-cool-tech-facts) #### Subscribe to Our Newsletter! [![](https://a.impactradius-go.com/display-ad/13053-1438301)](https://semrush.sjv.io/c/3976891/1438301/13053)![](https://imp.pxf.io/i/3976891/1438301/13053) #### Latest in Marketing [![3 Tips to Make Your Website More User-Friendly in 2023](https://www.websitemagazine.com/hubfs/Imported_Blog_Media/pexels-photo-2284350-1-1.jpg) 3 Tips to Make Your Website More User-Friendly in 2023](https://www.websitemagazine.com/marketing/3-tips-to-make-your-website-more-user-friendly) [![Web.com Launches New Professional QuickStart Website Service](https://www.websitemagazine.com/hubfs/Imported_Blog_Media/pexels-photo-4348404-1.jpg) Web.com Launches New Professional QuickStart Website Service](https://www.websitemagazine.com/marketing/web-com-launches-new-professional-quickstart-website-service) [![6 Ways to Stretch Your Marketing Budget](https://www.websitemagazine.com/hubfs/Imported_Blog_Media/gradient-regular-logo-mark-Feb-07-2023-03-32-33-0828-PM-Apr-25-2023-03-10-37-2214-AM-1.png) 6 Ways to Stretch Your Marketing Budget](https://www.websitemagazine.com/marketing/6-ways-to-stretch-your-marketing-budget) [![5 Reasons Visitors Leave Your Website and Website Tracking Tools to Track Website Visitors](https://www.websitemagazine.com/hubfs/pexels-photo-1008155.jpg) 5 Reasons Visitors Leave Your Website and Website Tracking Tools to Track Website Visitors](https://www.websitemagazine.com/marketing/5-reasons-visitors-leave-your-website) [![5 Lessons About Workplace Energy](https://www.websitemagazine.com/hubfs/Imported_Blog_Media/distress-1-1-1-1.png) 5 Lessons About Workplace Energy](https://www.websitemagazine.com/marketing/5-lessons-about-workplace-energy) [![Y Combinator Startups to #WebTechWatch](https://www.websitemagazine.com/hubfs/Imported_Blog_Media/startup-funding-4-1-1-1.jpg) Y Combinator Startups to #WebTechWatch](https://www.websitemagazine.com/marketing/y-combinator-startups-to-webtechwatch) [![gradient-regular@3x](https://www.websitemagazine.com/hs-fs/hubfs/gradient-regular@3x.png?width=128&height=128&name=gradient-regular@3x.png)](https://www.websitemagazine.com/) 999 E Touhy Ave, Des Plaines, IL 60018   [info@websitemagazine.com](mailto:info@websitemagazine.com) [(888) 7WEBMAG](tel:18887932624) [(312) 313-6576](tel:13123136576) About - [Advertise](https://www.websitemagazine.com/about/advertise) - [Editorial](https://www.websitemagazine.com/about/editorial-publishing-staff) - [Contact Us](https://www.websitemagazine.com/contact) Resources Membership - Login - Subscribe Signup for our newsletter © 2026 Website Magazine. All Rights Reserved - [Privacy Policy](https://www.websitemagazine.com/about/privacy) ```json { "@context" : "https://schema.org", "@type" : "BlogPosting", "author" : { "@type" : "Person", "name" : "Allison Howen", "url" : "https://www.websitemagazine.com/marketing/author/allison-howen" }, "dateModified" : "2023-05-01T21:23:04.273Z", "datePublished" : "2013-06-13T05:00:00.000Z", "headline" : "9 Rules of Portfolio Site Creation", "image" : [ "https://www.websitemagazine.com/hubfs/Imported_Blog_Media/design-3-1-1-1.png" ], "mainEntityOfPage" : { "@id" : "https://www.websitemagazine.com/marketing/9-rules-of-portfolio-site-creation", "@type" : "WebPage" }, "publisher" : { "@type" : "Organization", "logo" : { "@type" : "ImageObject", "url" : "https://www.websitemagazine.com/hubfs/gradient-regular@3x-1.png" }, "name" : "Website Services, Inc." } } ``` ```json { "@context" : "https://schema.org", "@type" : "NewsArticle", "author" : [ { "@type" : "Person", "name" : "Allison Howen" } ], "headline" : "9 Rules of Portfolio Site Creation", "publisher" : { "name" : "Website Magazine", "url" : "https://www.websitemagazine.com/" } } ```