1. ARTS 73 Portfolio Website Assignment

This page will give you an overview of the assignment and resource links on how to accomplish specific requirements of the assignment. You will need to go to these resource links for detailed steps, tips and tutorials.


good grief

Choose 1 of the 3 programs below to create your portfolio website. WIX is preferred. You will need to open an account (free) and choose a template design from within your chosen program to begin. It is important to know that we are NOT creating a blog but a documentary portfolio website instead. 


find WIX website template for studio artist or graphic designer:
WIX>>What Kind of Website?>>Designer>>Artist or Graphic Designer or Portfolio



The information listed below will describe each of the requirements listed for your portfolio website. Links accompany each requirement to either show you examples describe “how to” information or both. Please read this information thoroughly:

Documentary Portfolio Website

  1. If you have previous web design experience, you may use any development program you wish. Otherwise, we will be using WIX or WordPress in class. If you choose not to use either of these programs, you must still be able to complete all of the course requirements. Be aware, I will not necessarily know how to accomplish these requirements in all programs other than WIX or WordPress, so if you do not use either of these it will be up to you to figure it out.
  2. Use this website requirement checklist to see the complete list of what you will be responsible for by the end of the semester. At a MINIMUM, your portfolio website must contain the information from the list below:
  3. Example how to organize your site: portfolio outline
  4. A DOCUMENTARY Portfolio differs from a PRESENTATION Portfolio. The Documentary Portfolio contains ALL of your art and designwork, plus additional information such as artist statement, résumé, etc. The Presentation Portfolio contains a much smaller number of works, only the very best showcasing a specific medium or for a specific purpose (job hunting, internship or scholarship  application, specific project consideration, etc.)
  5. Your site must be titled using your complete real name, (not a nickname). The thematic look or style of your website must be one that you can replicate on your business card and résumé (see below). So choose carefully.

Portfolio Website Requirements:

  • Portfolio Website that is searchable by Google
  • You must have the following “tabs or main pages” They may have slightly different names, but these kinds of pages are necessary.


      • This page is like the cover to a book. It should not be the page where your written responses to the essay questions; What is Art, etc. are located.  Instead it should contain the following:
        • Your name
        • A few words like “Welcome to My Portfolio.”
        • It might also contain a cropped version or thumbnail version of one of your art works (but not the entire artwork)
        • Personal artist/designer logo or identity mark
          • This is a visual symbol that represents you as an artist. It is not a picture. Personal Logo must also be used on your site, résumé, and business card.
        • Artist Tagline
          • This is a short phrase capturing an aspirational goal for you as an artist/designer, this is much shorter than your artist statement. It could be a complete sentence or just a few words. Locate this on the tagline part of the homepage.
        • A menu of the main Pages or Tabs.

    • WRITINGS tab

    • ABOUT ME tab

      • Unify the look of your logo, business card, résumé and website—give them all a common theme or style. They should look like they represent the same person. Do this by using your logo, same color, same typefaces, and other visual elements on all four pieces.
      • Personal Résumé —
        • Includes your artist objective and logo
        • An Artist Objective/Goal
          • This is different from your longer artist statement and tagline. An artist objective is just one sentence or short phrase in length and appears at the top of the résumé and is specifically intended to tell someone what kind of art/design work you are looking for or to do. (examples might include: “To study the California coastline as a landscaper painter.” or, “To develop sustainable design solutions as a package designer.” etc.)
      • Brief Auto-Biography (About You) page
        • This is your personal story (your background, where are you from, what are your interests, hobbies, what are your goals, at least a half page in length). THIS IS NOT WHERE YOU TALK ABOUT YOUR INTEREST IN ART/DESIGN.
      • Personal/artist Statement
        • Apply the ideas from your essay questions (What is Art, etc) to this statement. What do you want to create with your personal artistic work? This should also be at least a half-page, single spaced in length. This is different from your personal bio. THIS IS WHERE YOU TALK ABOUT YOUR INTEREST IN ART/DESIGN.
      • Influential designer/artist. A professional artist/designer who inspires you.
        • Your own work does not necessarily have to look like theirs.
        • They do not have to necessarily be a famous artist/designer
        • Must Include:
          • images of their work
          • links to their website
          • descriptions about HOW they work or WHY they do what they do that is meaningful to you as an artist/designer.
      • Personal Résumé —
        • Includes your artist objective and logo
        • An Artist Objective/Goal
          • This is different from your longer artist statement and tagline. An artist objective is just one sentence or short phrase in length and appears at the top of the résumé and is specifically intended to tell someone what kind of art/design work you are looking for or to do. (examples might include: “To study the California coastline as a landscaper painter.” or, “To develop sustainable design solutions as a package designer.” etc.)
          • It is to your advantage to create your résumé in illustrator (not in Google Docs or Word or Photoshop)
          • From your “About Me” tab, add a link to the PDF
            (this will be a printable version.
            (click the Add Media button to do this Screen Shot 2019-11-22 at 10.07.09 AM)
            The résumé itself will not be visible on your website, only the link to download it.
      • Personal artist Business card.
        (Print this out and turn in to me. Do not include on your website)

        • Standard business cards are 3 1/2 ” x 2″ in size. They may be vertical or horizontal, one or two-sided, folded, die-cut, etc. However, they must look like they go with the look of the résumé and website, that is most important.

    • ARTWORK tab

      • First photographing your work and Image Correct in Photoshop before posting on your site. Do a minimum of the following;
      • This main tab has submenu tabs of media such as those below. Save all images at a size of 100 ppi with 10 inches at the largest dimension. Each artwork must be accompained by a short description. These descriptions typically include information such as media, size dimensions, titles, “back story”, what the assignment was about, what you learned or what you were trying to achieve, etc.describe what you learned by creating it, what your process was, what the assignment goals/objectives were, what your intention was, etc.
      • Examples of your art/design work should be located under tabs organized by medium or theme
      • sketchbook
        • These are from the weekly sketchbook assignments
        • They are sketches from direct observation not from your imagination. (with the exception of the animated assignment)
      • drawings (with descriptions)
      • paintings (with descriptions)
      • 2D & Color (with descriptions)
      • photography (with descriptions)
      • design (with descriptions)
      • sculpture/3D (with descriptions)
      • example of your Process on something
        • Pick any single artwork of yours and take pictures or video your various stages of working on that piece or you doing that technique.
        • This series of images, or video, should document your artistic process or stages of development of a drawing, design, sculpture, etc.
        • These are not finished works, but meant to show HOW you work.

  • EXTERNAL HYPERLINKS (a link to some site that is not a part of your website) examples could be:

    • to your artistic influences,
    • other websites,
    • other artists,
    • references,
    • definitions, etc.)
      copy the URL of the site you want to be able to go to from your site. Then return to the edit page of your site, highlight the word that refers to the external site, click the chain link icon at the top of the page, paste in the URL, click the add link button

  • INTERNAL HYPERLINKS (a link between similar topics on your site)
    (the words colored in blue on this page are examples of these)
    for an internal like, you simply highlight the word, click the chain link, and in the search box type the name of the page that you have already created on your site, it will show up in the menu, select it, click the add link button

    • A good place to do this is to link a specific work of yours to the spot in your artist statement where you wrote about an idea or technique or media that the artwork would be an example of.

  • VIDEO At least one embedded video  that you find on uTube or one your create yourself. YOU CAN PLACE THE VIDEO AS A PART OF ANY ONE OF YOUR ABOVE TABS. Your video could show any one of the following:

    • shows an artistic process
    • a method of working
    • an interview
    • an example of site specific work
    • 3-D work or sculpture
    • a part of your influential artist page

  • COMMENTS appFollow this link to a short tutorial on how to add the Comments APP to your website. This will allow me to comment on your progress directly on your website pages. At the end of the semester you can delete this if you would like.

Then hit the Blue PUBLISH button in the upper FAR right-hand corner first.

  • Alternatively, you can publish the site from the “Overview” option funder your “Dashboard”. Click the “Learn More” button on the right hand side opposite “Publish Status” and select “Publish”)
  • If the Publish button is not blue or not there. It may mean that you have not yet confirmed your email address in your account. Do so first.

Once your site is Published, copy the URL from the resulting address bar and email that URL address to me. Be sure to type the words “Portfolio Website” in the subject line of your email.

Step -by-step instructions for adding the Comments App to your WIX site

Screen Shot 2018-12-11 at 5.33.34 PM.png

  • Select the ADD APPS Icon from your Dashboard
  • Do a Search (in the what do you want to add to your website box) for the Comments by Uri Shaked
  • Click the blue +Add to Site button

Screen Shot 2018-12-11 at 5.35.02 PM.png

  • Double-Click the Comments For Wix window to complete setup

Screen Shot 2018-12-11 at 5.35.25 PM.png

  • In the Main Comments window select Settings
  • turn on the Email Notifications slider
  • add your email address
  • move Comments per Page to the maximum setting (100)

Screen Shot 2018-12-11 at 5.37.15 PM.png

Screen Shot 2018-12-11 at 5.36.34 PM.png

Thats it. After the semester is over you can delete this app from your website if you want or further modify the settings if you wish to keep it.