CPD’s Guide to Creating A Portfolio Website

A portfolio website is one of the most important ways to showcase your work and let others know about you and what you create. It’s essential for applying to internships, participating in ArtCenter’s recruiting events, appealing to future employers, and building your personal brand as a creative professional. In addition, it’s one of the best ways to help you stand out from the crowd. Below is CPD’s guide to help you get started in creating your own portfolio website.

Picking a Platform to Build Your Website

Whether you’re a coding pro or simply want a template to plug into, there are many choices when it comes to picking a platform to start building your website. Below are some of the most common options used by artists and designers. Many have free trials which give you an opportunity to explore without committing. When picking your website platform consider how you might use it now and in the future - is it simply to organize and showcase your work? Or do you plan to sell product one day? Do you want to be able to customize everything or are you okay with limited colors and fonts? Understanding your goals early on will help you in choose a platform that will best support your portfolio.

 

Adobe Portfolio

  • FREE with any Adobe Subscription

  • $9.99/mo for premium website, includes subscription to Photoshop and Lightroom

  • Very user friendly. Synchs with Behance

  • Offers a free professional looking domain name 

Wix

  • FREE to start. $13 - $39/mo for premium

  • wix.com/students to learn about 50% off student discount

  • Easy drag and drop design for beginners with lots of gallery templates

  • Custom domains available for a fee

  • Has a blog with helpful content

Frabrik

  • $11-$26/mo - Free 2 week trial 

  • Made specifically for artists and designers to display their work.  Easy to add media content without touching code  

  • Lots of gallery templates and themes. Switch themes any time 

  • Custom domains available 

  • Creator community “Show and Tell” featuring portfolios and celebrating creatives who use Fabrik 

Squarespace

  • $19/mo to start

  • Lots of templates with great design and flexibility . Able to customize CSS

  • Can support an online shop

  • Custom domains available for a fee

Format

  • $7 -$13/mo

  • Geared towards photography and film

  • Supports online stores and client galleries 

  • Will grown with your professional needs

  • Has a blog with helpful content

Cargo

  • Free premium account for ArtCenter Students with code e2d9021b

  • $13/mo. Other but free to try and build before going public

  • Great templates for artists and designers looking for a more creative and customizable website

  • Has a blog and tutorials with extensive ”how to” content

 

What to Include on Your Website

Regardless of where or how you build your portfolio website, there is certain basic information that should be included

 

Your Name

You can simply type your name or use a logo you’ve developed but including your name on your website allows the viewer identify who you are. Be sure the name you use is consistent on your website, resume, and any other professional materials.

Your Professional Bio

This is the page where employers will go to learn more about you. It’s where your bio or personal statement should live. This can be long or short but should include who you are and where you are located. It can talk about what you do and what you make as well as what inspires you. Include your unique skillsets.

Remember to keep it professional and avoid personal information. Leave out any information about your visa status or age. You can also include. a professional photo on this page.

Learn how to write a Professional Bio HERE.

Your Work

This is the heart of your website so you’ll want to make sure your work is easy to find on the first page of your website.

Be intentional about what you include on your website. For tips on this, read “Formatting Your Projects” below.

A Contact Page

This is the page viewers will likely click on in order to reach out to you so you want to make it easy to find. At minimum you should provide your email address on this page. You can also include a downloadable resume, link to your LinkedIn or social account.

Do not include personal information like address or phone number. Be sure. to keep this information up to date.

A Domain Name

On the Internet, your domain name (or URL) is your unique address. Having your own domain name helps employers easily find your portfolio and identify the work is yours.

Commonly, portfolio domain names consist of your first name and last name and .com - for example - www.TinkAdams.com. However you can use a studio name or your artists name. This name should be the name you want to go by professionally and it should match the name on your resume and other professional materials.

Most portfolio building websites will come with a standard default domain that looks something like www.tinkadams.wix.com. In order to take off the name of the website you will often need to upgrade.

It’s helpful to check if the website you are building your portfolio on allows you to purchase a domain name through them but you can also go through websites like GoDaddy, Google Domains, BlueHost, and more.

Passwords*

If a project is sponsored, under certain confidentiality restrictions, or just in progress and you want to hide it from the general public you can password protect it.

It’s recommended that you only password protect specific projects and not your entire website. Private websites often turn viewers away and you want to make sure your portfolio website is accessible.

Remember! If you are password protecting projects from the public but want to provide a password to employers you MUST include the password on your resume. You can add it under where you list your website.

Example:

 

Formatting Your Projects

This is often the hardest part about building a portfolio website but also the most important. Below are three pillars of website organization that will help you effectively display your work for the viewer.

  • Curate

    You do not have to include every project you have every made on your website. Instead, lay out all your projects in front of you and decided on the work that best represents your skills and the work you want to be doing.

    If you make work in multiple mediums - for instance you’re an illustrator who does painting, drawing, comics, creates zines, does fashion illustration, and so on - be sure to curate your projects by category to make it easy it for the viewers to find what they are looking for.

    There is no correct amount of projects to have on your website. The key is in how you organize and curate those projects for ease of viewing and so that the projects best reflect you as a creative.

  • Provide Context

    Most viewers are coming to your website with no understanding of who you are or what type of work you make which is why it is important to provide context. Viewers and especially potential employers want to know what the project was, what your thinking behind it was, and what your process was.

    Each project should contain the following:

    • A Project Name

    • Description of the project

    • Images

    • Process Images and Sketches

  • Sort by Relevance

    When putting your project galleries in order on a page think about displaying them in order of relevance. For instance, if you’re a Transportation Designer interested in working on exteriors don’t lead with UX projects lead with projects where your interior skills really shine!

Design Tips

 

Fonts

Sticking to modern san serif fonts is an easy way to design a great looking legible website. You can get creative and use accent fonts that mirror your personal branding but when in doubt keep it simple. Check that your font sizes are legible (12pt minimum) and that your font design doesn’t distract the viewing from your work.

Colors

Similar to fonts, the colors you use on your website should enhance your portfolio not distract from it. You can get creative and use colors that relate to your work just be sure your words are legible. You may also want to experiment with darker backgrounds. Your portfolio might stand out even more on a black or grey background. When in doubt white backgrounds with dark text is aways a safe bet and will look great too.

 

Always check your spelling and look for typos!

Pro Tip!

 

Once you’ve completed your portfolio website don’t forget to hyperlink it to your resume! Learn how here.

You can also add it to your LinkedIn and other professional materials.

 

Watch to Learn More

The below workshop will walk you through why you need a portfolio website, where to start building one, what employers are looking for in your website, and easy tips for getting started.